- 将要变成下拉选择的字段添加extendParams="editor:‘text’"
<t:dgCol title="公司名称" field="companyName" extendParams="editor:'text'" queryMode="group" width="120"></t:dgCol>
- 使用select2实现,要导入select2的css和js
<link rel="stylesheet" href="plug-in/select2/css/select2.min.css">
<script type="text/javascript" src="plug-in/select2/js/select2.full.min.js"></script>
- js方法
function db_edit(rowIndex,rowData){
var index= $('#airportCargoTrackingList').datagrid('getRowIndex', rowData);
$('#airportCargoTrackingList').datagrid('beginEdit', index);
arrIndex.push(index)
var ed = $("#airportCargoTrackingList").datagrid('getEditor', {index:index,field:"companyName"});
var companyId = $("#airportCargoTrackingList").datagrid('getEditor', {index:index,field:"companyId"});
var select2Data = new Array();
$.ajax({
url : "airportCargoTrackingController.do?getCustomer",
type:'GET',
dataType:'JSON',
delay: 250,
cache: true,
success: function(data){
for(var i = 0; i < data.length; i++){
var select2Obj = {};
select2Obj.id = data[i].id;
select2Obj.text = data[i].cus_company;
select2Data.push(select2Obj);
}
$(ed.target).select2({
data: select2Data,
placeholder:'请选择公司',
language: "zh-CN",
allowClear: true
});
$(ed.target).val(rowData.companyId).trigger('change')
$(ed.target).change(function(){
var temp = $(this).select2("data");
var name = temp[0].text;
var id = temp[0].id;
$(companyId.target).val(id)
$(ed.target).val(name);
});
}
});
}