Ext.require(['Ext.form.Panel']);

Ext.application({

    name: 'MyApp',

    icon: 'images/icon.png',

    glossOnIcon: false,

    phoneStartupScreen: 'images/phone_startup.png',

    tabletStartupScreen: 'images/tablet_startup.png',

    launch: function(){

        var company = {

            name: '北京百度公司',

            email: 'info@baidu.com',

            address: '上地哈哈大厦',

            city: '北京',

            zip: '',

            employer:[{

                name: '张三',

                age:

            },{

                name: '李四',

                age:

            },{

                name: '王五',

                age:

            }]

        };

        var tpl = new Ext.XTemplate(

            '<p>公司：<br />',

            '<tpl for=".">',

                '名称：{name}<br />',

                '地址：{city}{address}<br />',

                'email：{email}<br />',

                'zip：{zip}<br />',

                '<p>员工：',

                '<tpl for="employer">',

                    '<p>{#}.姓名：{name}，年龄：{age}',

                '</tpl>',

            '</tpl>'

        );

        var tplHtml = tpl.apply(company);

        var myPanel = Ext.create('Ext.Panel',{

            html: tplHtml

        });

        Ext.Viewport.add(myPanel);

    }

});