最近在研究 bootstrapTable-editable , 在编辑时出现了一些问题, 比如在行编辑时select的数据回显, 代码如下
$(\'#labelName\').bootstrapTable({
pagination : false,//是否分页
columns: [
{
field: \'label\',
title: \'标签名称\'
},
{
field: \'key\',
title: \'主键选择\',
editable: {
type: \'select\',
title: \'主键选择\',
mode: "inline",
width: 150,
source: function(row){
var result = [];
var getData = $(\'#labelName\').bootstrapTable(\'getData\'),
index = $(this).parents(\'tr\').data(\'index\');
console.log(getData[index].label)
$.ajax({
url:aicKnowledge + \'update/getProperties\',
async: false,
type: "get",
data: {
id:jumpId,
label:getData[index].label
},
success: function (datas, status) {
if(datas.code == 600){
var items = datas.data;
$.each(items, function (key,value) {
result.push({ value:value, text:value });
});
}
}
});
return result;
},
noeditFormatter: function (value, row, index) { // 解决展示为empty的问题
var process={filed:"key",value:value};
return [\'<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" \',
\' data-name="\'+process.filed+\'"\',
\' data-pk="1"\',
\' data-value="\' + process.value + \'"\',
\'>\' + process.value + \'</a>\'
].join(\'\');;
}
}
}
],
}