zoukankan      html  css  js  c++  java
  • easyui grid中翻页多选方法

    <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',80">真实名</th>
            </tr>
        </thead>
    </table>

    记性差,做个标记。

  • 相关阅读:
    telerik:RadGrid 在表格中编辑更新数据
    给已存在的表添加一个新字段
    Microsoft.Office.Interop.Excel 导出Excel
    反射导出 Excel
    aspx页面中获取当前浏览器url
    图片切换效果
    .net错误处理机制(转)
    javascript:void(0)知多少
    30款jQuery常用网页焦点图banner图片切换 下载 (转)
    Html.RenderPartial与Html.RenderAction区别(转)
  • 原文地址:https://www.cnblogs.com/lecone/p/4582469.html
Copyright © 2011-2022 走看看