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

     实现效果:

 

posted @ 2017-05-10 17:38  Junsept  阅读(5312)  评论(1编辑  收藏  举报