第一点联动:为下拉框间联动
一:column
{title: '关联表名称',field: 'saveTablename',width:150,
editor: {
type: 'combobox', //联动下拉框
options: { data: linkTable, valueField: "ID", textField: "TABLENAME" ,required: true,
onSelect:function(data){debugger;
getLinkData(data);
}
}
}
},
{title: '关联属性值',field: 'attrCode',width:150,editor: { type: 'combobox',
options: { data: linkAttrName, valueField: "VALUE", textField: "TEXT" ,required: true} },sortable: true},
二:js
先声明全局变量
var linkTable = '';
var linkAttrName ='';
function getLinkTable() {
$.ajax({
url: baseURL+'getLinkTable.json',
type: 'post',
async: false,
error: function () {
$.messager.alert('错误', '操作失败!', 'error');
},
success: function (data) {
var data = JSON.parse(data);
//var data = eval("("+data+")");
linkTable = data.jsonLinkData;
}
});
}
function getLinkData(data){debugger;
var row = $('#list_data').datagrid('getSelected');
var rowIndex = $('#list_data').datagrid('getRowIndex',row);//获取行号
var target = $('#list_data').datagrid('getEditor', {'index':rowIndex,'field':'attrCode'}).target;
target.combobox('clear'); //清除原来的数据
var url = baseURL+'getLinkAttrTable.json?id='+data.ID;//+data.value
var tt = target.combobox('reload', url);//联动下拉列表重载
};
第二点为下拉框-文本框联动
{ field: 'Name', title: '姓名', width: 100, editor: { type: 'validatebox', options: { required: true } } },
{ field: 'Address', title: '地址', width: 100, formatter: unitformatter, align: 'center',
editor: {
type: 'combobox', //联动text
options: { data: Address, valueField: "value", textField: "text" ,
onChange: function(newValue, oldValue) {debugger;//alert(newValue+":"+oldValue);
if(value.value == '')return;
var row = $('#Student_Table').datagrid('getSelected');
var rowIndex = $('#Student_Table').datagrid('getRowIndex', row); //获取行号
//根据选择的人员配置ID,获取单价信息,并且动态的设置该行单价列的值。
$(".datagrid-row-editing td[field=Name]").text(newValue);
}
}
}
},