其他分享
首页 > 其他分享> > uniGUI学习之脱离Delphi直接写ExtJS从入门到精通04官方文档查找办法_例如_Ext.Window(48)

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通04官方文档查找办法_例如_Ext.Window(48)

作者:互联网

ExtJs中文入门教程https://www.cnblogs.com/iamlilinfeng/archive/2012/12/31/2840663.html

 

官方源代码 要拷到 写字板write.exe 或者Word  , 记事本Notepad 不行,因为 换行符的 问题

ContractedBlock.gifExpandedBlockStart.gif
Ext.create('Ext.window.Window', {
    title: 'Hello',
    height: 200,
    width: 400,
    layout: 'fit',
    items: {  // Let's put an empty grid in just to illustrate fit layout
        xtype: 'grid',
        border: false,
        columns: [{header: 'World'}],                 // One header just for show. There's no data,
        store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
    }
}).show();
官方源代码

可运行代码

<link  rel="stylesheet" href="theme-triton-all.css">
<script src="ext-all.js"></script> 
<script>     Ext.onReady(function () { <!--------------------------------------------------------------------------------->

            var win = new Ext.Window({
                title: '窗口',
                width: 476,
                height: 374,
                html: '<div>这里是窗体内容</div>',
                resizable: true,
                modal: true,  <!--是否为模态窗体[什么是模态窗体?当你打开这个窗体以后,如果不能对其他的窗体进行操作,那么这个窗体就是模态窗体,否则为非模态窗体]。-->
                closable: true,
                maximizable: true,
                minimizable: true
            });
            win.show();<!--直接调用,不用另写HTML<div>标签-->

}); </script> <!----------------------------------------------------------------------------------------------------------->

标签:uniGUI,04,show,data,Window,Ext,源代码,true
来源: https://blog.51cto.com/u_15216366/2969361