一沙框架 ysComboBox用於搜索欄的設置方法


一沙框架 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>&nbsp;搜索</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一定要注釋掉,顯示效果如下圖


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM