Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使HTML表格可排序和可选择_Javascript_Html_Prototypejs - Fatal编程技术网

Javascript 使HTML表格可排序和可选择

Javascript 使HTML表格可排序和可选择,javascript,html,prototypejs,Javascript,Html,Prototypejs,我对基于原型的JS/HTML脚本(或不干扰原型的脚本)有一个非常具体的要求,它可以将以下功能添加到普通的多列HTML表中: 使用拖放对行重新排序,并将更改发送到Javascript处理程序函数(不是按字段排序的“可排序表”函数,而是手动对单个行重新排序) 可以使用Javascript命令禁用/启用重新排序功能,当它关闭时,无法移动行 使用Ctrl键和shift键选择一行或多行,然后单击,每次更改时将当前选择发送给JS处理程序函数 也许有人知道这样的事情,可以节省我很多时间在互联网上搜索或自己

我对基于原型的JS/HTML脚本(或不干扰原型的脚本)有一个非常具体的要求,它可以将以下功能添加到普通的多列HTML表中:

  • 使用拖放对行重新排序,并将更改发送到Javascript处理程序函数(不是按字段排序的“可排序表”函数,而是手动对单个行重新排序)

  • 可以使用Javascript命令禁用/启用重新排序功能,当它关闭时,无法移动行

  • 使用Ctrl键和shift键选择一行或多行,然后单击,每次更改时将当前选择发送给JS处理程序函数


也许有人知道这样的事情,可以节省我很多时间在互联网上搜索或自己编程。如果我发现什么,我会把它贴在这里

Jquery有一些很好的表特性。我相信你会在那里找到你需要的东西。
只需jquery.com或谷歌就可以了。

Scriptaculous的排序表可以为您服务,但值得注意的是,排序表在Firefox之外的表上不起作用

要启用/禁用javascript排序,请使用create/destroy函数。您还可以使用onUpdate回调来序列化排序表,并将其发送到某个url进行处理

// Enable sorting.
sortable.create( 'some-table-id', {tag: 'tr', onUpdate: your_callback_function} )

// Disable sorting.
sortable.destroy( 'some-table-id' )
我怀疑这是否能让你完成你想要的多选,但它应该能让你获得大部分的成功

  • ,包括有关onUpdate回调如何工作的信息

您可以在JS中使用网格解决方案。AFAIK ExtJs有一个非常好的。ExtJs很好,但我真的在寻找一些轻量级和不引人注目的东西,可以集成到现有CMS的表显示中。有人知道如何进行多选吗?