Extjs后台管理系统模板
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>Extjs后台管理系统模板</title>
<meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link rel="stylesheet" href="ext/resources/css/ext-all.css" /><script type="text/javascript" src="ext/ext-base.js"></script><script type="text/javascript" src="ext/ext-all.js"></script><script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/small-debug.js"></script><script type="text/javascript" src="js/usermenu.js"></script> </head>
<body> <div id="tree"></div> </body></html>Ext.onReady(function() {
var tree = new Ext.tree.TreePanel( { rootVisible : false }); var tree = new Ext.tree.TreePanel( {}); var root = new Ext.tree.AsyncTreeNode( { text : '后台管理', id : '0', children : [ { text : '权限管理', id : '01', children : [ // {text:' 资源 ',leaf:true,id:'11'}, { text : ' 用户 ', leaf : true, id : '12' }, { text : ' 角色 ', leaf : true, id : '13' } ] }, { text : '分类管理', leaf : true, id : '02' }, { text : '专题管理', leaf : true, id : '03' }, { text : '信息管理', leaf : true, id : '04' }, { text : '审核 ', leaf : true, id : '05' }, { text : '搜索 ', leaf : true, id : '06' }, { text : '退出', leaf : true, id : '41', listeners : { 'click' : function() { parent.window.location.href = 'http://www.baidu.com'; } } } ] }); tree.setRootNode(root); tree.render("tree"); tree.expandAll();// 默认展开全部
tree .on("click", function(node) { var nodeId = node.id; var n = contentPanel.getComponent(node.id); // 资源 // if(nodeId==11){ // if(!n) // { // n=contentPanel.add({ // 'id':node.id, // 'title':node.text, // closable:true, // html:'<iframe scrolling="no" frameborder="0" // width="100%" height="630" src="test.html"></iframe>' // }); // }; // }
// 用户 if (nodeId == 12) { Ext.Ajax .request( { url : 'PermissionProving?object=users', method : 'post', success : function(response) { var obj = Ext .decode(response.responseText); if (obj.success == true) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); contentPanel .setActiveTab(n); } ; } else { Ext.Msg.alert('您好,您不是管理员。', '无权限使用该功能,有需要请与管理员联系。'); } }, failure : function(response, opts) { Ext.Msg.alert('消息', '服务器未响应!'); } }); }
// 角色 if (nodeId == 13) { Ext.Ajax .request( { url : 'PermissionProving?object=group', method : 'post', success : function(response) { var obj = Ext .decode(response.responseText); if (obj.success == true) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); contentPanel .setActiveTab(n); } ; } else { Ext.Msg.alert('您好,您的用户不隶属于任何角色。', '无权限使用该功能,有需要请与管理员联系。'); } }, failure : function(response, opts) { Ext.Msg.alert('消息', '服务器未响应!'); } }); }
// 分类管理 if (nodeId == 02) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); } ; }
// 专题管理 if (nodeId == 03) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); } ; } // 信息管理 if (nodeId == 04) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); } ; }
// 审核 if (nodeId == 05) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); } ; }
// 搜索 if (nodeId == 06) { if (!n) { n = contentPanel .add( { 'id' : node.id, 'title' : node.text, closable : true, html : '<iframe scrolling="no" frameborder="0" width="100%" height="620" src="http://www.baidu.com"></iframe>' }); } ; }
contentPanel.setActiveTab(n); })
});
Ext.onReady(function(){
var viewport=new Ext.Viewport({ layout:'border', frame:'true', items:[ {region:'north',//contentEl:'head' height:100, html:'<center><font color="red" size="12" style="margin:-15px 0px 0px 0px">后台管理系统</font></center>' }, {region:'center', items:[ contentPanel=new Ext.TabPanel({ id:'centerP', enableTabScroll:true,//能够滚动收缩 activeTab:0,//激活第一个标签 items:[{ id:'homePage', layout:'fit', title:'首页', autoScroll:true, html:'<iframe scrolling="auto" frameborder="0" width="100%" height="630" src="index.jsp"></iframe>' }] }) ] }, {region:'west',title:'菜单',split:false,width:150,minSize:100,maxSize:200,collapsible:true,contentEl:'tree'}, {region:'south',height:46,html:'<center><font color="red" size="4">order by:潴哥哥</font></center>'} ] });});
Extjs后台管理系统模板相关推荐
- 3YAdmin-专注通用权限控制与表单的后台管理系统模板
3YAdmin基于React+Antd构建.GitHub搜索React+Antd+Admin出来的结果没有上百也有几十个,为什么还要写这个东西呢? 一个后台管理系统的核心我认为应该是权限控制,表单以及 ...
- element ui 前台模板_SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示...
前提: (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y ...
- Atlantis Lite蓝色精品后台管理系统模板
简介: Atlantis Lite蓝色精品后台管理系统模板 网盘下载地址: http://kekewl.org/cFhOdAXaEEx0 图片:
- HTML+CSS物业后台管理系统模板
简介: 简单说明下这款物业后台管理系统模板,HTML+CSS开发,采用frame框架开发. 带登录和后台主页+表单样式,其余的可以根据这些页面修改下就可以了. 网盘下载地址: http://kekew ...
- 开箱即用,这些 Vue3 后台管理系统模板绝对让你爽歪歪!
原文链接:Vue3 后台管理系统模板推荐. 之前写了一篇关于 Vue2 的后台管理系统模板的推荐,详情请见 Vue后台管理系统模板推荐. Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vu ...
- 各种风格登录页响应式html5模板 Admin后台管理系统模板手机wap登录页html模板html会员登录页面模板源码70多套高大尚响应式网站模板html5网页静态模板Bootstrap扁平化网站源码
各种风格登录页响应式html5模板 Admin后台管理系统模板手机wap登录页html模板html会员登录页面模板源码70多套高大尚响应式网站模板html5网页静态模板Bootstrap扁平化网站源码 ...
- web-前端之后台管理系统模板首页
这个是自己参照模板写出来的后台管理系统模板,只是一个前端框架 其中包含很多个界面,后面会陆续发出来,请往下看...... ![这是首页的制作](https://img-blog.csdn.net/20 ...
- 光年(Light Year Admin)后台管理系统模板
简介: 光年(Light Year Admin)后台管理系统模板是一个基于Bootstrap v3.3.7的纯html模板. 简洁而清新的后台模板,功能虽少,倒也满足简单的后台功能,也能够快速上手,希 ...
- CRM后台管理系统:HTML+CSS+JavaScript制作企业网站后台管理系统模板网站(46个页面)
CRM后台管理系统:HTML+CSS+JavaScript制作企业网站后台管理系统模板网站(46个页面) 一款使用Bootstrap构建,多个主页版本的企业网站后台管理系统,咨询管理,数据统计后台管理 ...
最新文章
- 动态卷积系列工作的基础:CondCov按需定制的卷积权重
- [实战]HM-Router configuration for TP ROOM
- golang 数组 最后一个_Golang 速览
- 纪中A组模拟赛总结(2021.7.13)
- 从头学习linux C 冒泡法排序
- log4j 控制台和文件输出乱码问题解决
- python中变量名后的逗号_Python中逗号的三种作用实例分析
- Spring-自定义类实现AOP(八)
- “疯狂猜成语”软件用户体验
- 简记SqueezeNet
- xboxone硬盘坏的表现_移动硬盘打不开认不到以后的数据恢复所需要涉及到知识与恢复过程...
- Java转换坐标系,GPS(WGS84)、百度(BD-09)、高德(GCJ-02)互转,一文搞懂坐标系、坐标转换
- 网页进行QQ聊天简单应用
- 电脑显示windows无服务器,win10电脑提示windows似乎未正确加载_网站服务器运行维护...
- 华为太极magisk安装教程_小米手机官方REC装面具(magisk)教程
- VMware Workstation 三种网络连接配置详解
- 大数据相关开源项目汇总
- 【转载】一个硕士程序员的求婚日记——做开发的不是木头人!
- centos7部署openwhisk
- 卢松松博客2018年年度推荐阅读文章