`
西蜀石兰
  • 浏览: 116833 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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属性,具体参见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,会比较蛋疼,这里留个记录。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics