Ext 表格grid

this.sm = new Ext.grid.CheckboxSelectionModel({
			singleSelect : false,
			checkOnly : true
		});
		this.cm = new Ext.grid.ColumnModel([ this.sm, {
			header : ‘任务号‘,
			align : ‘left‘,
			menuDisabled : true,
			dataIndex : ‘task_no‘,
			width : 100
		}, {

  

singleSelect 表示是否可以单选, checkOnly表示是否只能点击多选框才能实现选择,因为false的话点击内容也可以实现选择。

时间: 2024-11-07 11:25:19

Ext 表格grid的相关文章

ExtJS4.2实例:表格Grid嵌套(内部Grid)-MVC模式

前文ExtJS4.2 Grid嵌套实例中讲解了如何在表格Grid中嵌套Grid,即外部Grid中每行分别展现为不同的内部Grid,比如常见的费用报销业务,费用类别有往返车费和住宿费,其中往返车费需要填写往返类型.交通工具.费用日期.出发地.目的地和金额,住宿费只需填写入住日期.离开日期.单价和金额,在一个表格中包含多种费用类别,每个费用类别下又有多条明细,所需实现的业务场景图片如: 在线演示  /  示例代码 由于前文未采用MVC模式来组织代码,代码可读性不强,本文将在前文基础上按照MVC模式来

ExtJS4.2 Grid知识点三:改变表格Grid单元格背景颜色

在ExtJS4.2 Grid知识点一:改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色,接下来在本章学习如何改变Grid中单元格的背景颜色,显示结果如图片: 在线演示  /  示例代码 实现方式同样是为Grid中该列自定义renderer函数,查询ExtJS 4.2 API得知,Ext.grid.column.Column的renderer属性可以是一个函数也可以是字符串,这个知识点是通过函数来实现的.函数参数列表如下: value : 当前待渲染的单元格值,即表格中某行某列的

ExtJS4.2 Grid知识点四:改变表格Grid行文字颜色,划过Grid行时文字变粗

在ExtJS4.2 Grid知识点一:改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色,接下来在本章学习如何改变Grid中整行文字的颜色,这样就不需要为每列单独定义renderer函数,显示结果如图片: 在线演示  /  示例代码 实现方式是在Grid中设置viewConfig属性的getRowClass函数,函数参数列表如下: record: 当前待渲染行数据Model,类型为:Ext.data.Model rowIndex: 当前待渲染行数,类型为:Number rowPa

编辑 Ext 表格(一)——— 动态添加删除行列

一.动态增删行 在 ext 表格中,动态添加行主要和表格绑定的 store 有关, 通过对 store 数据集进行添加或删除,就能实现表格行的动态添加删除. (1) 动态添加表格的行  gridStore.add({}); (2) 动态删除表格的行 gridStore.removeAt(gridStore.count() - 1); 二.动态增删列 在 ext 表格中,动态添加列主要通过修改表格绑定的 column 元素, 通过对 column 元素集进行添加或删除,然后重新渲染表格,就能实现表

Ext表格控件二(更新10月11,选自《掏钱学习EXT》)

七.EditorGrid 3.一切就绪,做一个保存按钮 { text:'保存', handler:function(){ var m = ds.modified.slice(0); var jsonArray = []; Ext.each(m,function(item){ jsonArray.push(item.data); } ); Ext.lib.Ajax.request( 'post', 'grid2.jsp', {success:function(response){ Ext.Msg.

Ext让grid选中第一行,并且触发点击事件

     grid.getSelectionModel().selectRow(0);     grid.fireEvent("rowclick",this,0,Ext.EventObject); 给grid绑定事件即可: listeners:{        scope:this,        rowclick:function(grid,rowIndex,event){            var row=grid.getStore().getAt(rowIndex);    

Ext之Grid

1 var columns = [new Ext.ux.grid.CCRowNumberer({width:40}), { header : '排名', dataIndex : 'id', width : 40 }, { header : '姓名', dataIndex : 'name', width : 40 }, { header : '业务类型', dataIndex : 'yewu' }, { header : '项目名称', dataIndex : 'xiangmu' }, { hea

Ext表格控件一(更新10月11,选自《掏钱学习EXT》)

一.内容丰富,功能强大 Ext的功能十分强大,可以单选多选,高亮显示等等,还可以自动生成行号,支持checkbox全选,支持本地和远程的分页,渲染单元格.甚至可以在tree和grid之间进行拖拽等. 二.现在咱们就来设计一个grid吧 1.我们建立一个二维数组,为了设计一个表. 在ext里面,这个列的定义叫做ColumnModel,简称的cm就是它了.这里我们建立一个三列的表格: var cm = new Ext.grid.ColumnModel( [ {header:"编号",dat

编辑 Ext 表格(二)——— 编辑表格元素

一.编辑单元格 Ext 中通过配置表格的属性 plugins 来设置表格是否可编辑, 表格的配置具体如下: var gridTable = Ext.create('Ext.grid.Panel', { id: 'gridTable', region: 'center', layout: 'fit', columns: cols, store: gridStore, autoScroll: true, selModel: {  // 光标显示的是单元格模式 selType: 'cellmodel'