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

     实现效果:

 

转载于:https://www.cnblogs.com/Junsept/p/6837183.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值