extjs简单使用

公司有个websql.由于设计的是大众化需要。使用的时候需要频繁的切换，自己使用他的数据源开了个新的针对自己部门需要的页面。也是使用的extjs.所以简单记录一下。

 

function gridTest(){
	var cmlode=[
			{dataIndex:"id","header":"id",align:"right"},
			{dataIndex:"name","header":"name",align:"right"}
		];
	var cm = new Ext.grid.ColumnModel(
		cmlode
	);
		var json ={
			'results': 2,
			'rows': [{ 'id': 1, 'name': 'Bill', occupation: 'Gardener' }
			,{ 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' }
			]
		}
		;
		var reader = new Ext.data.JsonReader({
			totalProperty: "results",
			//totalRecords属性由json.results得到
			successProperty: true,
			//json数据中，保存是否返回成功的属性名
			root: "rows",
			//构造元数据的数组由json.rows得到
			id: "id"
			//id由json.id得到
		}
		, [
		{ name: 'id', mapping: 'id' },{ name: 'name', mapping: 'name' }
		 
		//如果name与mapping同名,可以省略mapping
		]
		);
		var proxy=new Ext.data.MemoryProxy(json);
		var ds = new Ext.data.Store({
			proxy: proxy,
			reader:reader
		}
		);
		var grid = new Ext.grid.EditorGridPanel({
			el: 'msgResultDiv',
			ds: ds,
			cm: cm,
			height:100,
			clicksToEdit:1,//设置点击几次才可编辑
		}
		);
		grid.render();
		grid.loadMask.msg='加载中...';
		ds.load();
		 
	}