zoukankan      html  css  js  c++  java
  • 后台得到extjs中gridpanel选中行的某个值

    后台得到extjs中gridpanel选中行的某个值

    function deletefileItems() {    var gsm = fileGrid.getSelectionModel();//获取选择列    var rows = gsm.getSelections();//根据选择列获取到所有的行    if (rows.length > 0) {        //当有选择的数据的时候        for (var i = 0; i < rows.length; i++) {            //循环迭代所有的选择的row            var row = rows[i];            var filePath = row.get('filePath');//这个就是你想要的            Ext.Ajax.request({                //省略ajax请求后台            });        }    }else{        Ext.Msg.alert('提示', '请选择要删除的记录');    }};说明:var filePath = row.get('filePath');利用row.get('字段名称');可以获得你想要的字段值
     

    extjs中grid中checkbox的用法,ext中grid获取checkbox的值

    grid每列前面加checkbox: (我用的而是第一种,后台一个string数组接受就可以了)
        一般的grid使用一个Ext.grid.ColumnModel就可以了,要加入一个多选的列,一种方法是加入一个多选列模板Ext.grid.CheckboxSelectionModel: 
        var sm = new Ext.grid.CheckboxSelectionModel(); 
        var cm = new Ext.grid.ColumnModel( 
            [ 
                sm, 
                {id:'company',header: "Company", 60, sortable: true, dataIndex: 'company'}, 
            ] 
        ); 
        另外,实例化EditorGridPanel时还必须指定这个sm为selModel. 
        如果不指定EditorGridPanel的selModel,将无法勾选checkbox。 
        grid = new Ext.grid.rGridPanel( 
            { 
                id:'editGridTestAjax', 
                700, 
                height:500, 
                el:'topic-grid', 
                store:ds, 
                cm:cm, 
                clickToEdit:2,//双击后进入编辑状态 
                selModel:sm  //这个 selModel 可简写为sm 
            } 
        ); 
     获取checkbox的值
     function modfiy(){
      if (grid.getSelectionModel().hasSelection()){
       var records=grid.getSelectionModel().getSelections();
       var mycars=new Array();
      for(var i=0;i<records.length;i++){
      mycars[i]=records[i].data.xwbh;
      }
          alert(mycars.length);
          return mycars
     }else{
     alert('请选中要操作的记录!');
     }
     };
       function deleteall(){
       var values=modfiy();
       Ext.MessageBox.confirm( "请确认", "是否要删除选中信息", function(button,text){   
                     if(button=='yes'){
                   Ext.Ajax.request({
    url:'news_query.do',
     method:'post',
     params:{values:values'},
     success:function(req){
     var responseObj = Ext.util.JSON.decode(req.responseText);
     if(responseObj.success == 'true'){
     Ext.Msg.alert("成功提示", responseObj.infor);
     }else{
      Ext.Msg.alert("错误提示", responseObj.infor);
       return;
      }
     }
     });
                     }else{
                      return;
                     }    
                 });
       }
       //处理checkbox的勾选事件 
        grid.getSelectionModel().on('rowselect', function(sm, rowIdx, r){ 
    alert('勾选了checkbox后,获得选中行的name:'+grid.store.getAt(rowIdx).get('name')); 
    }); 
        //处理checkbox的取消勾选事件 
        grid.getSelectionModel().on('rowdeselect', function(sm, rowIdx, r){ 
    alert('取消勾选checkbox后,获得的record 中的name:'+grid.store.getAt(rowIdx).get('name')); 
    }); 

      另一种方法是在ColumnModel中自己写一个checkbox列 
        function changeCheck(value,cellmeta,record,rowIndex,columnIndex,store){ 
            return "<input type='checkbox' name='adds_checkbox' onclick=oneclick(this) id='adds_checkbox_'"+value+"></input>"; 
        } 
        //上面的oneclick方法定义在Ext.onReady()外面 
        var cm = new Ext.grid.ColumnModel(  
            [    
                
                {//自定义的多选列 
                    header:"<input id='allcheckbox' type='checkbox' onclick=checkall(this)></input>", 
                    dataIndex:'addsid', 
                    renderer:changeCheck, 
                    20, 
                    sortable:false 
                }, 
                        ... 
                     ] 
  • 相关阅读:
    在页面跳转的时候,在跳转后的页面中使用js 获取到 页面跳转的url中携带的参数。
    使用js处理后台返回的Date类型的数据
    java后端时间处理工具类,返回 "XXX 前" 的字符串
    前端分页神器,jquery grid的使用(前后端联调),让分页变得更简单。
    后端分页神器,mybatis pagehelper 在SSM与springboot项目中的使用
    使用SSM 或者 springboot +mybatis时,对数据库的认证信息(用户名,密码)进行加密。
    swagger2 常用注解的使用
    SSM项目 以及 springboot 中引入swagger2的方法
    jquery grid 获取选中的行的数据,以及获取所有行的方法
    关于使用ssm与spring时,配置tomcat 虚拟目录( doBase )中的一些坑
  • 原文地址:https://www.cnblogs.com/holyes/p/a9d55aaa73698428a52f23ecc1edaff0.html
Copyright © 2011-2022 走看看