本文详细介绍了如何在ExtJS Grid表格中针对特定中文字段实现靠左对齐，同时设置默认选中行的方法。通过编写自定义函数并应用到ColumnModel中，可以满足复杂表格布局的需求。此外，还提供了在网格加载时默认选择第一行的实现代码，简化了交互体验。
[b]1、列内容靠左，列头居中。[/b]具体需求如下：
对于时间类居中，我们可以在ColumnModel中设置：align:'center'来实现，这样表头和表内容都会居中了。但是有些中文字段列，内容是想靠左侧的，而表头依然想居中。代码如下：
a---> 写个function函数：
b---> 表格中加上listeners。
[b]2、extjs Grid 时,默认初始选中[/b]
对于时间类居中，我们可以在ColumnModel中设置：align:'center'来实现，这样表头和表内容都会居中了。但是有些中文字段列，内容是想靠左侧的，而表头依然想居中。代码如下：
a---> 写个function函数：
/**
* 列的表头居中
*/
function setColumn(cm){
//获取所有的列(包括隐藏)
var number = cm.getColumnCount(false);
for (var i=1;i<number;i++){
var c_header = cm.getColumnHeader(i);
var c_c_header = '<div style = "text-align:center;">' + c_header + '</div>';
cm.setColumnHeader(i,c_c_header);
}
}
b---> 表格中加上listeners。
listeners:{
render : function() {
setColumn(cm);//cm为定义的ColumnModel
}
}
[b]2、extjs Grid 时,默认初始选中[/b]
grid.store.on("load",function(){
grid.getSelectionModel().selectRow(0,true);
});
扫一扫
6310
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
