bootstrapTable行内编辑时select下拉框的值动态更新
场景如下:在bootstrapTable行编辑中,有两个可编辑的下拉框,委托人类型,委托范围这两个字段,委托范围的下拉值根据委托人类型不同而不同,需要动态更新委托范围下拉值,请问如何实现?
$('#contentTable_1').bootstrapTable({
url: "${ctx}/ajaxList",
uniqueId:"id",
idField:"id",
columns: [{
field: "consigerType",
title: "委托人类型",
editable: {
type: 'select2',
title: '委托人类型',
source:function(){
var result = [];
var data = ${fns:getDictListJson("commission_type")};
$.each(data,function(i,o){
result.push({
value: o.value,
text: o.label
});
});
return result;
},
inputclass: 'input-large',
select2 : {
width : '150px'//设置宽
}
}
},{
field: "consigerRange",
title: "委托范围",
editable: {
type: 'select2',
title: '委托范围',
select2 : {
tokenSeparators : [",", " "],
multiple : true,
width : '150px'
}
}
}