easyui grid中翻页多选方法
2024-08-27 19:01:26
<table class="easyui-datagrid" title="人员选择" id="dg"
data-options="singleSelect:false,toolbar:'#toolbar',pagination:false,fit:true,
onSelect:function(rowIndex,rowData){
var iflag=0;
if(selceids.length<1){
selceids.push(rowData.TrueName);
}else{
for (var i=0 ; i < selceids.length ; i++){
if(rowData.TrueName===selceids[i]){
iflag=1;
break;
}
}
if(iflag===0){
selceids.push(rowData.TrueName);
}
}
},
onSelectAll:function(rows){
var iflag=0;
for(var j=0;j<rows.length;j++){
if(selceids.length<1){
selceids.push(rows[j].TrueName);
}else{
for (var i=0 ; i < selceids.length ; i++){
if(rows[j].TrueName===selceids[i]){
iflag=1;
break;
}
}
if(iflag===0){
selceids.push(rows[j].TrueName);
}
}}
},
onUnselect:function(rowIndex,rowData){
for (var i=0 ; i < selceids.length ; i++ ){
if(rowData.TrueName===selceids[i]){
selceids.splice(i,1);
break;
}
}
},
onUnselectAll:function(rows){
for(var j=0;j<rows.length;j++){
for (var i=0 ; i < selceids.length ; i++ ){
if(rows[i].TrueName===selceids[i]){
selceids.splice(i,1);
break;
}
}
}
},onLoadSuccess:function(row){//当表格成功加载时执行
var rowData = row.rows;
$.each(rowData,function(idx,val){//遍历JSON
for (var i=0 ; i < selceids.length ; i++ ){ if(val.TrueName===selceids[i]){
$('#dg').datagrid('selectRow', idx);
}
} });
}">
<thead>
<tr>
<th data-options="field:'ID',checkbox:true">ID</th>
<th data-options="field:'TrueName',width:80">真实名</th>
</tr>
</thead>
</table>
记性差,做个标记。
最新文章
- hadoop配置远程客户端
- C#委托,事件最初浅的和最易看懂的学习笔记
- groovy–流程控制
- POJ 1191 棋盘分割
- [css]【转载】CSS样式分离之再分离
- 关于URL 解码, 编码
- [Sequence Alignment Methods] Smith–Waterman algorithm
- spring mvc model.addAttribute页面c:forEach取不到
- java反编译工具(XJad)
- 黑马程序员:Java基础总结----泛型(高级)
- Python学习笔记---形式参数(parameter)和实际参数(argument)
- httping:测量网站延迟
- async/await 的一些知识
- plugin.go 源码阅读
- linux $参数
- Linux下面使用命令如何运行.sh文件的两种解决办法
- MySQLdump之single-transaction详解
- 3D数学读书笔记——矩阵基础
- MySQL 数据库备份策略:全备与增量备份
- WPF按钮响应函数中执行操作耗时较长时,UI 界面不能实时更新——问题原因与解决方案