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

加了检索下拉框的bootstrap

在弹窗中使用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>
                        <!-- /btn-group -->
                  </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>


admin 发表于 2018-8-15 19:30:04

截图

772169737 发表于 2018-8-16 10:10:44

admin 发表于 2018-8-15 19:30 static/image/common/back.gif
截图

列表点击添加按钮

弹窗下拉检索代码


弹窗点击提交没反应

admin 发表于 2018-8-16 14:07:47

？没明白

772169737 发表于 2018-8-16 15:13:54

admin 发表于 2018-8-16 14:07 static/image/common/back.gif
？没明白

就是在弹窗中使用下拉检索bootstrap，点击提交没反应，而去掉bootstrap,却可以提交。
页: [1]
查看完整版本: 加了检索下拉框的bootstrap