Ext.onReady(function (){
// var data=[[1,"james","manager"],[2,"jean","engine"],[3,"flk","worker"],[4,"tom","cat"]];
//***********************************************************************************************************
function adduser(){
var win=new Ext.Window({
width:300,
height:300,
title:"用户维护",
items:{
xtype:"form",
layout:"form",
items:[{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(){
win.getComponent(0).getForm().submit({url:"user!save",success:function(){Ext.Msg.alert("添加成功");win.close();vstore.reload();}});
}},{text:"重置"},{text:"取消",handler:function(){
win.close();
}}]
});
win.show();
}
//*********************************************删除用户**************************************************************
function deluser(){
var record=grid.getSelectionModel().getSelected();
var vid=record.get("id");
Ext.Ajax.request({url:"user!del",params:{id:vid},callback:function(){
Ext.Msg.alert("信息提示","删除成功");
vstore.reload();
}});
}
//***********************************************************************************************************
function updateuser(){
var 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(){
win.getComponent(0).getForm().submit({url:"user!updata",success:function(){Ext.Msg.alert("添加成功");win.close();vstore.reload();}});
}},{text:"重置"},{text:"取消",handler:function(){
win.close();
}}]
});
win.show();
//获取当前鼠标选择记录
var record=grid.getSelectionModel().getSelected();
win.getComponent(0).getForm().loadRecord(record);
}
//***********************************************************************************************************
var vstore=new Ext.data.JsonStore({
url:"user!findAll",
root:"users",
idProperty:"id",
fields:['id','userName','passWord','telphone','context','address']
});
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
});
var grid=new Ext.grid.GridPanel({
tbar:[{text:"添加",handler:adduser},"-",{text:"删除",handler:deluser},"-",{text:"修改",handler:updateuser}],
store:vstore,
autoHeight:true,
columns:[{header:"编号",dataIndex:"id"},{header:"姓名",dataIndex:"userName"},{header:"电话",dataIndex:"telphone"},{header:"密码",dataIndex:"passWord"},{header:"备注",dataIndex:"context"},{header:"地址",dataIndex:"address"}]
});
vstore.load();
var vp=new Ext.Viewport({
layout:"border",
items:[{region:"north",height:100,titile:"top"},{region:"west",width:200,split: true,collapsible: true,items:[p1,p2,p3]},{region:"center",items:[grid]}]
});
});
分享到:
相关推荐
ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查ExtJS增删改查
Extjs 增删改查 Extjs 增删改查Extjs 增删改查Extjs 增删改查Extjs 增删改查Extjs 增删改查
eclipse下EXTJS4+STRUTS2+JAVA增删改查的完整例子
extjs增删改查分页树
简单的extjs作为前台,php作为服务器端的增删改查源代码。
ExtJS4+Struts2.1模拟实现了Grid的增删改查,主要是给新人一个认识ExtJs4是怎样实现前后台交互的!需要的可以下载!
ExtJs的增删改查功能,ExtJs的增删改查功能供初学者学习使用
NULL 博文链接:https://c-j-l.iteye.com/blog/1769419
EXTJS net 增删改查示例
extjs结合struts2实现增、删、改、查功能
Extjs 实现增删改查,可以与后台代码结合起来,利于实现
全面的EXTJS 增删改查及c#json连接数据库 技术
Extjs实现了增删改查(增加了动态树)上次的升级,后台ssi,前台Extjs
Extjs和数据库交互,增删改查Extjs和数据库交互,增删改查(修改测试通过)
对爱好extjs初学者来说有非常大的帮助
基于Struts的Ext增删改查应用范例,注释非常清晰,功能非常全面,对于刚刚学习extjs的朋友简直是圣经。
Extjs+etmvc+mysql实现增删改查的基本功能,比较基础,适合初学者参考学习。
接下来 在mysql里建立 数据库位ext的库 ...-- <property name="hibernate.hbm2ddl.auto" value="update" /> -->这句话的注释去掉 好了 部署项目到tomcat上 启动 输入地址 项目部署的过程中会自动生成 表的