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