開發過程中遇到這樣的一個需求:
從后台得到的兩個字段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 })
實現效果: