Ext4.2 Gird

Gird:

gird主要由 store、cm 、tbar、loadMask 、bbar 几个核心。

var girdInfo = new Ext.grid.GridPanel({
           id : 'XXX',
           title : '列表',
           frame : true,
           width : '100%',
           height : height-120,
           store : gridStore,
           cm : cm,
           tbar:[{text : 'XXX',iconCls : 'find',handler:function(){
               showDetail();
           }}],
           viewConfig : {
               forceFit : true,
               emptyText : '没有匹配的数据'
           },
           remoteSort : true,
           loadMask : waitMask,
           bbar : bbarpageSize,
           listeners : {
               beforerender : function(g) {}
           }
       });

Ext Gird里序号显示

在colums添加：

{

header: '序号',

xtype: 'rownumberer',

align:'center',

width:60,

renderer: function(value,metadata,record,rowIndex){

var store = Ext.getCmp("Grid1").getStore();

var currentPage = store.currentPage;

return (currentPage-1)*30+rowIndex+1;

}

},

{header:"行号",width:50,align:'center',renderer : function(value, cellmeta, record, rowIndex) {

var store = record.store;

var params = store.lastOptions.params;

return params.start+1+rowIndex;

}

},

Gird复选框是否展示：单选/多选

单选

selType: "checkboxmodel",

多选

selModel: Ext.create("Ext.selection.CheckboxModel", {

mode: "SIMPLE"

}),

或者

selModel: {

selection: "rowmodel",

mode: "MULTI"

},

Gird复选框默认选中

//model.selectRows(rows);//选择指定一些行,传递数组如[1,3,5],则分别选择1,3,5行

//model.selectFirstRow();//选择第一行

// model.selectAll();//选择所有行

//model.clearSelections();//清空所有选择

实例：

获取需要选中的id
通过getById()方法获取对应index值，然后放入数组中
使用select()方法，将数组中的相应index选中

var ids = XXX;

ids = ids.substring(0, ids.length - 1);

if(ids!=""){

var indexNum = [];

var num=ids.split(",");

for (var i = 0; i < num.length; i++) {

indexNum.push(itemGridStore.getById(parseInt(num[i])));

}

itemGridStore.load({

callback: function(records, options, success){

Ext.getCmp('itemGrid').getSelectionModel().select(indexNum);//选中指定行

}

});

}

实例：

使用reload方法重新提交上一次请求加载
在callback里通过getCmp()方法获取到store的值
通过count（）和store.getAt(i)的get(“id”)和get（”index”）获取到相应的数据

Ext.getCmp('ySiteGrid').getStore().reload({

params : {

deviceType : info.data.deviceTypeId,

policeId : policeId

},

callback: function(records, options, success){

var store = Ext.getCmp('ySiteGrid').getStore();

for(var i = 0 ; i<store.getCount();i++){

if(info.data.deviceId == store.getAt(i).get("id")){

Ext.getCmp('ySiteGrid').getSelectionModel().select(store.getAt(i).index);//选中指定行

}

}

}

});

Gird隔行变色

viewConfig : {

getRowClass : function(record, rowIndex, rowParams, store) {

if(rowIndex%2!=0){

return 'grid_colorChange;

}

}

},

<style>

.grid_colorChange {

background-color: #f1f1f1;

}

</style>

或

tr.x-grid-record-red .x-grid-td {
background: #ADDFF3;
}

viewConfig: {
loadMask: false, //这个是屏蔽加载该grid的时候，屏幕中出现的“loading..”图标
getRowClass: function(record, rowIndex, rowParams, store){
if (record.get("pluginId") == "1505") {
     return 'x-grid-record-red';
} else {
     return '';
}
    }
}

Ext Gird改变单元格颜色

.x-grid-record-red .x-grid-cell-inner {

background: rgba(245, 41, 30, 0.84);

}

renderer: function(value, metadata, record,rowIndex){

metadata.tdCls='x-grid-record-red';

return value;

}

在弹出框gird中滚动条不显示，gird内容展示不全

最后是通过调整width 和height 属性解决问题

