<%@ 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>
相关推荐
"ExtJs教学管理系统"是一个基于ExtJs框架和.Net后端技术构建的应用程序，旨在提供一套教育机构或学校使用的教学管理解决方案。此系统可能包括学生管理、课程管理、成绩管理、教师管理等多个模块，以帮助教育工作者...
ExtJs管理系统是一个基于JavaScript的前端开发框架，用于构建企业级的Web应用程序，尤其适用于创建复杂的、数据驱动的用户界面。这个系统充分利用了ExtJs提供的组件化、可重用的UI元素，以及强大的数据绑定和远程...
ExtJS物流管理系统是一款基于Web的物流管理解决方案，利用先进的前端技术ExtJS和后端框架SSH（Struts2、Spring、Hibernate）实现。该系统旨在提供高效、便捷的物流业务流程管理，包括货物跟踪、订单处理、仓储管理等...
本文将详细介绍一个使用ExtJS开发的图书管理系统，该系统同时结合了Spring和iBATIS作为其核心架构组件。 首先，ExtJS是一个流行的JavaScript库，用于构建桌面级的Web应用程序。它提供了丰富的UI组件，如表格、窗口...
在“图书管理系统”这个项目中，Extjs被用来实现用户界面的交互和展示，提供了丰富的组件库，如表格、面板、窗口、菜单等，使得前端界面既美观又功能强大。配合后端的数据处理，可以提供高效的用户交互体验。 项目...
总结来说，"Extjs酒店管理系统"是一个综合运用了ASP.NET、C#和Extjs 2.0技术的高效解决方案，为酒店行业的日常运营提供了强大支持。通过其现代化的界面和灵活的数据处理能力，系统能够帮助酒店优化管理流程，提高...
总结，EXTJS为合同管理系统的开发带来了高效、灵活和丰富的用户界面，通过其强大的功能，可以打造出满足企业需求的合同管理平台，提升企业的合同管理效率和规范化程度。无论是前端界面设计还是后台数据交互，EXTJS都...
本项目“使用Extjs写的简单酒店管理系统”便是一个基于这个框架的实践案例，它展示了如何利用ExtJS的组件和API来设计和实现一个管理系统的用户界面。 【描述】：项目采用的是Visual Studio 2005（VS2005）作为开发...
ExtJS 文件管理系统是一款基于 ExtJS 框架构建的高效、功能丰富的文件管理应用程序。它提供了用户友好的界面，使得用户能够轻松地进行文件的压缩、解压以及搜索操作。ExtJS 是 Sencha 公司推出的一个强大的 ...
本文将深入探讨一款名为"Extjs版酒店管理系统"的软件，它利用Visual Studio 2005（VS2005）、SQL Server 2000以及Extjs 2.0技术构建，旨在为酒店业提供全面、便捷的信息化解决方案。 首先，让我们关注该系统的开发...
本酒店管理系统采用三层架构，SQL Server数据库。最主要的是采用了Extjs框架。 酒店系统实现了部分功能。aspx后台页面几乎无代码。业务逻辑处理全部采用Extjs自带的函数。对于学习Extjs的框架的程序员实际应用最佳...
总的来说，这个基于ExtJS的通用后台管理系统提供了一个完整的前端界面和后端服务框架，适用于企业内部的日常运营管理。开发者可以在此基础上根据实际需求进行定制化开发，增加或调整功能，以满足特定业务场景。同时...
用extjs框架与go的iris框架进行搭建的一个基础性用户管理系统。 本次的侧重点主要放在Extjs框架的搭建 实现功能： 1.用户登录退出 2.用户信息管理模块 运用extjs框架很好的呈现用户信息，实现分页排序等功能 3....
【标题】"ExtJs制作新闻管理系统"涉及到的关键技术点主要集中在前端开发框架ExtJs的使用上，这是一种基于JavaScript的富互联网应用（RIA）框架。它提供了丰富的组件库，用于构建功能强大、用户界面友好的Web应用程序...
通过这个视频教程，你将学会如何使用ExtJS 5.0、Spring、Spring MVC和Mybatis搭建一个完整的信息管理系统，从需求分析、设计、编码到测试和部署，全方位提升你的开发技能。在学习过程中，建议边看视频边动手实践，...
《Extjs通用权限管理系统》是基于特定技术栈构建的一个企业级应用，主要用于实现用户、角色和权限的精细化管理。在本文中，我们将深入探讨这个系统的架构、主要技术和关键功能。 首先，开发平台的选择至关重要，本...
总结来说，这个“Extjs人力资源管理系统SSH”项目是一个集成了前端ExtJS技术和后端SSH架构的综合系统，旨在提供高效、用户友好的人力资源管理解决方案。通过合理利用这些技术，开发团队能够构建出一个灵活、可扩展且...
Extjs简单版酒店管理系统是一款基于Visual Studio 2005（VS2005）、SQL Server 2000和Extjs 2.0技术构建的Web应用。它旨在提供一个用户友好的界面，实现酒店业务流程的无刷新操作，提高工作效率。下面将详细介绍这个...
总的来说，"jsp extjs Efs管理系统"项目提供了一个集成了JSP、EXTJS和多种数据库的实例，对于学习Web开发、特别是Java Web和前端框架的融合应用，具有很高的参考价值。无论是初学者还是经验丰富的开发者，都能从中...