easyui combobox中textField字段的拼接

Posted 2020-11-02 子涵1992

要得到如下图的效果: 省市区的拼接（这种使用不多）。一般情况下类似于这样的省市区联动都是用citypicker解决，

很少使用拼接。此处是根据这种实际的业务想出的方法

1.数据库中的数据如图:

 

2.combobox 

<td>选择区域</td>
                            <td>
                                <input type="text"
                                 class="easyui-combobox" 
                                 id="areaType"
                                name="area.id" 
                                editable="false"
                                data-options="required:true,valueField:\'id\',textField:\'district\',
                                url:\'../../area_list.action\'" />
                            </td>

2.采用js代码进行拼接:

$(\'#areaType\').combobox({
                    formatter:function(row){
                        //将省市区全部拼接到district上去
                         row.district = row.province+row.city+row.district;
                        return row.district;
                    }
                }) ;