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作为参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)