`
西蜀石兰
  • 浏览: 118967 次
  • 性别: 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,会比较蛋疼,这里留个记录。
分享到:
评论

相关推荐

    dataTable-Editor:dataTable 的插件编辑器,允许创建、编辑和抑制表中的数据

    9. **多语言支持**:为了满足全球用户的需要,DataTable Editor支持多语言设置,用户可以根据需求选择不同的语言环境。 10. **数据导出和导入**:编辑器提供了数据导出功能,可以将表格数据导出为CSV、Excel等常见...

    dataTable editor 1.6.1 破解版

    dataTable editor 1.6.1 破解版,亲测可用,完美破解,保证能够运行,

    Jquery Datatable editor 1.5.4破解版本

    Jquery Datatable editor,功能很强大,使用的人可能不多,但真的好用。目前新版(1.5.6)已经是加密版本,没有破解,就退而示其次,使用这个版本。 如果发现有问题,就在dataTables.editor.min.js文件把 var K4O={'...

    datatable_基本初始化.rar

    这个“datatable-基本初始化.rar”压缩包提供的资料着重于介绍如何初始化 DataTables 和如何根据需求对其进行自定义设置。 首先,让我们深入理解 DataTables 的基本概念。DataTables 是一个强大的开源库,它可以对 ...

    DataTable Editor 1.6.2 破解版

    破解时间限制

    DataTables Editor 1.8.1 破解版本

    [感谢网友纠错] 线上突然提示过期,我勒个去。。。看了下源码,修改注释了部分代码,可以用了、、、 JQueryDataTables Editor 1.8.1 版本解除了使用时间限制

    C# Datatable数据Excel导出和行列转换

    ### C# 中 DataTable 数据到 Excel 的导出及行列转换 #### 一、概述 在实际开发过程中,我们经常需要将数据库中的数据导出为 Excel 文件,以便于数据分析或分享给其他人。同时,在某些场景下还需要对数据进行行列...

    DataTable技术全面讲解

    创建DataTable时,可以通过DataTable的构造函数来实例化,然后添加列,设置主键,最后填充数据。填充数据可以手动添加DataRow,也可以使用DataAdapter从数据库填充。 ```csharp DataTable dt = new DataTable(...

    jquery_datatables_editor_1.6.1破解版

    Datatable editor破解版本,1.6.1最新版

    Jquery DataTable使用经典案例

    然后,在JavaScript中初始化DataTable,设置数据源和各种功能选项。通常,你可以通过Ajax从.Net后端获取数据,如下所示: ```javascript $(document).ready(function() { $('#example').DataTable({ "processing...

    datatable学习资料

    初始化DataTable通常是在DOM加载完成后进行的,通过`$(document).ready()`函数。例如: ```javascript $('#example').DataTable(); ``` 这里`#example`是表格的ID,`DataTable()`则是初始化的调用。 3. **数据...

    C# datatable删除多行

    注意,Delete()方法不会立即从DataTable中移除行,而是将其设置为"已删除"状态。真正的删除会在调用AcceptChanges()或RejectChanges()方法时发生。若想立即删除,可以使用Remove()方法,但这种方法会改变行集合的...

    datatable

    此外,还可以通过CSS自定义样式,调整表格的边框、颜色、字体等细节,以满足个性化需求。 对于标签"样式",在使用DataTable时,我们还可以关注以下几点: 1. **行和列的样式**:可以设置行的高亮、交替色,以及列的...

    VB.NET的DataTable常用方法总结

    ### VB.NET中的DataTable常用方法详解 #### 一、行操作:追加与删除 ##### 行追加 在处理DataTable时,我们常常需要向表中添加新的数据行。以下是几种常用的行追加方法: 1. **`DataTable.Rows.Add()`** 这是最...

    datatable的固定列插件

    `Datatable`提供了一系列插件来增强其基础功能,固定列插件(FixedColumns)就是其中之一。这个插件使得表格在横向滚动时,列头和最左侧或右侧的列始终保持可见,确保用户始终能够看到关键信息,这对于显示大量数据...

    把DataReader转换成DataTable的方法

    1. **创建一个新的DataTable**:初始化一个空的DataTable。 2. **通过SqlCommand获取DataReader**:定义SQL查询语句,并通过SqlCommand执行查询以获得DataReader。 3. **使用GetSchemaTable方法获取列信息**:利用...

    datatable赋值,初学者适用

    在.NET框架中,DataTable是一个非常重要的数据结构,用于在内存中存储和操作表格型数据。对于初学者来说,掌握DataTable的使用是学习数据库操作的基础。本文将深入讲解如何对DataTable进行赋值,以及相关的编程技巧...

    C# winform打印DataTable数据

    在WinForms应用中,有时候我们需要将数据表(如DataTable)的数据打印出来,这在报表生成、数据分析等场景下非常常见。本文将深入探讨如何使用C# WinForms来打印DataTable中的数据。 首先,要实现这个功能,我们...

    对DataTable进行分页

    对DataTable进行分页,对DataTable进行分页

    matlab开发-DataTable

    在MATLAB中,DataTable是用于处理结构化数据的一种强大工具,尤其适合于处理具有固定列名和可变行数的数据。这个"matlab开发-DataTable"主题深入探讨了如何利用DataTable进行数据操作、分析和可视化。 DataTable的...

Global site tag (gtag.js) - Google Analytics