欢迎来到天天文库
浏览记录
ID:37152286
大小:1.32 MB
页数:46页
时间:2019-05-19
《EXT_JS实用教程》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、EXT开发指南目录一、EXTJS框架下载:2二、EXTJS使用21.页面引用22.ExtJS调用23.组件体系下图所示:31)组件的使用42)组件的配置属性5三、各功能组件使用方法及介绍101.面板Panel102.窗口Ext.Window143.布局194.表格265.数据存储Store376.树控件42一、EXTJS框架下载:下载地址:http://www.sencha.com/或者http://www.extjs.com二、EXTJS使用1.页面引用2、s/css/ext-all.css"/>2.ExtJS调用在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,程序的代码大致如下:fn3、也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:进一步,我们可以在页面上显示一个窗口,代码如下:1.组件体系下图所示4、:组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有:xtypeClassboxExt.BoxComponent具有边框属性的组件ButtonExt.Button按钮colorpaletteExt.ColorPalette调色板componentExt.Component组件containerExt.Container容器dataviewExt.DataView数据显示视图datepickerExt.DatePicker日期选择面板editorExt.Editor编辑器editorgridExt.grid.EditorGridPanel可编辑5、的表格gridExt.grid.GridPanel表格pagingExt.PagingToolbar工具栏中的间隔panelExt.Panel面板progressExt.ProgressBar进度条splitbuttonExt.SplitButton可分裂的按钮tabpanelExt.TabPanel选项面板treepanelExt.tree.TreePanel树viewportExt.ViewPort视图windowExt.Window窗口工具栏组件有toolbarExt.Toolbar工具栏tbbuttonExt.Toolbar.Button按钮tbfillEx6、t.Toolbar.Fill文件tbitemExt.Toolbar.Item工具条项目tbseparatorExt.Toolbar.Separator工具栏分隔符tbspacerExt.Toolbar.Spacer工具栏空白tbsplitExt.Toolbar.SplitButton工具栏分隔按钮tbtextExt.Toolbar.TextItem工具栏文本项表单及字段组件包含formExt.FormPanelForm面板checkboxExt.form.Checkboxcheckbox录入框comboExt.form.ComboBoxcombo选择项datefie7、ldExt.form.DateField日期选择项fieldExt.form.Field表单字段fieldsetExt.form.FieldSet表单字段组hiddenExt.form.Hidden表单隐藏域htmleditorExt.form.HtmlEditorhtml编辑器numberfieldExt.form.NumberField数字编辑器radioExt.form.Radio单选按钮textareaExt.form.TextArea区域文本框textfieldExt.form.TextField表单文本框timefieldExt.form.TimeF
2、s/css/ext-all.css"/>2.ExtJS调用在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,程序的代码大致如下:fn
3、也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:进一步,我们可以在页面上显示一个窗口,代码如下:1.组件体系下图所示
4、:组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有:xtypeClassboxExt.BoxComponent具有边框属性的组件ButtonExt.Button按钮colorpaletteExt.ColorPalette调色板componentExt.Component组件containerExt.Container容器dataviewExt.DataView数据显示视图datepickerExt.DatePicker日期选择面板editorExt.Editor编辑器editorgridExt.grid.EditorGridPanel可编辑
5、的表格gridExt.grid.GridPanel表格pagingExt.PagingToolbar工具栏中的间隔panelExt.Panel面板progressExt.ProgressBar进度条splitbuttonExt.SplitButton可分裂的按钮tabpanelExt.TabPanel选项面板treepanelExt.tree.TreePanel树viewportExt.ViewPort视图windowExt.Window窗口工具栏组件有toolbarExt.Toolbar工具栏tbbuttonExt.Toolbar.Button按钮tbfillEx
6、t.Toolbar.Fill文件tbitemExt.Toolbar.Item工具条项目tbseparatorExt.Toolbar.Separator工具栏分隔符tbspacerExt.Toolbar.Spacer工具栏空白tbsplitExt.Toolbar.SplitButton工具栏分隔按钮tbtextExt.Toolbar.TextItem工具栏文本项表单及字段组件包含formExt.FormPanelForm面板checkboxExt.form.Checkboxcheckbox录入框comboExt.form.ComboBoxcombo选择项datefie
7、ldExt.form.DateField日期选择项fieldExt.form.Field表单字段fieldsetExt.form.FieldSet表单字段组hiddenExt.form.Hidden表单隐藏域htmleditorExt.form.HtmlEditorhtml编辑器numberfieldExt.form.NumberField数字编辑器radioExt.form.Radio单选按钮textareaExt.form.TextArea区域文本框textfieldExt.form.TextField表单文本框timefieldExt.form.TimeF
此文档下载收益归作者所有