我目前正在使用 jQuery 数据表插件,想知道是否有任何方法可以将行选择限制为 3。现在用户可以选择无限数量的行。这是我的代码的 jsfiddle:http://jsfiddle.net/EfFA2/
JS
$(document).ready(function() {
$('#example5').dataTable( {
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": false
} );
/* Add/remove class to a row when clicked on */
$('#example5 tr').click( function() {
$(this).toggleClass('row_selected');
} );
} );
$('#example5').css('min-height','300');
$('.btn_r').click(function(){
$('.row_selected').removeClass('row_selected')
})
将其添加为选项:
"iDisplayLength": 3
完整示例:
$('#example5').dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": false,
"iDisplayLength": 3
});
更新的小提琴:http://jsfiddle.net/EfFA2/3/
另一方面,如果Beno对您问题的解释是正确的,请将您的点击处理程序修改为:
$('#example5 tr').click(function() {
var self = $(this);
if (self.hasClass('row_selected')) {
self.removeClass('row_selected');
} else {
if ($('#example5 tr.row_selected').length < 3) {
$(this).addClass('row_selected');
}
}
});
更新的小提琴:http://jsfiddle.net/EfFA2/4/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)