fastadmin使用editable实现行内编辑同时刷新页面数据
·
一、在fastadmin中下载插件

二、使用
首先我们需要在我们当前的控制器所对应的JS文件头部添加依赖,追加一个editable,如下:
define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'editable'], function ($, undefined, Backend, Table, Form, undefined) {

然后我们只需要在JS中的字段配置简单添加一个editable:true即可生效,例如:
{field: 'title', title: __('Title'), editable: true},
关键一步
在初始化表格中添加如下代码即可
onEditableSave: function (field, row, oldValue, $el) {
var data = {}; //组合更新数据
data["row[field]"] = field; //字段名
data["row[" + field + "]"] = row[field]; //字段值
data["row[id]"] = row['id']; //主键
Fast.api.ajax({
url: $.fn.bootstrapTable.defaults.extend.edit_url + "/ids/" + row[this.pk],
data: data
}, function () {
$(".btn-refresh").trigger("click");
});
},

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)