extjs EditorGridPanel点击怎么获取某行的某个数据

Question

extjsfunctionjs数据javaee

Answer 1

这是外面的 grid
   var grid = new Ext.grid.EditorGridPanel({  
              store: store,//数据来源store               
              columns: [  
                  { id: 'No', header: "文件名称",editor: new Ext.form.TextField({allowBlank: false }),sortable: true, dataIndex: 'fileName'},                    
                  { header: "公司名称",editor: new Ext.form.TextField({allowBlank: false }),  sortable: true, dataIndex: 'ipoName' },                        
                  { header: "保荐公司", editor: new Ext.form.TextField({
       allowBlank: false,
       listeners: {
       render: function(p) {
     var nowElement = p;
     p.getEl().on("click", function(p) {
     var record = grid.getSelectionModel();
     alert(record.get("selNow"));
     var win = new Ext.Window({
     layout: 'fit',
     width: 600,
     height: 400,
     closeAction: 'hide',
     modal: true,
     title: "选择公司",
     plain: true,
     items: new Ext.Panel({
     frame: true,
     autoScroll: true,
     buttonAlign: "center",
     id: "id",
     items: [wingrid]
     })
     });
     win.show();
     });
     }
       },    
     mode: 'remote',
     }),  sortable: true, dataIndex: 'uwCode' },用var record = grid.getSelectionModel(); 获取选中的行  record.get("selNow") 报错 对象不支持“get”属性或方法 

Answer 2

selectionModel当然没有get方法，记录集record才有var record = grid.getSelectionModel().getSelected() ;楼主去找api多看下

Answer 3

 高手啊 只有你能救我了，就用这个var record = grid.getSelectionModel().getSelected() ;    我怎么把获取的一行数据record 显示在弹出来的gird  store里面呢  而且怎么控制只显示 我需要的那两个字段  纠结啊 

Answer 4

wingrid数据源移除所有记录在loadRecord下当前选中的数据就好了，注意你的wingrid的数据源store2的作用域，要在
p.getEl().on("click", function(p) {
     var record = grid.getSelectionModel();能访问到
    var record = grid.getSelectionModel();
    store2.removeAll(); //移除所有记录
    //xxx和xxxx为你store2和当前store配置columns的名称，自己找对应关系
    store2.loadData({xxx:record.get('xxx'),xxxx:record.get('xxxx')});

Answer 5

wingrid数据源移除所有记录在loadRecord下当前选中的数据就好了，注意你的wingrid的数据源store2的作用域，要在
p.getEl().on("click", function(p) {
     var record = grid.getSelectionModel();能访问到
    var record = grid.getSelectionModel();
    store2.removeAll(); //移除所有记录
    //xxx和xxxx为你store2和当前store配置columns的名称，自己找对应关系
    store2.loadData({xxx:record.get('xxx'),xxxx:record.get('xxxx')});

    var record = grid.getSelectionModel();
    store2.removeAll(); //移除所有记录
    //xxx和xxxx为你store2和当前store配置columns的名称，自己找对应关系
    store2.loadData({xxx:record.get('xxx'),xxxx:record.get('xxxx')});
这个就是 store2.loadData({xxx:record.get('xxx'),xxxx:record.get('xxxx')});没有get方法  
换成  var record = grid.getSelectionModel().getSelected() ;
         store2.removeAll(); //移除所有记录        
         store2.loadData({uwCode:record.get('uwCode'),selNow:record.get('selNow')}); store2还是没数据  弹出来数据不显示？ xxx是dataIndex 吗？     里面的uwCode为 dataIndex    selNow也为dataIndex   store 和store2 的dataIndex   是一样 

Answer 6

忘记加上.getSelected() ;了。。var record = grid.getSelectionModel().getSelected();/////////
    store2.removeAll(); //移除所有记录
    //xxx和xxxx为你store2和当前store配置columns的名称，自己找对应关系
    store2.loadData({xxx:record.get('xxx'),xxxx:record.get('xxxx')});

Answer 7

这样 store2.loadData({cm:record.get('uwCode'),gridcm:record.get('uwCode')});  store2.loadData({cm:record.get('selNow'),gridcm:record.get('selNow')});     ( 括号里面是dataIndex  两个grid 的dataIndex  都一样) 前者为 store2 的cm也就是弹出来,后者为  store 的cm.  本来后者 grid的cm   gridcm 没有的  我直接写在里面cm:......... , 现在分离出来 cm:gridcm    就报错了 

Answer 8

在点击的页面用grid.getSelectionModel().getSelected() ;获取行数据，传到弹出页，
在弹出页的loadData方法里加载传入的值

Answer 9

 您说得是这样？var record = grid.getSelectionModel().getSelected() ;      store2.loadData(record)   record直接放进去不行的？ 那怎么传？

Answer 10

触发弹出页面操作时传入 win.loadData(record)，win指你创建的窗口对象

Answer 11

  我是我是显示在弹出来的grid里面  用创建的窗口对象，不用store?

Answer 12

 var me = this;
me.down('grid').loadRecord(record);

Answer 13

var record = grid.getSelectionModel().getSelected();
      var me = this;
     me.down('wingrid').loadRecord(record);
SCRIPT5007: 无法获取未定义或 null 引用的属性“loadRecord” 

Answer 14

在触发跳转那里：var record = grid.getSelectionModel().getSelected();
var win = Ext.create('XXXXXX');
win.loadData(record);
新弹出页：loadData : function(record) {
    var me = this;
   // me.down('form').loadRecord(record);
   me.down('grid[itemId=bjpanel]').getStore().add(record);
    },

Answer 15

在触发跳转那里：var record = grid.getSelectionModel().getSelected();
var win = Ext.create('XXXXXX');
win.loadData(record);
新弹出页：loadData : function(record) {
    var me = this;
   // me.down('form').loadRecord(record);
   me.down('grid[itemId=bjpanel]').getStore().add(record);
    }, win.loadData(record);   错误: 对象不支持“loadData”属性或方法 

Answer 16

 store2.loadData({cm:record.get('uwCode'),gridcm:record.get('uwCode')});  store2.loadData({cm:record.get('selNow'),gridcm:record.get('selNow')});    xxx键名称也要改成和你store2配置的columns的dataIndex配置一样啊 store2.loadData({uwCode:record.get('uwCode'),uwCode:record.get('uwCode')});  //store2.loadData({cm:record.get('selNow'),gridcm:record.get('selNow')});    

Answer 17

这样 store2.loadData({cm:record.get('uwCode'),gridcm:record.get('uwCode')});  store2.loadData({cm:record.get('selNow'),gridcm:record.get('selNow')});     ( 括号里面是dataIndex  两个grid 的dataIndex  都一样) 前者为 store2 的cm也就是弹出来,后者为  store 的cm.  本来后者 grid的cm   gridcm 没有的  我直接写在里面cm:......... , 现在分离出来 cm:gridcm    就报错了   那个null报错的 弄好了    现在就是 
    var record = grid.getSelectionModel().getSelected();/////////
store2.removeAll(); //移除所有记录                                                                                              
        store2.loadData({wingridcm:record.get('uwCode'),gridcm:record.get('uwCode')});
        store2.loadData({wingridcm:record.get('selNow'),gridcm:record.get('selNow')});
是这样吗？跪了  弹出里面还是没数据  

Answer 18

把你的html页面和js代码打包发出来，这样说不清楚。。你的ext是2.0的还是多少的也要说清楚

Answer 19

 这样？ var record = grid.getSelectionModel().getSelected();/////////
          store2.removeAll(); //移除所有记录         store2.loadData({uwCode:record.get('uwCode'),uwCode:record.get('uwCode')});  
         store2.loadData({selNow:record.get('selNow'),selNow:record.get('selNow')});  还是没数据    ？

Answer 20

百度网盘或者csdn都可以传资源

Answer 21

  弄了个百度的  http://pan.baidu.com/s/1gdgncKr  麻烦您有时间瞅瞅  先谢谢

Answer 22

本帖最后由 showbo 于 2014-10-30 11:16:30 编辑

  

Answer 23

非常感谢您，其实我也是刚刚毕业 这个也是从0慢慢弄 才是现在这样子，2.0.2的api很难找到合适的  我都是直接在2.0.2包里面琢磨代码  英文水平又烂， 4.X的api一大堆 但貌似好多地方和2就不一样了 ， 如果您有适合点的帮助文档 麻烦推荐下

Answer 24

http://down.51cto.com/data/310199百度一下有很多啊。。2.0和2.0.2差不了很多ext2.0  api chm

Answer 25

那个省市 级联动的 这个问题前几天提过 现在都还没纠正，  因为有多行  还是没想到什么办法能把 每行之间区分 ， 选择时每行是每行的省市，其它行不受影响    我是直接传一个PROVINCE_CODE  根据PROVINCE_CODE显示相应的市  怎么控制每行呢

Answer 26

设置成单行编辑就行了吧，，这样就只能生成一个id的城市对象，如果是多行编辑id就重复了

Answer 27

设置成单行编辑就行了吧，，这样就只能生成一个id的城市对象，如果是多行编辑id就重复了设置单行编辑？ { header: "省份", editor: new Ext.form.ComboBox({
   readOnly: true,
allowBlank: true,
store: comboStore,
name: "contry",
mode: "local",
hiddenName: "comboId",
triggerAction: "all",
valueField: "PROVINCE_CITY",
displayField: "PROVINCE_CITY",
listeners:{        
                 select : function(combobox, r, index){ 
                  comboStore2.reload({ params: { provinceCode: r.data.PROVINCE_CODE} });
                }      
            }
}), sortable: true, dataIndex: 'provinceId' } ,
              
              { header: "城市", editor: new Ext.form.ComboBox({
   readOnly: true,
allowBlank: true,
store:comboStore2,
name: "city",
mode: "local",
hiddenName: "cityIds",
triggerAction: "all",
valueField: "CITY_NAME",
displayField: "CITY_NAME"
}),  sortable: true, dataIndex: 'cityId' } ,
              
              { header: "阶段编号",  sortable: true, dataIndex: 'xmlType' } ,
              
              { header: "披露日期",  sortable: true, dataIndex: 'publishDate' } ,
              
              { header: "清单编号",  sortable: true, dataIndex: 'listId' } 
           
                              
          ]);