最少代码:HelloWorld.html源文件下载

 

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

https://docs.sencha.com/

 

 官方文档:https://docs.sencha.com/extjs/6.5.0/classic/Ext.window.Window.html

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

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> <!----------------------------------------------------------------------------------------------------------->