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 日期2015/12/22/16/45替换2015-12-22 16:45格式
    正则匹配多行内容
    js fs read json 文件json字符串无法解析
    未能加载文件或程序集“Enyim.Caching”或它的某一个依赖项。未能验证强名称签名
    二叉树、多叉树子路径遍历
    p点到(a,b)点两所在直线的垂点坐标及p点是否在(a,b)两点所在直线上
    System.Net.Sockets.Socket SendAsync System.ObjectDisposedException: Cannot access a disposed object.
    一个误解: 单个服务器程序可承受最大连接数“理论”上是“65535”
    如何用 PyCharm 调试 scrapy 项目
    c或c++的网络库
  • 原文地址:https://www.cnblogs.com/holyes/p/a9d55aaa73698428a52f23ecc1edaff0.html
Copyright © 2011-2022 走看看