如何使用鼠标拖动选项在jQuery数据表中选择多行
How to select the multiple rows in jQuery datatable using the mouse drag option
我在我的应用程序中使用jQuery数据表插件。我需要使用鼠标拖动选项选择jQuery数据表中的多行。这怎么可能?
使用jQuery-UI selectable,代码类似如下:
$( "#yourTable" ).selectable(
{
distance: 10,
stop: function()
{
$( this ).find( "tr" ).each(
function () {
if ( $( this ).hasClass( 'ui-selected' ) )
$( this ).addClass( 'row-selected' );
else
$( this ).removeClass( 'row-selected' );
});
}
});
我使用'distance: 10',因为我发现,否则我的mousedown处理程序表不会得到事件-这可能不重要,对你。
相关文章:
- DT数据表背景颜色为黑色,但仍有悬停和选择颜色
- 允许为显示的每个数据表选择一行
- 行上的Primefaces数据表选择javascript回调
- Jquery 数据表选择位于第 1 页以外的其他页上的行
- 在 HTML 表中下拉,并在 javascript 中的表数据中选择值
- jquery数据表显示/隐藏列添加了错误的选择
- 数据表复制,只保存单个多重筛选选择的选定行
- 数据表选择“第一行加载”
- 从数据表中选择一行以显示单选按钮值
- 使用 Json 数据源在数据表中实现复选框选择
- JQuery 数据表在输入和选择中搜索
- 自动选择 JSF 数据表中的 H:复选框
- 检查 jQuery 数据表中预先选择的行
- 数据表多项选择
- 单个列搜索(选择输入)在 Shiny 中呈现数据表()
- 取消选择数据表中的所有选定行
- Codeigniter/jQuery:将值从选择下拉列表提取到数据表中时出现问题
- 使用 JavaScript 在数据表 (MVC 3) 中进行选择列表过滤
- 选择 JSON 对象数据表元素以列出其所有元素
- jquery数据表选择不起作用