extjs 首页??

如何在tabpanel中加入 n个模块(panel)..希望是动态设置的。。。
讲一下思路吧。。

16个回答

网上下载的! 我把我下载的api给你发站内信吧

[url]http://chemzqm.iteye.com/blog/642296[/url] 看看这个人写的博客

就是通过ajax请求一个js的方式
我项目里都采用这样的方式
(当然还有autoload 或者iframe)

[url]http://microboat.iteye.com/blog/186956[/url]

这个就是我说的通过ajax请求一个js的应用例子

如果代码下载不下来 可以给我发站内信

你说的 哎 不是很清楚
总之还是 new panel
然后tab调用add进去new的panel

数据加载关键还是取得store 然后load 可以携带参数

一行几列 可以采用列布局或者hbox
我是比较熟悉列布局写法

官方api中
[code="java"]var p = new Ext.Panel({
title: 'Column Layout - Percentage Only',
layout:'column',//指定列布局
items: [{
title: 'Column 1',
columnWidth: .25//这一行的宽度 .25代表0.25
},{
title: 'Column 2',
columnWidth: .6
},{
title: 'Column 3',
columnWidth: .15
}]
});
[/code]

store在请求前 可以
这样store.setBaseParam("参数名","参数值")
或者类似
[code="java"] store.on('beforeload', function() {

var combo = jcjbxx_comboAllJcxxMc;

var baseParams={
queryJcid:combo.getValue()
};
Ext.apply(this.baseParams, baseParams);
});
store.load({params:{start:0,limit:pageSize}}); [/code]

当然可以

[code="java"] <br> Ext.onReady(function(){</p> <pre><code>var tabs = new Ext.TabPanel({ renderTo: document.body, activeTab: 0, height: 400 }); var form1 = new Ext.form.FormPanel({ labelAlign: &#39;right&#39;, labelWidth: 50, frame:true, items:[{ layout:&#39;column&#39;,//指定列布局 items: [{ title: &#39;Column 1&#39;, html:&quot;dsdd&quot;,//这里可以放items 想放啥就放啥 height:400, xtype:&quot;panel&quot;, columnWidth: .33 },{ title: &#39;Column 2&#39;, html:&quot;dsdd&quot;, xtype:&quot;panel&quot;, columnWidth: .33 },{ title: &#39;Column 3&#39;, html:&quot;dsdd&quot;, columnWidth: .33 }] } ] }); var p = new Ext.Panel({ title:&quot;标题&quot;, draggable: false, closable: true, layout:&quot;fit&quot;, items:[form1] }); tabs.add(p); tabs.setActiveTab(p); tabs.doLayout(); </code></pre> <p>});<br>



或者
[code="java"] <br> Ext.onReady(function(){</p> <pre><code>var tabs = new Ext.TabPanel({ renderTo: document.body, activeTab: 0, height: 400 }); var pn= new Ext.Panel({ labelAlign: &#39;right&#39;, labelWidth: 50, frame:true, items:[{ layout:&#39;column&#39;,//指定列布局 items: [{ title: &#39;Column 1&#39;, html:&quot;dsdd&quot;,//这里可以放items 想放啥就放啥 height:400, xtype:&quot;panel&quot;, columnWidth: .33 },{ title: &#39;Column 2&#39;, html:&quot;dsdd&quot;, xtype:&quot;panel&quot;, columnWidth: .33 },{ title: &#39;Column 3&#39;, html:&quot;dsdd&quot;, columnWidth: .33 }] } ] }); var p = new Ext.Panel({ title:&quot;标题&quot;, draggable: false, closable: true, layout:&quot;fit&quot;, items:[pn] }); tabs.add(p); tabs.setActiveTab(p); tabs.doLayout(); </code></pre> <p>});<br>



不知道为何你的需要很长时间

如果不是代码原因 可以加个等待的提示 比方正在加载中...

共16条数据 1 尾页
立即提问