本文目录一览：
- 1、怎么样理解Jsp页面里面写的Ext代码，或者是怎么把界面显示出来的
- 2、ExtJS 中JS页面如何调用另外一个XX.jsp页面javascript中的方法?
- 3、extjs里面怎么嵌入JSP页面
- 4、extjs如何在jsp中使用
- 5、我用extjs在面板上引用了一个jsp页面，但是不能全部显示，应该设置什么属性啊
怎么样理解Jsp页面里面写的Ext代码，或者是怎么把界面显示出来的
jsp页面中是一部分页面布局是通过extjs代码来展示的。
比如：
var htmlPanel = new Ext.Panel( {
width : '100%',
height : '100%',
autoScroll : false,
frame : true,
html : 'div id="sna_html"/div',//div页面在这里显示
listeners : {
'beforerender' : function() {
Ext.Ajax( {
url : request.do',//请求
params : {
id:id//整个是参数，没有的不用写
},
success : function(ret) {
document.getElementById("sna_html").innerHTML = ret;//动态的将页面加载
},
waitmsg : "请求中......."
});
}
}
});
以上代码：只是动态的将jsp页面加载到了div中。
ExtJS 中JS页面如何调用另外一个XX.jsp页面javascript中的方法?
ExtJS 中JS页面是不可以跨jsp页面去调用jsp页面的js方法的。需要把js函数写到extjs才可以调用。
DJSLoader=function(){
this.init=function(opt){};
this.JS=new Array();
this.loadJS=function(file,path){
path=path?path:'';
var script=document.getElementsByTagName("script");
var i,j;
for (i=0,j=script.length;ij;i++){
if (script[i].getAttribute("src") == (path+file)){
return;
}
}
var _script=document.createElement("script");
_script.type="text/javascript";
_script.src="test.js";
var st=new Object();
st.file=file;
st.path=path;
st.loaded=false;
this.JS.push(st);
_script.onload=function(obj){
obj.setJSStatus(file,true,path);
}.createDelegate(_script,[this]);
_script.onreadystatechange=function(obj){
if ( this.readyState=='loaded' || this.readyState=='complete' ) {
obj.setJSStatus(file,true,path);
}
}.createDelegate(_script,[this]);
document.getElementsByTagName("head")[0].appendChild(_script);
};
以上方法调用完成后，要调用的js文件已经加载到当前extjs页面了，那么就可以直接调用了。
extjs里面怎么嵌入JSP页面
你说的是在ExtJS控件里面引入jsp页面吗，可以这么做：
例如要在一个panel或者tabPanel的标签页里引入某个jsp页面时，可以使用这些控件的html标签，
html : 'iframe src= "jsp页面的路径" width="100%" height="100%" marginwidth="0" framespacing="0" marginheight="0" frameborder="0" /iframe
extjs如何在jsp中使用
首先将extjs文件夹复制到WebRoot目录下，然后新建JSP
%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " "
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/
script type="text/javascript" src="extjs/ext-base.js"/script
script type="text/javascript" src="extjs/ext-all.js"/script
script type="text/javascript" src="extjs/ext-lang-zh_CN.js"/script
script type="text/javascript" src="jsp.index.js"/script
titleInsert title here/title
link rel="stylesheet" type="text/css" href="css/db_browser.css"
/head
body
/body
/html
然后建相应的JS文件
Ext.onReady(function(){
Ext.Msg.alert('ExtJs' ,'这是一个ExtJs的对话框。');
});
或者把上面这段代码放到JSP中也可以。
启动服务器，打开浏览器就可以看到效果了。
我用extjs在面板上引用了一个jsp页面，但是不能全部显示，应该设置什么属性啊
你用的是布局是什么，最简单的改为fit
大概是这样
{
xtype:'panel',
layout:'fit'
items:[
{
xtype:'component',
html:'你的jsp'
}
]
}