html – 在div中渲染Ext.application

概述我试图在我们现有的网站模板中运行ExtJS4 Ext.application。我们有一个div #content，我想将其应用于开发中。如何将应用程序呈现到此区域，而不是替换现有的HTML页面？ Ext.application({ name: 'HelloExt', launch: function() { Ext.create('Ext.container.Vie 我试图在我们现有的网站模板中运行ExtJs4 Ext.application。我们有一个div #content，我想将其应用于开发中。如何将应用程序呈现到此区域，而不是替换现有的HTML页面？

Ext.application({    name: 'HelloExt',launch: function() {        Ext.create('Ext.container.VIEwport',{            layout: 'fit',//   renderTo: Ext.Element.get('#content')  doesn't work            items: [                {                    Title: 'Hello Ext',HTML : 'Hello! Welcome to Ext Js.'                }            ]        });    }});

解决方法 您需要使用除Ext.container.VIEwport之外的其他容器。由定义器Ext.container.VIEwport将始终占据整个浏览器窗口。

从文档：

The VIEwport renders itself to the document body,and automatically sizes itself to the size of the browser vIEwport and manages window resizing. There may only be one VIEwport created in a page.

只需使用Ext.panel.Panel

Ext.application({    name: 'HelloExt',launch: function() {        Ext.create('Ext.panel.Panel',renderTo: Ext.get('content')            items: [                {                    Title: 'Hello Ext',HTML : 'Hello! Welcome to Ext Js.'                }            ]        });    }});

总结

以上是内存溢出为你收集整理的html – 在div中渲染Ext.application全部内容，希望文章能够帮你解决html – 在div中渲染Ext.application所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。