extjs getselectedcell(),但不使用Ext.grid.CellSelectionModel
我有一个editorGridPanel,它的selmodel=new Ext.grid.CheckboxSelectionModel(),但我想使用getSelectedCell获取所选列,可能吗?以下是工作示例:extjs getselectedcell(),但不使用Ext.grid.CellSelectionModel,extjs,Extjs,我有一个editorGridPanel,它的selmodel=new Ext.grid.CheckboxSelectionModel(),但我想使用getSelectedCell获取所选列,可能吗?以下是工作示例: 函数cellRenderer(值、列、记录、行、列){ 返回Ext.String.format({4}), record.data.id、column.column.dataIndex、row、col、value); } Ext.create('Ext.grid.Panel'{ 标
函数cellRenderer(值、列、记录、行、列){
返回Ext.String.format({4}),
record.data.id、column.column.dataIndex、row、col、value);
}
Ext.create('Ext.grid.Panel'{
标题:“国家”,
selType:'cellmodel',
renderTo:Ext.getBody(),
存储:Ext.create('Ext.data.store'{
字段:['id','cName'],
数据:{'items':[{id:1,cName:'Australia'},
{id:2,cName:'Germany'},
{id:3,cName:'俄罗斯'},
{id:4,cName:'美国'}]},
代理:{
键入:“内存”,
读取器:{type:'json',root:'items'}
}
}),
列:[{text:'id',dataIndex:'id',renderer:cellRenderer},
{text:'Country',dataIndex:'cName',flex:1,renderer:cellRenderer},
听众:{
selectionchange:功能(me、selected、eOpts){
var sel=Ext.query('.x-grid-cell-selected span');
if(sel[0]){
var data=sel[0].getAttribute('key').split('UUZ');
container.update(Ext.String.format(
'id={0};
column=“{1}”
rowIndex={2};
colIndex={3};',
数据[0]、数据[1]、数据[2]、数据[3]);
}
}
}
});
var container=Ext.create('Ext.container.container',{
renderTo:Ext.getBody()
});
编辑
下面是相同的示例,但对于checkboxmodel:
Ext.create('Ext.grid.Panel'{
标题:“国家”,
selType:'checkboxmodel',
renderTo:Ext.getBody(),
存储:Ext.create('Ext.data.store'{
字段:['id','cName'],
数据:{'items':[{id:1,cName:'Australia'},
{id:2,cName:'Germany'},
{id:3,cName:'俄罗斯'},
{id:4,cName:'美国'}]},
代理:{
键入:“内存”,
读取器:{type:'json',root:'items'}
}
}),
列:[{text:'id',dataIndex:'id'},
{text:'Country',dataIndex:'cName',flex:1}],
听众:{
cellclick:函数(me、td、cellIndex、record、tr、rowIndex、e、eOpts){
container.update(Ext.String.format(
'id={0};
行索引={1};
单元索引={2};',
record.data.id、rowIndex、cellIndex));
}
}
});
var container=Ext.create('Ext.container.container',{
renderTo:Ext.getBody()
});
但是我的seltype必须是“checkboxmodel”,我已经更改了答案
function cellRenderer(value, column, record, row, col){
return Ext.String.format('<span key="{0}_{1}_{2}_{3}">{4}</span>',
record.data.id, column.column.dataIndex, row, col, value);
}
Ext.create('Ext.grid.Panel', {
title: 'Countries',
selType : 'cellmodel',
renderTo: Ext.getBody(),
store: Ext.create('Ext.data.Store', {
fields:['id', 'cName'],
data:{'items':[ { id: 1, cName: 'Australia' },
{ id: 2, cName:'Germany' },
{ id: 3, cName:'Russia' },
{ id: 4, cName:'United States' }]},
proxy: {
type: 'memory',
reader: { type: 'json', root: 'items' }
}
}),
columns: [{ text: 'id', dataIndex: 'id', renderer: cellRenderer },
{ text: 'Country', dataIndex: 'cName', flex: 1, renderer: cellRenderer }],
listeners:{
selectionchange: function( me, selected, eOpts ){
var sel = Ext.query('.x-grid-cell-selected span');
if(sel[0]){
var data = sel[0].getAttribute('key').split('_');
container.update( Ext.String.format(
'id={0};<br/>column="{1}";<br/>rowIndex={2};<br/>colIndex={3};',
data[0], data[1], data[2], data[3]));
}
}
}
});
var container = Ext.create('Ext.container.Container', {
renderTo: Ext.getBody()
});
Ext.create('Ext.grid.Panel', {
title: 'Countries',
selType : 'checkboxmodel',
renderTo: Ext.getBody(),
store: Ext.create('Ext.data.Store', {
fields:['id', 'cName'],
data:{'items':[ { id: 1, cName: 'Australia' },
{ id: 2, cName:'Germany' },
{ id: 3, cName:'Russia' },
{ id: 4, cName:'United States' }]},
proxy: {
type: 'memory',
reader: { type: 'json', root: 'items' }
}
}),
columns: [{ text: 'id', dataIndex: 'id' },
{ text: 'Country', dataIndex: 'cName', flex: 1 }],
listeners:{
cellclick: function( me, td, cellIndex, record, tr, rowIndex, e, eOpts ){
container.update( Ext.String.format(
'id={0};<br/>rowIndex={1};<br/>cellIndex={2};',
record.data.id, rowIndex, cellIndex));
}
}
});
var container = Ext.create('Ext.container.Container', {
renderTo: Ext.getBody()
});