1.如何设置增删改查按钮的位置以及是否显示?
2.如何设置增删改查按钮的文本?
3.如何个性化dataTable Ajax请求成功后的回调函数、如何重写请求参数?
4.如何修改editor模态窗口中每一行的输入类型?如何新增?
这些问题其实都是一两行代码就能搞定的,不过自己去翻API,会比较蛋疼,这里留个记录。
table.buttons().container().appendTo($("#action"));
使用appendTo方法,可以将按钮增加到指定的位置
2.如何设置增删改查按钮的文本?
//新建按钮时,标识text值,注意,extend的值需使用插件指定的表示,editor表示这个按钮实际使用的对象
new $.fn.dataTable.Buttons( table, [
{ extend: "edit", editor: editor ,text:'修改'},
{ extend: "remove", editor: editor, text:'删除' }
] );
3.如何个性化dataTable Ajax请求成功后的回调函数、如何重写请求参数?
//设置editor对象中的ajax属性
ajax: function ( method, url, data, success, error ) {
var result={};
for(var i in data.data){
var result=data.data[i];
result.DT_RowId=i;
result.action=data.action;
console.log(result);
}
$.ajax( {
type: "post",
url: url,
data: result,
dataType: "json",
success: function (json) {
alert(json.reason);
success(json);
},
} );
},
4.如何修改editor模态窗口中每一行的输入类型?如何新增?
//在fields中设置type属性,具体参见API
fields: [{
label: "手机号:",
name: "phoneNum"
},{
label: "密码:",
name: "password"
},{
label: "类型:",
name: "type"
},{
label: "状态:",
name: "status"
},{
label: "会员等级:",
name: "memberLevel"
},{
label: "公司id:",
name: "companyCode"
},{
type:"readonly",
label: "会员id:",
name: "memberCode"
},{
type:"readonly",
label: "账户id:",
name: "accountId"
},{
type:"datetime",
label: "最后登录时间:",
name: "lastLoginTime"
}],
这些问题其实都是一两行代码就能搞定的,不过自己去翻API,会比较蛋疼,这里留个记录。