相关文章
更多最近更新
更多EXTJS关于Panel动态ITEMS的问题
2019-03-25 13:44|来源: 网路
为了大家都看明白,先帖上部分代码:
var layout = new Ext.Panel({
title: 'XXXXXX',
layout: 'fit',
layoutConfig: {
columns: 1
},
items: [page1]
});
layout.render(Ext.getBody());
好,就这样,我的问题是,如果page1是一个字符串~~比如说我从服务器端获取的值是var str = "page1"(当然也会有"page2"之类的),然后我定义Gird时也用page1=new Ext.grid.GridPanel(...); page2=new Ext.grid.GridPanel(...);这种形式,然后我想显示的时候直接通过items: [str]这种形式显示出对应的界面,比如str = "page1",于是items:[page1].
但现在是直接page1可以显示,但变成字符str就不行了.大家有没有什么解决方案,在此谢过.
不知道我说明白没有~~~~~
问题补充:
这个Ext.util.MixedCollection()需要加入什么 JS文件呢?
问题补充:
搞定了,原来map.put("page1",page1); 这句话应该改为map.add("page1",page1);
多谢atian25~你的指导让我学到了很多.
结帖了
var layout = new Ext.Panel({
title: 'XXXXXX',
layout: 'fit',
layoutConfig: {
columns: 1
},
items: [page1]
});
layout.render(Ext.getBody());
好,就这样,我的问题是,如果page1是一个字符串~~比如说我从服务器端获取的值是var str = "page1"(当然也会有"page2"之类的),然后我定义Gird时也用page1=new Ext.grid.GridPanel(...); page2=new Ext.grid.GridPanel(...);这种形式,然后我想显示的时候直接通过items: [str]这种形式显示出对应的界面,比如str = "page1",于是items:[page1].
但现在是直接page1可以显示,但变成字符str就不行了.大家有没有什么解决方案,在此谢过.
不知道我说明白没有~~~~~
问题补充:
这个Ext.util.MixedCollection()需要加入什么 JS文件呢?
问题补充:
搞定了,原来map.put("page1",page1); 这句话应该改为map.add("page1",page1);
多谢atian25~你的指导让我学到了很多.
结帖了
相关问答
更多-
你可以使用bodyStyle配置属性: { xtype: 'panel', border: false, bodyStyle: 'margin: 10px;' items: [ { boxLabel: 'One', xtype: 'checkbox' }, { boxLabel: 'Two', xtype: 'checkbox' } ] } You could use the bodyStyle configuration prope ...
-
尝试在一次通话中添加它们: storeMenu.load({ callback: function(records, op, success) { var panels; Ext.suspendLayouts(); menuPanel.removeAll(); panels = Ext.Array.map(records, function(rec){ var title = rec.get('title'); ...
-
这个问题很容易通过Harald Hanek开发的名为“ Tileview ”的网格面板的精彩功能解决。 该解决方案专为ExtJS 4开发。 基本用法示例如下: var grid = Ext.create("Ext.grid.Panel", { store: ..., columns: [{ header: "Name", dataIndex: "name", }, { header: "Description", dat ...
-
Extjs 4 - 面板与窗口(Extjs 4 - Panel vs Window)[2022-03-15]
Window是一个专门用作应用程序窗口的面板 。 Windows默认为浮动,可调整大小和可拖动。 Windows可以最大化以填充视口,恢复到以前的大小,并且可以最小化。 因此,如果您不需要window具有的任何功能 - 请使用面板。 Window is a specialized panel intended for use as an application window. Windows are floated, resizable, and draggable by default. Windows ... -
以下适用于ExtJs 4.2.2 { xtype: 'panel', ...... header: { titlePosition: 0, items: [ { xtype: 'splitbutton', } ...
-
尝试使用Ext.widget ,例如: var panel = Ext.widget(obj.xtype, obj); Try using Ext.widget instead, like: var panel = Ext.widget(obj.xtype, obj);
-
你应该使用父容器的“add”方法或“setItems”方法(我想你的标题容器),即: var myPanel = Ext.create('Ext.panel.Panel'); var myHeader = Ext.create('Ext.container.Container'); myPanel.add(myHeader); myHeader.add({xtype: 'checkbox'}); You should use the "add" method or the "setItems" me ...
-
您是否需要将手风琴窗格作为Netzke组件? 如果没有,那么你可以尝试类似的东西: def configuration #:nodoc: super.merge({ # ... :items => some_model.all.map{|item| {:item => item.title}} }) end 简而言之,您只需为基于Ext.tab.Panel的类提供动态项配置(取自模型)。 Do you need the accordion panes t ...
-
在initComponent中创建子元素: initComponent: function() { var me = this; me.dpanel = Ext.create('DynamicPanel'); me.dgridpanel = Ext.create('DynamicGridPanel'); me.items = [this.dpanel, this.dgridpanel]; me.callParent(arguments); } 别忘了为网格中的列定义req ...
-
将动态项添加到具有布局折叠的extjs面板(Adding dynamic items to the extjs panel which has layout accordion)[2022-01-20]
您可以轻松解析json字符串以创建组件。 尝试这样的事情: var jsonButton = Ext.create('Ext.button.Button', { text: 'Add child from Json', handler: function() { var jsonString = {"xtype":"panel", "title":"Json Panel","height":50, "width":30};//valid json ...