bootstrap table实现x-editable的行单元格编辑及解决数据Empty的问题
最近在研究 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(\'\');; } } } ], }
- 上一篇 »css表格单元格中的长文本的显示问题
- 下一篇 »html css 设置表格单元格横线