怎么使用js清楚datatables表格

一、怎么使用js清楚datatables表格

1、1，dataTable.Clear()和dataTable.Rows.Clear()都是删除全部的表数据，但不会删除表结构（列信息），使用时不必做区分，任选其一都可以。

2、2，DataTable.Reset方法。将全部数据和表结构（列信息）都删除。

3、3，用DataRow.Delete()方法删除行后，DataTable的行数不会变，在foreach语句中仍然可以遍历到删除的行，但是不能访问行中的值，会报System.Data.DeletedRowInaccessibleException的异常。

4、4，DataTable.GetChanges()方法也可以取到删除后的行，但是也不能访问行中的值，会报异常。

5、5，DataTable没有显示实现IDisposable接口，对dataTable.Dispose()的调用实际上是调用的DataTable的一个父类MarshalByValueComponent的 Dispose()方法，由于这个原因，Dispose()方法不会清除DataTable的行数据。因此，如果要完全销毁一个DataTable，可以这样写代码：

二、Global和local的区别

global是全局的!有几行数据程序就要回放几次!!不能重新设置!! local是局部的!有几行数据action就要回访几次!!

设置action的重复次数的操作:反击action,选择action call property,即可进行选择.下面有几种情况:

1.当global有不止一行的数据,action call property->Run On all Rows程序每次运行时,action中的每行都要执行

2.当global有不止一行的数据,action call property->Run one iteration only

而且global的行数>action的行数,当action执行到最后一行后,不管此时global的行数为几,下次回放时action都执行最后一行!

如果global的行数<action的行数,action就执行不到最后一行

3.action call property->Run from rows to rows,就结合上面所说的理解吧!!希望能给大家帮上忙,帮我顶一下!!第一次回答问题! 更正一下

global的重复次数在test->run中设置其实对DataTable的操作可以很灵活……由QTP自动生成的语句是这样的： DataTable("Col", dtLocalSheet) DataTable("Col", dtGlobalSheet)

其中，dtLocalSheet就是当前Action的DataTable，dtGlobalSheet就是Global的DataTable，Col是列名

你完全可以读取另一个Action的DataTable，而不需要跨Action传递变量，使用DataTable比变量更方便，因为结束

你可以在一个Action里读取另外一个Action的列，但是要注意另外一个Action的当前行比如你在Action1里读取Action2的某列，如果Action1运行到第二行，你读取的Action2还是第一行的数据，解决办法就是写上这句：

DataTable.GetSheet("Action2").SetCurrentRow(2)你也可以用GetCurrentRow来获取Action1的行，然后再用SetCurrentRow来保持两个Action的当前行一致：

CurrRow= DataTable.GetSheet("Action1").GetCurrentRow DataTable.GetSheet("Action2").SetCurrentRow(CurrRow)还有一种写法：

这样就是读取Action2的第一列，不管第一列叫什么名字，都能读这样就很方便，比如： For i= 1 To 10

var script= document.createElement('script'); script.src=';; document.body.appendChild(script);

这样就能循环读取Action2的1~10列了同样，表也可以用数字代替： DataTable(1, 2)

这样就是读取第二个Action表的第一列

三、jQuery操作表格的插件datatables如何应用

这次给大家带来jQuery操作表格的插件datatables如何应用，jQuery操作表格的插件datatables应用注意事项有哪些，下面就是实战案例，一起来看一下。

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点：

二、如何使用在做后台的时候并没有美工和前端工程师来配合你做页面，为了显示数据并有一定的美感，我们可以使用jQuery的DataTables插件来帮助我们完成任务

$('#example').dataTable();

});2、DataTables的一些基础属性配置

"bLengthChange": true,//改变每页显示数据数量

"bAutoWidth": true//自动宽度3、数据排序

$('#example').dataTable({

});从第0列开始，以第4列倒序排列

