--2016-12-30补充
这几天使用checkbox这个属性,有个坑,记录一下。
checkbox获取的参数是一个数组,所以后台需要用一个数字类型的字段去接收这个字段;
由于我后台接口直接对应数据库表的字段,所以,我把该字段设计成了string,这样在传递时,就需要做一个简单的适配,将数组适配成String后进行传输;
先看下整体风格,接受不了官网那种豪放的风格,因为在页面风格上,做了不小的调整。
这是表格的页面:
[img]http://dl2.iteye.com/upload/attachment/0119/2836/1fc23f95-e91b-3e57-b0d1-a184f92edf21.png[/img]
这是编辑框的页面:
[img]http://dl2.iteye.com/upload/attachment/0119/2838/cdfb92ca-e6b6-3e22-89fb-5833ccaa0873.png[/img]
想到什么就说什么吧。
1.关于风格,选择的是bootstrap风格,从官网下载的貌似有个坑,需要修改一个地方,网上有不少这个坑的博客,遇到搜索下就OK了;
2.关于页面的控件位置的设置,自己定义一个div,然后使用官方提供的方法:table.buttons().container().appendTo("#buttons"),记得自己声明table变量;
3.关于各个输入框设定显示文本,其实是操作i18n这个对象
这几天使用checkbox这个属性,有个坑,记录一下。
checkbox获取的参数是一个数组,所以后台需要用一个数字类型的字段去接收这个字段;
由于我后台接口直接对应数据库表的字段,所以,我把该字段设计成了string,这样在传递时,就需要做一个简单的适配,将数组适配成String后进行传输;
先看下整体风格,接受不了官网那种豪放的风格,因为在页面风格上,做了不小的调整。
这是表格的页面:
[img]http://dl2.iteye.com/upload/attachment/0119/2836/1fc23f95-e91b-3e57-b0d1-a184f92edf21.png[/img]
这是编辑框的页面:
[img]http://dl2.iteye.com/upload/attachment/0119/2838/cdfb92ca-e6b6-3e22-89fb-5833ccaa0873.png[/img]
想到什么就说什么吧。
1.关于风格,选择的是bootstrap风格,从官网下载的貌似有个坑,需要修改一个地方,网上有不少这个坑的博客,遇到搜索下就OK了;
2.关于页面的控件位置的设置,自己定义一个div,然后使用官方提供的方法:table.buttons().container().appendTo("#buttons"),记得自己声明table变量;
3.关于各个输入框设定显示文本,其实是操作i18n这个对象
editorForEdit = new $.fn.dataTable.Editor({
i18n : {
edit : {
title : "修改用户信息",
submit : "修改"
}
},
"ajax" : "../php/tableOnlyData.php",
"table" : "#example",
"fields" : [ {
"label" : "用户名",
"name" : "user"
}, {
"label" : "联系人",
"name" : "contextPerson"
}, {
"label" : "邮箱",
tyoe : 'button',
"name" : "mail"
}, {
"label" : "员工号",
"name" : "num"
}, {
type : "checkbox",
label : "角色",
name : "player",
options : [ '管理员', '其他', ]
}, {