EXT.JS

最新推荐文章于 2025-10-02 09:12:18 发布

原创最新推荐文章于 2025-10-02 09:12:18 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT.JS

学而不思则罔专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了使用Ext.js框架创建弹出窗口的方法，包括配置窗口的基本属性如宽度、高度、折叠功能等，并展示了如何通过样式文件进行外观定制。此外，还演示了如何使用Ext MessageBox进行简单的消息提示操作，以及调整配置对象参数的注意事项。具体内容涵盖了弹出窗口的创建、样式文件的应用、火狐调试快捷键、Dreamweaver字体更改快捷键、弹出窗口的使用方法、日期选择的限制、输入验证、单选框和复选框的实现等。

1、Ext.Window弹出式窗口：

例如： var win = new Ext.Window({

id='w',

title:'lyr:新窗口',//窗口显示名称

width:300,

height:140,

collapsible:true,//是否可折叠

layout:'column',//布局方式

model:true,

item:[]//窗口需要增加的内容

}).show();//让窗口显示出来

2、样式文件：ext-all.css,框架基础库：ext-base.js,核心库：ext-all.js;

3、火狐调试快捷键ctrl+shift+j

4、dreamweaver 更改字体的快捷键ctrl+U

5、弹出窗口用：对浏览器进行alert(),confirm(),prompt()

Ext.MessageBox.alert('标题','内容',function(btn){

alert(' '+btn);

});

6、在传入config对象时，最后一个成员不能以逗号结束，应该是不加逗号的。

例如：new Ext.Panel({

renderTo:'panelDiv',

html:'内容'

});

7、用disabledDays排除一些日期：

例如：{

                    xtype:'datefield',
                    fieldLabel:'Released',
                    name:'released',
                    disabledDays:[1,2,3,4,5]
}

8、只能校验字母：vtype:'alpha'（不让输入汉字和数字）

9、显示校验提示信息，在onReady函数下面加句Ext.QuickTips.init();就可以。

10、1）单选框：radio{

                    xtype:'radio',
                    fieldLabel:'Filmed in',
                    name:'dilmed in',
                    boxLabel:'Color'
}

2）复选框：checkbox{
                    xtype:'checkbox',
                    fieldLabel:'Bod Movie',
                    name:'bad_movie'

}