加了检索下拉框的bootstrap

772169737 · 发表于 2018-8-15 17:35:04

在弹窗中使用bootstrap检索下拉框，导致提交事件不执行，而去掉bootstrap却可以提交
代码如下：
head>
<title></title>
<t:base type="easyui,jquery,tools,bootstrap"></t:base>
</head>
<body>
<div style="padding: 10px 0px;">
<t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" tiptype="6" action="jdAjacceptController.do?doStop" >
   <input id="id" name="id" type=hidden value="${jdAjacceptPage.id }"/>
<table border="1" style="width:100%;background-color: #ffffff" cellpadding="0" cellspacing="1" >
<tr style="height:30px">
<td align="right" width="100px">
<label class=form_label>
案件编号:
</label>
</td>
<td class="value" width="350px">
                  <div class="input-group">
                     <input type="text" class="form-control" id="ajCode" datatype="*">
                     <div class="input-group-btn">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                              <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
                        </ul>
                     </div>
                     
                  </div>
         </td>
      </tr>
<tr>
<td align="right">
<label class="form_label">
终止原因:
</label>
</td>
<td class="value">
      <textarea style="width:85%;height:60px;" class="inputxt" rows="3" id="stopReason" name="stopReason"  datatype="*" nullmsg="请填写终止原因！" ignore="checked" ></textarea>
<span style="color: red">*</span>
</td>
</tr>
      </table>
      </t:formvalid>
</div>

<script src="plug-in/hplus/plugins/suggest/bootstrap-suggest.min.js"></script>
<script type="text/javascript">
/**
   * 不显示下拉按钮
   */
var testBsSuggest = $("#ajCode").bsSuggest({
      url: "jdAjacceptController/loadAjacceptData.do?keyword=",
      showHeader: false,
      effectiveFields: ["aj_code", "aj_name","client_comp","authenter"],
      showBtn: false,
      idField: "id",
      keyField: "aj_code"
}).on('onDataRequestSuccess', function (e, result) {
      console.log('onDataRequestSuccess: ', result);
}).on('onSetSelectValue', function (e, keyword) {
$("#id").val(keyword.id);
      console.log('onSetSelectValue: ', keyword);
}).on('onUnsetSelectValue', function (e) {
      console.log("onUnsetSelectValue");
});
</script>
</body>