2 qq 34710125 qq_34710125 于 2016.04.20 19:51 提问

Extjs中panel嵌套不显示的问题
 Ext.namespace("ideaproject.js");
var _login = ideaproject.js;

_login.createPanel = function(){
    var panel = new Ext.Panel({
        renderTo : 'loginpanel',
        layout:"border",
        width:525,
        height:290,
        defaults:{border:false},
        items:[{
            region:"north",
            height:56,
            html:"我是顶部"
        },{
            region:"south",
            width:56,
            html:"我是底部"
        },{
            region:"west",
            width:253,
            html:"我是中左"
        },{
            region:"center",
            html:"我是中心"
        }]
    });
};

_login.createFormPanel=function(){
    var form = new Ext.form.FormPanel({
        defaultType:'textfield',
        labelAlign:'right',
        labelWidth:60,
        region:"center",
        defaults:{border:false},
        items:[
            {fieldLabel:'登录账号',name:'user'}
        ],
        buttons:[{text:'登录'},{text:'取消'}]
    });
};

Ext.onReady(function(){
    _login.createPanel();
    _login.createFormPanel();
    Ext.get('loginpanel').setStyle('position','absolute').center(Ext.getBody());
});

下面是我的js文件

jsp页面上就一个

 <div id="loginpanel"></div>

2个回答

CSDNXIAON
CSDNXIAON   2016.04.20 20:02

extjs panel 中显示 div 中的容
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

showbo
showbo   Ds   Rxr 2016.04.21 09:36

你的formPanel由没有添加到dom中,不是配置region为center就会自动替换到panel里面的center那个位置的。。

     Ext.namespace("ideaproject.js");
    var _login = ideaproject.js;

    _login.createPanel = function () {
        var panel = new Ext.Panel({
            renderTo: 'loginpanel',
            layout: "border",
            width: 525,
            height: 290,
            defaults: { border: false },
            items: [{
                region: "north",
                height: 56,
                html: "我是顶部"
            }, {
                region: "south",
                width: 56,
                html: "我是底部"
            }, {
                region: "west",
                width: 253,
                html: "我是中左"
            }, /*{
                region: "center",
                html: "我是中心"
            }*/form]
        });
    };

    _login.createFormPanel = function () {
        window. form = new Ext.form.FormPanel({
            defaultType: 'textfield',
            labelAlign: 'right',
            labelWidth: 60,
            region: "center",
            defaults: { border: false },
            items: [
                { fieldLabel: '登录账号', name: 'user' }
            ],
            buttons: [{ text: '登录' }, { text: '取消' }]
        });
    };

    Ext.onReady(function () {
        _login.createFormPanel();//注意顺序
        _login.createPanel();
        Ext.get('loginpanel').setStyle('position', 'absolute').center(Ext.getBody());
    });
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
EXT TABPANEL嵌套的布局和滚动条问题
tabpanel有时候设置autoscroll没有用,搞了很久终于明白是什么原因: 没有真正的tabpanel,只是card布局的一个特殊情况而已,真正放到HTML里面的还是一个panel, 所以要使用autoScroll必须在外面使用fit或者border布局,并且里面的items不能使用autoHeight。 var tab=new Ext.TabPanel({ activeTab
Extjs panel 嵌套求帮忙解答
Ext.onReady(function () { Ext.create('Ext.window.Window',{ autoShow:true, width:950, height:550, layout:'absolute', items:p2 }); var p2=Ext.create('Ext.panel.Panel',{ title:'test',
ext中的formpanel嵌套出现的问题
今天把一个概念给搞混了,就是xtype:"form"和layout:"form"。 xtype的时候指的是组件的类型是layout是布局。 今天不小心在一个formPanel里面写了个xtype:"form"就出现了 this.body is null 的错误 仔细对照代码。。发现此问题。。
在写extjs中一个panel里放了3个grid,但就是不显示页面,后台给出数据,前台也有加载数据
在写extjs中一个panel里放了3个grid,但就是不显示页面,后台给出数据,前台也有加载数据
Extjs 的Panel放入iframe的三重方法
//way 1   //it works           var frame1 = document.createElement("IFRAME");           frame1.id = "frame1";           frame1.frameBorder = 0;           frame1.src = "reports/empty-report.html"; 
按照深入浅出extjs中GridPanel显示不出的问题
第三章的示例无法显示,                     03.grid                                 Ext.onReady(function(){     var cm = new Ext.grid.ColumnModel([         {header:'编号',dataIndex:'id'},
Extjs 中在一个Panel中嵌入html元素
代码示例: var menuPanel = new Ext.Panel({ region : "north", //autoHeight : true, split : true, layout : "fit", border : false, contentEl : "north", height:90, collapseMode : "mini",
Extjs4.0.7 实现Grid的嵌套
网上相关资料非常少,我看过的大多是Extjs 3.0 急以前版本的解决方案。 比如:http://mikhailstadnik.com/ext/examples/nested-grid.htm  (Extjs3.0版本的) 但是4以后的就没看到了,经自己研究和参考官方网站资料,终于测试完成。现写下来供大家参考学习: 效果图如下: js文件: Ext.define('Company
ExtJs4.x动态添加组件无法正常显示问题
在一个告警项目中做一个新需求时,前台采用了ExtJs
extjs4 多个panel 列布局
单纯的设置layout:column 好像不行,感觉extjs4跟以前不太一样 找了一个panel 横向布局的例子   Column Layout html, body { font:normal 12px verdana; margin:0; padding:0; bo