bootstrapTable行内编辑时select下拉框的值动态更新

longchen03 2017-10-20 02:19:43
场景如下:在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'
}
}
}
...全文
1316 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,916

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