如何在extjs4中嵌入一个html页面

时间:2013-04-18 02:31:36

标签: extjs extjs4

我从extjs 4开始,我目前的问题:插入一个HTML代码。在这里,我需要将该代码插入“项目”。所以我不应该缺乏经验。期待获得人们的帮助

“这是代码”

 Ext.define('MyDesktop.mytree', {
        extend: 'Ext.ux.desktop.Module',
        requires: [
           'Ext.tree.Panel',
           'Ext.data.TreeStore',
            'Ext.form.field.HtmlEditor',

        ],

        id:'tree',

        init : function(){
            this.launcher = {         
                //title
                text: 'My Computer',
                //icon
                iconCls:'notepad'

            };
        },


        createWindow : function(){

            var desktop = this.app.getDesktop();
            var win = desktop.getWindow('tree');        
            if(!win){
                win = desktop.createWindow({
                    id: 'tree',
                    title:'MyComputer',

                    width:600,
                    height:400,
                    iconCls: 'notepad',
                    animCollapse:false,
                    border: false,
                    hideMode: 'offsets',
                    columns:3,


                      items: [
                            {


                            },



                        ]         
                });

            }

            return win;
        }   

    });

1 个答案:

答案 0 :(得分:1)

您可以通过三种方式在ExtJS中应用HTML代码   1. html配置   2. autoEl config   3. XTemplate类

请参阅以下链接以获取指南和示例。

http://www.marcusschiesser.de/2009/01/3-ways-to-render-html-inside-of-a-extjs-container/

感谢。