實現easyui combobox中textField字段的拼接


  開發過程中遇到這樣的一個需求:
  從后台得到的兩個字段aa、bb拼接為一個字段aabb顯示在easyui combobx的下拉選項中。

  實現方法:

  利用formatter屬性定義如何呈現行: 

  頁面代碼:

1 <th><span>車輛信息:</span></th>
2 <td>
3   <div class="wrap_input">
4    <input class="easyui-combobox" type="text" name="bus" id="bus"
5           url="queryAllBus" valueField="busCode" textField="busName" data-options="fit:true,required:true">
6     </input>
7     </div>
8 </td>

  js代碼:

1 $('#bus').combobox({
2         formatter: function(row){
3         return '<span class="item-text">'+row.busName+"(車牌號:"+row.busPlateNo+")"+'</span>'; 
4     }
5 })

     實現效果:

 

打賞

免責聲明!

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



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