Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Extjs 4.2:在网格面板中获取选定的单元格值_Extjs_Grid - Fatal编程技术网

Extjs 4.2:在网格面板中获取选定的单元格值

Extjs 4.2:在网格面板中获取选定的单元格值,extjs,grid,Extjs,Grid,我想获取网格中选定单元格的值。我有以下代码: 方法: createPlaylist:函数(记录){ var scope=this; var记录 =getShowImages.getSelectionModel().getSelection() 控制台日志(srecords); } 我使用console.log检查是否获得任何值 网格视图: Ext.ns('dlti.view.widget'); Ext.define('dlti.view.widget.ShowImages' ,{

我想获取网格中选定单元格的值。我有以下代码:

方法:

createPlaylist:函数(记录){
var scope=this;
var记录 =getShowImages.getSelectionModel().getSelection()

控制台日志(srecords); }

我使用console.log检查是否获得任何值

网格视图:

 Ext.ns('dlti.view.widget');
   Ext.define('dlti.view.widget.ShowImages' ,{
    extend: 'Ext.grid.Panel',
    id: 'dlti-grid-images',
    alias: 'widget.ShowImages',
    forceFit: true,
    stripeRows: true,
    selType: 'checkboxmodel',
    multiSelect: true,
    autosync: true,
    height: 250,
    width: 470,


    store: new dlti.store.UploadStore(),


    columns: [
        {
            text: 'Images',
            dataIndex: 'imagepath',
            renderer:   function renderIcon(val) {
                return '<img src="' + val + '"width="100px" height="100px" align="middle">';

            },          

        },
        {
            text: 'Filename',
            dataIndex: 'filename',
            renderer:   function renderDescTarget(val, p, record) {
                var desc = '';
                desc = '<p style="color:#000;font-size:12px;">' + val + '</p>';
                return desc;
            }
        }



    ]
});
Ext.ns('dlti.view.widget');
Ext.define('dlti.view.widget.ShowImages'{
扩展:“Ext.grid.Panel”,
id:“dlti网格图像”,
别名:“widget.ShowImages”,
forceFit:对,
是的,
selType:'checkboxmodel',
多选:对,
自动同步:对,
身高:250,
宽度:470,
store:new dlti.store.UploadStore(),
栏目:[
{
文本:“图像”,
dataIndex:'imagepath',
渲染器:函数renderIcon(val){
返回“”;
},          
},
{
文本:“文件名”,
数据索引:“文件名”,
渲染器:函数renderDescTarget(val、p、record){
var desc='';
desc='

'+val+”

'; 返回描述; } } ] });
网格中有一个事件可以使用:

单击表格单元格时激发

编辑:

在网格中,您可以添加一个监听器,该监听器将在每次单击单元格时触发(您可以将其添加到控制器中),如:


网格
有一个事件可供使用:

单击表格单元格时激发

编辑:

在网格中,您可以添加一个监听器,该监听器将在每次单击单元格时触发(您可以将其添加到控制器中),如:


您必须收听gridpanel的活动。在您的视图中,您必须在gridpanel的配置中添加以下内容:

listeners : {
    cellclick : function(view, cell, cellIndex, record, row, rowIndex, e) {
        //handle event   
    }
}

您必须收听gridpanel的活动。在您的视图中,您必须在gridpanel的配置中添加以下内容:

listeners : {
    cellclick : function(view, cell, cellIndex, record, row, rowIndex, e) {
        //handle event   
    }
}

您需要添加一个Select侦听器,例如

selModel: Ext.create('Ext.selection.CellModel', {
                        allowDeselect: true,
                        mode: 'SINGLE',
                        listeners: {
                            select: {
                                fn: me.onCellModelSelect,
                                scope: me
                            }
                        }
                    })
接下来,警告单元格值的函数应该如下所示:

onCellModelSelect: function(cellmodel, record, row, column, eOpts) {

        /*an if statement is required to parse the column chosen as
        record.get() only accepts string values of the column name so
        if the columns are named "first", "second", "third", the
        following if statement applies*/

        var columnName;

        if(column === 0){
            columnName= 'first';
        }else if(column === 1){
            columnName= 'Second';
        }else if(column === 2){
            columnName= 'Third';
        }
        Ext.Msg.alert('Cell Value',record.get(columnName));
    }
});

希望对你有用。如果你想让我给你发送整个页面的代码,下午我 您需要添加一个Select侦听器,例如

selModel: Ext.create('Ext.selection.CellModel', {
                        allowDeselect: true,
                        mode: 'SINGLE',
                        listeners: {
                            select: {
                                fn: me.onCellModelSelect,
                                scope: me
                            }
                        }
                    })
接下来,警告单元格值的函数应该如下所示:

onCellModelSelect: function(cellmodel, record, row, column, eOpts) {

        /*an if statement is required to parse the column chosen as
        record.get() only accepts string values of the column name so
        if the columns are named "first", "second", "third", the
        following if statement applies*/

        var columnName;

        if(column === 0){
            columnName= 'first';
        }else if(column === 1){
            columnName= 'Second';
        }else if(column === 2){
            columnName= 'Third';
        }
        Ext.Msg.alert('Cell Value',record.get(columnName));
    }
});

希望对你有用。如果你想让我给你发送整个页面的代码,下午我!你能说得更具体些吗?这方面我是新手。对不起,你能说得更具体一点吗?这方面我是新手。我很抱歉。