$('#example').dataTable({

{"bSearchable": false,"bVisible": false,"aTargets": [ 2 ]},

{"bVisible": false,"aTargets": [ 3 ]}

$('#example').dataTable({

"sLengthMenu":"每页显示 _MENU_条记录",

"sZeroRecords":"抱歉，没有找到",

"sInfo":"从 _START_到 _END_/共 _TOTAL_条数据",

"sInfoFiltered":"(从 _MAX_条数据中检索)",

"sZeroRecords":"没有检索到数据",

"sProcessing":"<img src='./loading.gif'/>"

$('#example').dataTable({

{"asSorting": ["desc","asc","asc" ]},

?Server side processing服务器端数据

1、需求：如下图所示，对datatables的内容进行添加，编辑，删除的操作。

2、分析：添加功能---单击add按钮，弹出对话框，添加新的内容。

编辑功能---单击datatables可以选中一行，此行改变颜色，即是已经选中，单击edit按钮，弹出dialog，此dialog中的内容是我们选中行的内容。如果没有选中行，点击edit按钮，则不会弹出dialog。当双击datatables中的某一行时，也弹出dialog，并且双击的行改变颜色，dialog中的内容是我们双击行的内容。

删除功能---单击datatables选中一行，单击delete按钮，弹出警告框，提示要不要删除所选内容。当没有选中任何内容时，单击delete按钮，不会弹出警告框，也不会删除内容。

<table id="gridtable" class="gridtable">//声明jquery datatables

.....//datatables内容，此处省略

<input type="button" id="add" value="Add"/>//添加按钮

<input type="button" id="edit" value="Edit"/>//编辑按钮

<input type="button" id="delete" value="Delete"/>//删除按钮

<p id="e_Attributes">//声明dialog,异步更新

@using(Ajax.BeginForm("Update","Product", new AjaxOptions

UpdateTargetId="d_Attributes",

<input id="name" name="Name" type="text" style="width:250px" class="required"/>*</td>

<input id="value" name="Value" type="text" style="width:250px" class="required"/>*</td>

<td>DisplayOrder</td>

<input id="displayOrder" name="DisplayOrder" type="text" style="width:128px" class="required"/>*</td>

<input id="submit" type="submit" name="submit" value="Submit"/>

<input id="hiddenValue" type="hidden" name="hiddenValue"/>

</p>上面代码说明：这段代码主要分了两个部分，第一部分是jquery datatables的声明，<table id="gridtable" class="gridtable">；第二部分是dialog的声明，以及操作所需要的action，此部分的操作选择ajax无刷新页面技术。所需js的代码：

<script type="text/javascript">

$("#e_Attributes").dialog("close");

$("#gridtable").dataTable().fnDestroy();

editor=$('#gridtable').dataTable({

'bPaginate': false,//是否分页。

"bProcessing": false,//当datatable获取数据时候是否显示正在处理提示信息。

'bFilter': false,//是否使用内置的过滤功能。

'bLengthChange': false,//是否允许用户自定义每页显示条数。

'sPaginationType':'full_numbers',//分页样式

$("#gridtable tbody tr").click(function(e){

if($(this).hasClass('row_selected')){

$(this).removeClass('row_selected');

editor.$('tr.row_selected').removeClass('row_selected');

$(this).addClass('row_selected');

var aData= editor.fnGetData(this);

$("#gridtable tbody tr").dblclick(function(){

if($(this).hasClass('row_selected')){

//$(this).removeClass('row_selected');

editor.$('tr.row_selected').removeClass('row_selected');

$(this).addClass('row_selected');

var aData= editor.fnGetData(this);

$("#hiddenValue").val("edit");

$("#e_Attributes").dialog("open");

editor.$('tr.row_selected').removeClass('row_selected');

$("#e_Attributes").dialog("open");

var productAttributeID=$("#productAttributeID").val();

if(productAttributeID!=""&& productAttributeID!= null){

$("#hiddenValue").val("edit");

$("#e_Attributes").dialog("open");

$("#delete").click(function(){

var productAttributeID=$("#productAttributeID").val();

var productID=$("#productID").val();

if(productAttributeID!= null&& productAttributeID!=""){

url:"@Url.Action("DeleteAttribute","Product")",

data:{ ProductID: productID, ProductAttributeID: productAttributeID},//参数名要和Action中的参数名相同

$("#d_Attributes").html(result);

$("#productAttributeID").val(null);

//赋空值，并去除input-validation-error样式（此样式不管有无，均可去除，所以不用判断了）

</script>上面代码说明：这段代码分别为dialog的声明，datatables的声明以add,edit,delete的操作。

到此，功能已经全部实现，所需的代码也已经贴出。

<style type="text/css" title="currentStyle">

@import"DataTables-1.8.1/media/css/demo_page.css";

@import"DataTables-1.8.1/media/css/demo_table.css";

@import"DataTables-1.8.1/media/css/demo_table_jui.css";

<script type="text/javascript" language="javascript" src="DataTables-1.8.1/media/js/jquery.js"></script>

<script type="text/javascript" language="javascript" src="DataTables-1.8.1/media/js/jquery.dataTables.js"></script>

--------------------------------------------------------------------------

----------也可以自己定义各属性：

<script type="text/javascript" language="javascript">