实现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 })
实现效果: