booklist.js

Spring+acegi+ext2.0+mysql 开发 acegi做权限控制 ext2.0做前台显示 spring 做控制层 mysql 做数据库

 BookPanel=function(){
	buildGrid=function(){
			// 弄个缩写的别名
		  var fm = Ext.form;
		  // 创建 Data Store
		  var store=new Ext.data.Store({
				url:'/book.do',
				sortInfo:{field:'name', direction:'ASC'}// 排序信息
		  });
		  // 列模型定义了表格所有列的信息,
		  // dataIndex 将特定的列映射到数据源(Data Store)中的数据列(在后面创建)
		  var cm=new Ext.grid.ColumnModel([
				{
				   id:'id',
				   header: "编号",
				   dataIndex: 'id',
				   width: 50
				},{
				   id:'name',
				   header: "书名",
				   dataIndex: 'name',
				   width: 50,
				   eidtor:new fm.TextField({
						allowBlank: false// 不能为空
				   })
				},{
				   id:'author',
				   header: "作者",
				   dataIndex: 'author',
				   width: 50
				},{
				   id:'sort',
				   header: "种类",
				   dataIndex: 'sort',
				   width: 50
				},{
				   id:'bookdate',
				   header: "年份",
				   dataIndex: 'bookdate',
				   width: 50
				}
		  ]);
		// 默认情况下列是可排序的
		cm.defaultSortable = true;
		var grid=new Ext.grid.EditorGridPanel({
				store:store,
				cm:cm,
				renderTo:'editor-grid',
				width:800,
				height:300,
				autoExpandColumn:'name',
				title:'用户管理',// 标题
				frame:true,
				clicksToEdit:1//设置点击几次才可编辑
		});
		// 触发数据加载
		store.load();
	};
	return {
		 init:function(){
			buildGrid()
		 }
	}
}();
Ext.onReady(BookPanel.init,BookPanel);