ext页面加载菜单初始化问题

最新推荐文章于 2024-07-12 16:27:40 发布

lqweb

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量940

点赞数

文章标签： extjs javascript ViewUI

本文链接：https://blog.csdn.net/lqweb/article/details/84269957

版权

ext3.2.0版本用的布局是上下布局，但是在上面放了一个toolbar，toolbar里面的数据是从数据库中读过来的但是页面加载进来时toolbar上面没有任何数据。
但是只有点viewport上部分的伸缩条才可以出来。这是什么原因啊？
红色字体为主要代码。。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.cnodc.database.SqlUtil;"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
//PFUser pfUser = (PFUser) request.getSession().getAttribute("pfuser");
String menu_id = request.getParameter("menuID");
//String username= pfUser.getUserName();
SqlUtil sqlUtil = new SqlUtil();
String sysName = sqlUtil.sql_select_one("select colname from sys_base_enum where colcode='10101001'");
String act = request.getParameter("open");
String keyid = request.getParameter("keyid")==null?"1000000000000":request.getParameter("keyid");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'mains.jsp' starting page</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="<%=request.getContextPath()%>/ext-3.2.0/resources/css/ext-all.css" type="text/css"></link>
<script type="text/javascript" src="<%=request.getContextPath()%>/ext-3.2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/ext-3.2.0/ext-all.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/base/js/prototype.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/chat/js/chat.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/media/js/EventRemind.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/EventRemind.js"></script>
<script type="text/javascript">
Ext.onReady(function(){

//初始化是调用js
var towhere = false;
function openwin(){
var type = "555";
if(type == "main"){
addtab("首页","/main/main.jsp","1101","0");
}
if(type == "gxxx"){
addtab("共享信息","/xxbedit.do?act=list&orderby=init","1223615343949405","0");
}
if(type == "desk"){
//addtab("桌面管理","/desk3.do?method=showDesk&","1291078198198620","0");
addtab("桌面管理","/desk3.do?method=showDesk&","1291078198198620","0");
}
if(type == "detailed"){
addtab("桌面管理","/desk3.do?method=showDesk&keyid=55","1291078198198620","0");
}
}
function doit(){
if (document.readyState=="complete") {
openwin();
}
}
var tabpanel=null;//定义面板
tabpanel = new Ext.TabPanel ({activeTab:0,autoWidth:true,border:false,frame:false,
id:"TabPanelID",
//html:"<iframe src='main/main.jsp' width='100%' height='100%' frameborder='0'></iframe>",
bodyStyle:'background-image:url(/images/bg.jpg);background-repeat:no-repeat;background-position:center;background-attachment: fixed;width:100%',
enableTabScroll:true,region:'center',listeners:{'tabchange':function(){

// document.frames.item('frame_'+tabpanel.getActiveTab().id).location.reload();
}}
});
var toolbar=null;//定义工具条
var featureId=null;
var themeId=null;
//定义toolbar
[color=red]toolbar = new Ext.Toolbar ({border:false,id:"toolbars",height:90, style: 'background-image:url(/images/button/xt_07.jpg)'} );[/color] //定义上部的面板
var panel_north = new Ext.Panel ({ id:"panel_north", height:90, region:"north",frame:false,border:false,items:[toolbar] });
[color=red] // 布局基本框架
var viewport=new Ext.Viewport({
layout:'border',
defaults:{collapsible:true,split:true},
items:[
{
height:20,
region:'north',
style: 'background-image:url(/images/button/xt_07.jpg)',
items:[toolbar]
},
tabpanel
]
}); [/color]
//动态添加tab页面，
function addtab(name,myurl,myid,target){
//alert(myurl); //循环遍历
clearAction();
//alert(target);
if (target=="1") //解决彭提出的新窗口弹出问题
{
if(name=="图片系统"){//20120702修改单点登录图片系统---刘庆
var username='4444';
var url = "http://10.8.1.40:9090/pic/login.do?act=ok&username="+username; //转向网页的地址;//10.8.1.40
var iWidth = 1024; //弹出窗口的宽度;
var iHeight = 600; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
window.open (url,'newwindow','height='+iHeight+',innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=yes,menubar=yes,scrollbars=yes, resizable=yes,location=yes, status=yes');
return;
}else{
window.open (myurl,'newwindow');
return;
}
}
var flag=0;
//判断是否存在，如果是那么激活
tabpanel.items.each(function(item){
if (item.id==myid)
{ tabpanel.setActiveTab(item); flag=1; return;}// tabpanel.load({url:myurl, scripts:true});
})
if (flag==1) return;
//iframe方式 src="'+myurl+'"必须写，否则riefox不能用
tabpanel.add( {
title:name,id:myid,closable:true,frame:false, region: 'center', layout:'fit',
html:'<iframe src="<%=request.getContextPath()%>'+myurl+'" name="frame_'+myid+'" id="'+myid+'" width="100%" " marginwidth="0" height="100%" marginheight="0" frameborder="0"></iframe>'
}).show();};
// document.frames.item('frame_'+tabpanel.getActiveTab().id).location.href = myurl;
//会造成日志重复

//autoload方式
// tabpanel.add({ // html:name+tabpanel.items.length,
// title:name, id:myid, frame:true,
// closable:true, autoLoad :{url:myurl, scripts:true} });
//激活刚添加的tab
// tabpanel.setActiveTab(myid);
//

//调用ajax，获取菜单数据
Ext.Ajax.request({
url : '<%=request.getContextPath()%>/menuAction.do?method=plat_top_menu', method:'POST',
success:function(response, options) {
var myobj= response.responseText.evalJSON(true); //获取数据
[color=red]//插入item

var menu="-";
for (i=0;i<myobj.items.length;i++)
{
if ( myobj.items[i].pid=='0') //如果是顶级建立数据
{
menu=menu+",{xtype:'button',id:'"+myobj.items[i].id
+"',text:'"+myobj.items[i].ch_name
+"',hideDelay:100,scale:'large',iconAlign:'top',width:75,height:60, cls:'x-btn-text-icon',icon:'"+myobj.items[i].iconsrc+"'";
if (myobj.items[i].ifdirs=="1")
menu=menu +",listeners:{'click': function(){addtab('"+myobj.items[i].ch_name+"','"+myobj.items[i].actionurl+"','"+myobj.items[i].id+"','"+myobj.items[i].targets+"')}}";
var str2=addmenuitem(myobj,myobj.items[i].id);
// var str2="";
if (str2=="")
menu=menu+"}";
else
menu=menu + ","+ str2+" }";

}
} // id , icon,text
var mymenu=menu.substring(2,menu.length);
document.getElementById("ess").value=mymenu;
//alert(mymenu);// toolbar.addText(mymenu);// 弹出菜单类表信息
var kk=[
"["+mymenu+"]" ];
kk=eval('('+kk+')');
toolbar.addButton(kk);
toolbar.addFill();
toolbar.addButton({
text: '个人设置', cls: 'x-btn-text-icon',icon:'ext.bmp', handler: function(o, e) {
// alert("个人设置");
var win=new Ext.Window({title:"个人设置",
width:360,
height:250,
//resizable : false,
frame:true,
layout:'fit',
modal : true,
isTopContainer : true,
//maximizable:true,
contentEl : Ext.DomHelper.append(document.body, {
tag : 'iframe',
scrolling:'no',
frame:true,
style : "border 0px none ",
src : '<%=request.getContextPath()%>/userSelfAction.do?method=getUserSelfForward&menuID=1224136291201539',
height : "100%",
width : "100%"
})

});
win.show();
}
}); [/color] toolbar.addButton({
text: '注销', cls: 'x-btn-text-icon',icon:'ext.bmp', handler: function(o, e) {
if(confirm("确定要注销吗？")){
loginOut();
window.location.href="<%=request.getContextPath()%>/index.jsp";
}
}
});
toolbar.addButton({
text: '反馈建议',autoheight:true, cls: 'x-btn-text-icon',icon:'ext.bmp', handler: function(o, e) {

var win=new Ext.Window({title:"反馈建议",
width:650,
height:380,
frame:true,
layout:'fit',
modal : true,
isTopContainer : true,
contentEl : Ext.DomHelper.append(document.body, {
tag : 'iframe',
scrolling:'no',
frame:true,
style : "border 0px none ",
src : '<%=request.getContextPath()%>/suggest.jsp',
height : "100%",
width : "100%"
})

});
win.show();
}
});

},
failure:function(){
Ext.Msg.alert("提示信息","菜单加载失败,请稍后重试！");
}
})

var toolbar1 = new Ext.Toolbar ({border:false,region:"north" ,height:100 } );

});
function clearAction()
{
featureId=null;
themeId=null;
//alert("themeId---"+themeId);
}
//获得菜单数据
function addmenuitem(myobj,id)
{
var retrunstr="";
var retrunstr_pre="menu: new Ext.menu.Menu({items:[";
for (var k=0;k<myobj.items.length;k++)
{
if ( myobj.items[k].pid==id) //如果是顶级建立数据
{
retrunstr=retrunstr+"{id:'"+myobj.items[k].id
+"',text:'"+myobj.items[k].ch_name
+"',hideDelay:100, cls: 'x-btn-text-icon',icon:'"+myobj.items[k].iconsrc+"'";
if (myobj.items[k].ifdirs=="1")
retrunstr=retrunstr +",listeners:{'click': function(){ addtab('"+myobj.items[k].ch_name+"','"+myobj.items[k].actionurl+"','"+myobj.items[k].id+"','"+myobj.items[k].targets+"')}}"
var str21=addmenuitem(myobj,myobj.items[k].id);
if (str21=="")
retrunstr=retrunstr+"},";
else
retrunstr=retrunstr + ","+ str21+" },";
// retrunstr=retrunstr + addmenuitem(myobj,myobj.items[k].id)+" },";
}
}
if (retrunstr=="")
retrunstr_pre="";
else
retrunstr= retrunstr_pre+retrunstr.substring(0,retrunstr.length-1)+"]})";
return retrunstr;
}

