一沙框架 ysComboBox用於搜索欄的設置方法,解決顯示錯位的問題
1、頁面代碼:按以下代碼格式,注意【部件狀態】這一行的寫法,為ysComboBox
1 <div id="searchDiv" class="col-sm-12 search-collapse"> 2 <div class="select-list"> 3 <ul> 4 <li> 5 設備條碼:<input id="f_DeviceBarcode" col="F_DeviceBarcode" type="text" /> 6 </li> 7 <li> 8 部件條碼:<input id="f_PartBarcode" col="F_PartBarcode" type="text" /> 9 </li> 10 <li> 11 <div id="f_OnFlag" col="F_OnFlag">部件狀態:</div> 12 </li> 13 <li> 14 <a id="btnSearch" class="btn btn-primary btn-sm" onclick="searchGrid()"><i class="fa fa-search"></i> 搜索</a> 15 </li> 16 </ul> 17 </div> 18 </div>
2、然后在script主函數中加入如下代碼即可
1 $("#f_OnFlag").ysComboBox({ 2 data: top.getDataDict("PartStat"), 3 key: "DictKey", 4 value: "DictValue", 5 //class: "form-control" 6 });
3、注意:class一定要注釋掉,顯示效果如下圖