<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();//代表根目录
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<title>系统开发基础平台V3.5</title>
<link rel="stylesheet" type="text/css" href="<%=path %>/content/extjs/resources/css/ext-all.css">
<style type="text/css">
html, body {
font:normal 12px verdana;
margin:0;
padding:0;
border:0 none;
overflow:hidden;
height:100%;
}
.dialogIcon{
background-image: url("<%=path %>/content/images/modifyPass.png");
}
</style>
<script type="text/javascript" src="<%=path %>/content/extjs/ext-base.js"></script>
<script type="text/javascript" src="<%=path %>/content/extjs/ext-all.js"></script>
<script type='text/javascript' src='/spring/dwr/engine.js'></script>
<script type='text/javascript' src='/spring/dwr/util.js'></script>
<script type='text/javascript' src='/spring/dwr/interface/applyService.js'></script>
</head>
<script type="text/javascript">
var grid;
var selectId;
var registWin;
var submit_url;
function buildWin(id,name){
var date;
submit_url = name;
if(id== null){
Ext.getCmp("id").setValue(id);
Ext.getCmp("name").setValue("");
Ext.getCmp("msg").setValue("");
Ext.getCmp("win").setTitle("添加新的功能菜单");
win.show();
}else{
dwr.engine.setAsync(false);
applyService.getEntity("Menu",id,function(data){
date= data;
});
dwr.engine.setAsync(true);
Ext.getCmp("id").setValue(id);
Ext.getCmp("name").setValue(date.menuName);
Ext.getCmp("msg").setValue(date.bewrite);
Ext.getCmp("win").setTitle("修改已有的功能菜单");
}
win.show();
}
function login(name){
if(Ext.getCmp('name').getValue()==""){
Ext.Msg.alert("错误","功能名称不能为空");
return null;
}
if(Ext.getCmp('msg').getValue()==""){
Ext.Msg.alert("错误","描述信息不能为空");
return null;
}
form.form.submit({
url :name,
method :"post",
success :function(form,action){
if(action.result.msg=="OK"){
win.hide();
store_power.reload();
}else{
Ext.Msg.alert('错误提示',action.result.msg);
}
},
//提交失败的回调函数
failure : function(form, action) {
switch (action.failureType) {
case Ext.form.Action.CLIENT_INVALID:
Ext.Msg.alert('错误提示', '表单数据非法请核实后重新输入！');
break;
case Ext.form.Action.CONNECT_FAILURE:
Ext.Msg.alert('错误提示', '网络连接异常！');
break;
case Ext.form.Action.SERVER_INVALID:
Ext.Msg.alert('错误提示', "您的输入用户信息有误，请核实后重新输入！"
+ action.result.msg + "--");
//form.form.reset();
}
}
});
}
function buildForm(){
form = new Ext.form.FormPanel({
baseCls : 'x-plain',
labelWidth : 55,
width :300,
defaultType : 'textfield',
buttonAlign : 'center',
items : [ {
id : "id",
fieldLabel : '功能名称',
name : 'menu.id',
hidden :true,
anchor : '100%' // anchor width by percentage
},{
id : "name",
fieldLabel : '功能名称',
name : 'menu.menuName',
anchor : '100%' // anchor width by percentage
}, {
id : "msg",
fieldLabel : '描述信息',
name : 'menu.bewrite',
anchor : '100%' // anchor width by percentage
}],
buttons : [ {
text : '添加',
type : 'submit',
id : "login",
handler : function(){login(submit_url);}
}, {
text : '取消',
handler : function() {
win.hide();
}
} ]
});
win = new Ext.Window({
id:'win',
title:'添加新的功能',
closable : false,
closeactin: 'hide',
items:form
});
}
Ext.onReady(function () {
buildForm();
/* dwr.engine.setAsync(false);
applyService.getEntity("Menu",1,function(data){
date= data;
alert(data);
});
applyService.getEntity2Nodeinfo(1,function(data){
date= data;
alert(data);
});
dwr.engine.setAsync(true); */
//数据源
store_power = new Ext.data.JsonStore({//对应类别store
url:"ask_findMuneInfo.do",
root:'root',
idProperty: 'id',
fields:[{
name:'power_id',
mapping:'id'
},{
name:'name',
mapping:'menuName'
},{
name:'miaoshu',
mapping:'bewrite'
},{
name:'times',
mapping:'time'
}]
});
store_power.load();
//复选框列
var sm = new Ext.grid.CheckboxSelectionModel();
//定义列
var column = new Ext.grid.ColumnModel({
columns: [
sm,
{ header: '编号', dataIndex: 'power_id', sortable: true },
{ header: '功能名称', dataIndex: 'name' },
{ header: '描述', dataIndex: 'miaoshu' }
]
});
//添加按钮
var tbtn = new Ext.Toolbar.Button({
text: '添加新的功能菜单',
icon:'<%=path%>/content/images/add.gif',
listeners: {'click': function () {
form.form.reset();
buildWin(null,"apply_newMenu.do");
}
}
});
var tbar = new Ext.Toolbar.Button({
text: '修改功能菜单',
icon:'<%=path%>/content/images/upload.gif',
listeners: {'click': function () {
var row = grid.getSelectionModel().getSelections();
//for (var i = 0; i < row.length; i++) {
if(row.length>1){
Ext.Msg.alert("错误","每次只能修改一条");
return null;
}
if(row.length==0){
Ext.Msg.alert("错误","没有选择要修改的记录");
return null;
}
selectId = row[0].get('power_id');
buildWin(selectId,"apply_upMenu.do");
}
}
});
var tbarr = new Ext.Toolbar.Button({
text: '删除功能菜单',
icon:'<%=path%>/content/images/delete.gif',
listeners: {'click': function () {
var row = grid.getSelectionModel().getSelections();
//for (var i = 0; i < row.length; i++) {
if(row.length>1){
Ext.Msg.alert("错误","每次只能删除一条");
return null;
}
if(row.length==0){
Ext.Msg.alert("错误","没有选择要删除的记录");
return null;
}
Ext.Msg.confirm("提示","确定删除该记录？",function(name){
if(name=="yes"){
dwr.engine.setAsync(false);
applyService.delectEntity("menu",row[0].get('power_id'),function(data){
date= data;
});
dwr.engine.setAsync(true);
if(date == "success"){
store_power.reload();
}
}
});
}
}
});
//分页控件
var pager = new Ext.PagingToolbar({
pageSize: 2,
store: store_power,
listeners: {"beforechange": function (bbar, params) {
var grid = bbar.ownerCt ;
var store = grid.getStore();
var start = params.start;
var limit = params.limit;
alert(store.getCount());
return false;
}
}
});
//列表
grid = new Ext.grid.GridPanel({
sm: sm,
store: store_power,
tbar: [tbtn,tbar,tbarr],
bbar: pager,
colModel: column
});
new Ext.Viewport({
layout:'fit',
items:[grid]
});
});
</script>
<body>
</body>
</html>
相关推荐
原来的系统前端使用了extjs4.2.1,后端使用了PHP5.4和ZEND框架开发，后台数据库是用mongodb2.2.2。 我抽离出了原来系统中的账户管理，角色管理，菜单管理，权限管理这4个部分， 我想这4个部分，基本上所有的系统都会...
此外，开源人vifir.com的后台管理系统也广泛使用EXTJS，涵盖了新闻发布、论坛、博客、专业数据库和客户服务等多个模块。 在技术架构上，EXTJS常与EJS（EasyJWeb+JPA+Spring2.5）后端框架配合使用，实现前后端分离。...
- **许可证**：ExtJS采用GPL（GNU General Public License）开源协议发布，这使得开发者可以在满足一定条件的情况下自由地使用、修改和分发该框架。 #### 二、如何使用ExtJS - **下载与安装**：首先需要从官方网站...
### ExtJS快速入门指南 #### 一、ExtJS框架简介 ExtJS，一款源自美国Sencha...总之，ExtJS是一个功能全面、易于使用的前端框架，掌握了它的核心概念和技巧，就能高效地构建现代化的Web应用程序，满足各种业务需求。
这个项目“JS仿WIN界面”旨在使用JavaScript、jQuery和ExtJS等技术，创建一个类似Windows操作系统的管理界面。这种界面设计可以提供熟悉的用户体验，帮助用户快速上手并高效地进行操作。作者分享的这个7分版，虽然...
1. **创建项目**：使用`sencha generate app`命令可以快速创建一个新的Ext JS或Sencha Touch应用结构，自动配置好文件夹和基础文件。 2. **构建优化**：通过`sencha app build`命令，可以将源代码转换为生产环境所...
这里有一个我们的成功案例，在2009年8月，我们交付了一套社区管理系统，整个开发周期只有短短的一个月（我们的客户估计要3-4个月），并且bug数量总共不到10条。你也许觉得这不可思议，但是RapidWebDev让这成为了可能...
用户可以在此基础上几天之内完成快速开发企业实用的系统, 一行代码插入数据，一行代码更新数据等。 开发环境：Winxp/Win7+MS SQL2005/2008+VS2010+.NetFramework4+C# 默认管理员登录名密码为：xiao 123 萧 QQ:...