Gird Store

items:new Ext.Button({text:'查询',width:60,handler:function(){

var personName = Ext.getCmp('maintainer_name').getValue();

gridStore.baseParams={ersonName: personName, personType:2, };

gridStore.reload({params:{ start:0, limit:gridLimit}});

}})

Ext4.2 Gird相关推荐

linux ext4增加大小,如何修改 ext4 文件系统的大小
如何修改 ext4 文件系统的大小 a. 扩大文件系统 i 启动到 Linux,umount 掉/dev/sdb1 和/dev/sdb2,若提示磁盘忙的话使用 fuser 将正在使用磁盘的程序 kil ...
EXT3与EXT4的主要区别
Linux kernel 自 2.6.28 开始正式支持新的文件系统 Ext4. Ext4 是 Ext3 的改进版,修改了 Ext3 中部分重要的数据结构,而不仅仅像 Ext3 对 Ext2 那样,只 ...
解压和生成 system.imgdata.img ( ext4格式)
另一篇文章讲述了如何解压和生成system.img, 那是针对yaffs2格式的文件系统镜像. 目前越来越多的Android手机放弃了nand, 更多采用了emmc为内部存储设备. 以emmc为存储设 ...
mkfs.ext4 /dev/sdb 与 mkfs.ext4 /dev/sdb1
有一硬盘120G,ntfs格式.现要格式化成ext4格式. $fdisk /dev/sdb [把硬盘内发分区删去,否则下步之后,再用fdisk查看还显示sdb1, sdb2之类?] $mkfs.ex ...
让CentOS 5.5支持ext4
使用环境使用的是CentOS5.5 内核是2.6.18-194.el5 其实CentOS 5.5里面是有ext4模块的,只是没加载,所以我们先把模块加入系统 [root@linux ~]# cd /l ...
Ext4文件系统架构分析(一)
本文描述Ext4文件系统磁盘布局和元数据的一些分析,同样适用于Ext3和Ext2文件系统,除了它们不支持的Ext4的特性外.整个分析分两篇博文,分别概述布局和详细介绍各个布局的数据结构及组织寻址方式等 ...
ext4 文件系统的优化
ext4作为ext3的下一代,是Linux上的经典文件系统,功能上虽不及zfs.btrfs那么花哨,但是可靠实用,被广泛部署在企业级的生产环境中. ext4 作为一个通用文件系统,默认情况下已经工作良 ...
linux ext4 文件大小,[svc]为何linux ext4文件系统目录默认大小是4k?
linux ext4普通盘为什么目录大小是4k? Why does every directory have a size 4096 bytes (4 K)? To understand this, ...
CentOS下挂载硬盘（fdisk，mkfs.ext4，mount）
centos挂载硬盘挂载硬盘步骤:1. 先分区 fdisk /dev/sdb-p 查看分区-n 创建分区-p 创建主分区-1 这是分区序号-回车,回车(这里选择扇区起始位置和分区大小,类似:+1G 这 ...
使用mkfs.ext4格式化大容量磁盘
使用mkfs.ext4默认参数格式化磁盘后,发现格式化时间特别长,并且格式化会占用磁盘很大的空间. 例如2TB的磁盘格式化会占用10分钟左右时间,并占用30G左右的磁盘空间. 究其原因,原来inode ...

Ext4.2 Gird

Gird:

Ext Gird里序号显示

Gird复选框是否展示：单选/多选

Gird复选框默认选中

Gird隔行变色

Ext Gird改变单元格颜色

在弹出框gird中滚动条不显示，gird内容展示不全

Gird Store

Ext4.2 Gird相关推荐

最新文章

热门文章

Ext4.2 Gird

Gird:

Ext Gird里序号显示

Gird复选框是否展示：单选/多选

Gird复选框默认选中

Gird隔行变色

Ext Gird改变单元格颜色

在弹出框gird中 滚动条不显示，gird内容展示不全

Gird Store

Ext4.2 Gird相关推荐

最新文章

热门文章

在弹出框gird中滚动条不显示，gird内容展示不全