extjs4中Ext.window.Window窗口控件的介绍

时间:2013-08-14 20:10:03  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:;    代码如下 复制代码
  正文:文章来介绍了这个extjs(第二电脑网http://www.002pc.com)4的控制是一个窗口控件,窗口控件与面板控件基本类似,只不过他看起来像一个窗口,具备最大化,最小化,打开关闭、拖动等窗口操作,下面看看窗口生成代码

下面看看面板生成代码:

[html] 
 

 代码如下 复制代码
   <h1>窗口</h1>
    <div class="content" style="height:300px">
    <button id="button1">打开窗口</button>
        <div id="win1"></div>
    </div>

[js(第二电脑网http://www.002pc.com)]

 代码如下 复制代码

Ext.onReady(function () {
    var window1 = Ext.create('Ext.window.Window', {
        applyTo: 'win1',
        layout: 'table',            //内部元素布局方式{absolute accordion anchor border card column fit form table}
        width: 500,
        height: 200,
        closeAction: 'hide',        //窗口关闭的方式:hide/close
        plain: true,
        title: "窗口标题",
        maximizable: true,          //是否可以最大化
        minimizable: true,          //是否可以最小化
        closable: false,            //是否可以关闭
        modal: true,                //是否为模态窗口
        resizable: false,           //是否可以改变窗口大小
        items: [{
            text: '按钮',
            xtype: "button"
        }, {
            width: 214,
            minValue: 0,
            maxValue: 100,
            value: 50,
            xtype: "slider"
        }, {
            xtype: "button",
            text: '一个菜单',
            width: "60px",
            height: "15px",
            menu: {
                items: [
                            new Ext.ColorPalette({
                                listeners: {
                                    select: function (cp, color) {
                                        Ext.Msg.alert('颜色选择', '你选择了' + color + '。');
                                    }
                                }
                            }), '-',
                            { text: '菜单项1' }, { text: '菜单项2' }, { text: '菜单项3' }
                        ]
            }
        }],


extjs4中Ext.window.Window窗口控件的介绍》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/27086.html


关于《extjs4中Ext.window.Window窗口控件的介绍》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td