首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Struts2 Spring Hibernate Extjs 调整简单用例,extjs代码已经经过优化

2012-12-21 
Struts2 Spring Hibernate Extjs 整合简单用例,extjs代码已经经过优化?extjs部分?Ext.ns(com.james)com

Struts2 Spring Hibernate Extjs 整合简单用例,extjs代码已经经过优化

?

extjs部分

?

Ext.ns("com.james");com.james.UserPanel = Ext.extend(Ext.Panel, {fields : ['id', 'userName', 'passWord', 'telphone', 'context','address'],createEdit:function(){this.win = new Ext.Window({width : 300,height : 300,title : "用户维护",items : {xtype : "form",layout : "form",items : [        {xtype:"hidden",name:"id"},   {xtype : "textfield",fieldLabel : "姓名",name : "userName",anchor : "70%"}, {xtype : "textfield",fieldLabel : "密码",name : "passWord",anchor : "70%"}, {xtype : "textfield",fieldLabel : "电话",name : "telphone",anchor : "70%"}, {xtype : "textfield",fieldLabel : "地址",name : "address",anchor : "70%"}, {xtype : "textarea",fieldLabel : "附录",name : "context",anchor : "70%"}]},buttons : [{text : "提交",handler : function() {this.win.getComponent(0).getForm().submit({url : "usermgr!save",success : function() {Ext.Msg.alert("添加成功");this.win.close();this.vstore.reload();},scope:this});},scope:this}, {text : "重置"}, {text : "取消",handler : function() {this.win.close();}}]});},// *********************************************添加用户用户**************************************************************//这种方式只要是有回调函数的地方都必须写 scope:thisadduser : function() {                this.createEdit();this.win.show();// ***********************************************************************************************************},deluser : function() {var record =this.grid.getSelectionModel().getSelected();var vid = record.get("id");Ext.Ajax.request({url : "usermgr!del",params : {id : vid},callback : function() {Ext.Msg.alert("信息提示", "删除成功");this.vstore.reload();},scope:this});},// ************************************修改用户***********************************************************************updateuser : function() {               this.createEdit();this.win.show();// 获取当前鼠标选择记录var record = this.grid.getSelectionModel().getSelected();this.win.getComponent(0).getForm().loadRecord(record);},  // ***************************初始化窗口********************************************************************************initComponent : function() {com.james.UserPanel.superclass.initComponent.call(this);this.vstore = new Ext.data.JsonStore({url : "usermgr!findAll",root : "users",idProperty : "id",fields :this.fields});var p1 = new Ext.Panel({title : "panel1",height : 100,collapsible : true});var p2 = new Ext.Panel({title : "panel2",height : 100,collapsible : true});var p3 = new Ext.Panel({title : "panel3",height : 100,collapsible : true,animCollapse : true});this. grid = new Ext.grid.GridPanel({tbar : [{text : "添加",handler : this.adduser,scope:this}, "-", {text : "删除",handler : this.deluser,scope:this}, "-", {text : "修改",handler : this.updateuser,scope:this}],store : this.vstore,autoHeight : true,columns : [{header : "编号",dataIndex : "id"}, {header : "姓名",dataIndex : "userName"}, {header : "电话",dataIndex : "telphone"}, {header : "密码",dataIndex : "passWord"}, {header : "备注",dataIndex : "context"}, {header : "地址",dataIndex : "address"}]});this.add(this.grid);this.vstore.load();}});Ext.onReady(function() {var up = new com.james.UserPanel({title : "jlksfdjklasfdj"});var vp = new Ext.Viewport({layout : "border",items : [{region : "north",height : 200}, {region : "west",width : 200}, {region : "center",items : [up]}]});})

?

热点排行