extjs的displayfield组件如何获取grid中的某一列的值

extjs的displayfield组件如何获取grid中的某一列的值,第1张

11:数据对应的列,加了一个点击事件,获取到该列的值,然后赋值

{

align: 'center',

text: 'A,

dataIndex: 'A',

width:60,

renderer : function(val, meta, record) {

val = "<a href='javascript:;' >"+val+"</a>";

metatdAttr = 'data-qtip="' + val + '"';

return '<div align="left">' + val + '</div>';

},

listeners:{

'click':function(){

var rows = gridgetSelectionModel()getSelection();

displayfieldsetValue(rows[0]get('A'));//通过rows[0]get('字段名')来获取A字段的值,然后赋值给displayfield

}

}

2如果有点击事件的话,你可以直接使用 var rows = gridgetSelectionModel()getSelection();获取store的数据模型(存放了所有的记录),rows[0]是指定行的记录(包括隐藏的字段),displayfield这个在grid外面创建好的,在grid可以引用到的话可以直接使用 displayfieldsetValue(rows[0]get('A'));来赋值

3

var display = Extcreate('ExtformfieldDisplay',{

xtype: 'displayfield',

fieldLabel: 'Visitor',

name: 'visitor_score',

value: '11'

})

var grid = Extcreate('ExtgridPanel', {

store: store,

columns: [

{text : 'Company',

flex : 1,dataIndex: 'company',

renderer : function(val, meta, record) {

val = "<a href='javascript:;' >"+val+"</a>";

return val;

},

listeners:{

'click':function(){

var rows = gridgetSelectionModel()getSelection();

displaysetValue(rows[0]get('name'))

}

}

} ], dockedItems: [{

xtype: 'toolbar',

dock: 'top',

items: [display]

}]

});

});

你选的那一行数据,在grid的store中已经储存了,grid每一列都有renderer属性,他的function有固定参数,按顺序value:当前值,metadata,record,rowIndex,colIndex,store,其中record就是当前行的数据recorddata。如果你要想新窗口数据record中没有,就在这个function中写个ajax或重新用一个store再取就是了

renderer: function(v,m,record){

var data = recorddata;

var win = (定义新窗口并赋值)

}

您好,Extjs中可以用DataGrid表格来做显示,表格所需要的id可以是如下情况: 1、如果你的数据是读取过来是数组的形式,那你的id就是其在数组中的位置。2、如果你的数据是读取过来是map的形式,那你的id就是其相应的key值。

DataGrid 控件的每一个单元格都可以包含文本值,但不能链接或内嵌对象。可以在代码中指定当前单元格,或者用户可以使用鼠标或箭头键在运行时改变它。通过在单元格中键入或编程的方式,单元格可以交互地编辑。单元格能够被单独地选定或按照行来选定。

DataGrid的写法具体为$("#您取的名字")datagrid({});其中包括title等属性,其中最重要的就是columns属性,这里将匹配您所需要加入的数据,而且是以map的形式columns :[ [ {title : '维度', field : '0',width : 150,sortable : true},{}]]

在grid中添加监听函数,监听单元格点击cellclick,使用如下代码即可实现。

1

2

3

4

5

6

7

8

9

10

11

//EXT GridPanel获取某一单元格的值

listeners:{

'cellclick':function(grid, rowIndex, columnIndex, e){

editCell_row = rowIndex;

editCell_col = columnIndex;

var record = gridgetStore()getAt(rowIndex);

var fieldName = gridgetColumnModel()getDataIndex(columnIndex);

var data = recordget(fieldName);

alert(record+fieldName+data);

}

}

以上就是关于extjs的displayfield组件如何获取grid中的某一列的值全部的内容,包括:extjs的displayfield组件如何获取grid中的某一列的值、extjs 中的grid、java取得N条数据循环显示在JSP页面,怎样用Extjs获取当前行的id作为参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10156543.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存