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