图文课程 职群旗下

  1. 首页
  2. 所有分类
  3. 前端
  4. DataTable之Editor个性化设置

DataTable之Editor个性化设置

1.如何设置增删改查按钮的位置以及是否显示?

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属性,具体参见APIfields: [{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,会比较蛋疼,这里留个记录。

猜你喜欢
CentOS6.6图文详细安装教程(有些设置大部分教程没出现过,附带网络设置等) 【代码笔记】设置textView或者label的行间距方法
详解CSS3的opacity属性设置透明效果的用法 深入理解CSS height属性设置元素的高度
PHP中PDO连接数据库中各种DNS设置方法小结 thinkphp框架下404页面设置 仅三步
jquery操作select(取值,设置选中) 导航栏的多样设置
My97date日期选择设置最大最小值 安装ubuntu-server16.0,设置WiFi