怎么使用js清楚datatables表格

JavaScript016

怎么使用js清楚datatables表格,第1张

两种方法

1,dataTable.Clear()

2,dataTable.Rows.Clear()

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

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

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

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

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

1 dataTable.Clear()

2 dataTable.Dispose()

3 dataTable = null

你这个如果要通过选中区域来获取对应的行，要兼容IE8-的话，可以对比一下

获取当前选中区：

IE8-：window.document.selection

chrome IE9+ w3c：window.getSelection()

要照顾IE8就头痛，方法完全不一样

只讲讲w3c的

通过getSelection()得到selection以后，selection.getRangeAt(0)可以获取页面上的选中区range。

range.startContainer就是开始的节点，range.endContainer就是结束节点

获取开始节点所在的行，和结束节点所在的行（不一定，可能开始或结束位置在表格外面）

获取开始和结束行之间的行，窗口绑定键盘事件，当按下delete按键触发删除操作。

关于selection和range信息参考：

URL:www.w3school.com.cn/xmldom/dom_range.asp

分太少，本来不想回答的。。。以前写html编辑器时纠结了好久这个选中区域。

这个问题不用选中区域变通来做也很好的，毕竟没编辑器复杂：

用mousedown和mouseup事件来获取开始节点和结束节点

table.addEventListener(mousedown,fn)，fn可以获取到事件的target对象，即开始节点

table.addEventListener(mouseup,fn)，fn可以获取到事件的target对象，即结束节点

然后照3、4步即可完成操作，或者用别的方法如mouseover感知经过了的tr。

提示：开始结束位置可能是前后关系，也可能是相反的