</script>
</head>

<body>
<input type="text" id="ess" name="ess" value="">
<DIV id="divMsg" style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden;
BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 280px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 180px; BACKGROUND-COLOR: #5eb8ec">
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 12px;COLOR: #0f2c8c" width="30" height="24"></TD>
<TD style="FONT-WEIGHT: normal; FONT-SIZE: 12px;COLOR: #1f336b; PADDING-TOP: 4px;PADDING-left: 4px" vAlign=center width="100%"> 事件提醒：</TD>
<TD style="PADDING-TOP: 2px;PADDING-right:2px" vAlign=center align=right width=19><span title=关闭 style="CURSOR: hand;color:red;font-size:18px;
font-weight:bold;margin-right:4px;" οnclick=closeDiv() >×</span></TD>
</TR>
<TR>
<TD style="PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px" colSpan="3" height="180">
<DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM:
13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">

<span id="EventContent"></span>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<input type="hidden" id="event_menu_id" value="<%=menu_id %>" name="event_menu_id"/>


</body>
</html>

lqweb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ext页面加载菜单初始化问题

ext3.2.0版本用的布局是上下布局，但是在上面放了一个toolbar，toolbar里面的数据是从数据库中读过来的但是页面加载进来时toolbar上面没有任何数据。但是只有点viewport上部分的伸缩条才可以出来。这是什么原因啊？红色字体为主要代码。。 My JSP 'mains.jsp' starting page ...
复制链接

扫一扫