【002】ExtJS基础
呼噜噜哟
这个作者很懒,什么都没留下…
展开
-
ExtJs教程----Ext.data.Model的Ajax
1.定义ModelExt.define('ExtJs5Example.model.Student', { extend: 'Ext.data.Model', alias: 'widget.Student', fields: [ { name: 'StudentID', type: 'string' }, { name: 'Name', t原创 2016-09-23 10:37:28 · 999 阅读 · 0 评论 -
ExtJs教程----带复选框的菜单
先来张效果图:代码如下:需要注意的是:需要先定义TreeStore,再定义MenuTestTree,最后定义MenuTestWithCheckBox//定义获取菜单数据的storevar MenuStore = Ext.create('Ext.data.TreeStore', { proxy: { type: 'ajax', ur原创 2016-09-26 17:01:04 · 1696 阅读 · 0 评论 -
ExtJS教程----自定义下载组件
自定义下载组件Ext.define('ExtJS5Example.view.FileDownloader', { extend: 'Ext.Component', alias: 'widget.FileDownloader', autoEl: { tag: 'iframe', cls: 'x-hidden', src: E原创 2016-09-26 14:23:05 · 471 阅读 · 0 评论 -
ExtJS教程----自定义金钱格式的文本框
添加如下内容Ext.define('Ext.ux.NumberFieldFormat', { extend: 'Ext.form.NumberField', //'Ext.form.NumberField' alias: 'widget.numberFieldFormat', hideTrigger: true, baseChars: '0123456789,'原创 2016-09-23 17:43:58 · 966 阅读 · 0 评论 -
ExtJs教程----控件介绍:文本框,下拉框,时间框,列表,弹窗
1.普通文本框textfield xtype: 'textfield',//控件类型 fieldLabel: '申请人姓名(中文名)',//控件左边的描述文字 padding: '5 10 5 0',//内边距 value:"张三"//控件的默认显示值 labelWidth: 140,//控件左边的描述文字的宽度 readOnly: true,//是否只读,控件变灰 edita原创 2016-09-23 15:28:03 · 3722 阅读 · 0 评论 -
ExtJs教程----设置表单控件的只读
1.setDisabled(): Ext.ComponentQuery.query("#Name")[0].setDisabled(true); Ext.ComponentQuery.query("#Name")[0].setDisabled(false); 注意:当给某一个控件设置Disabled为true,使用form.submit()时,该控件的值是不能原创 2016-09-23 11:23:37 · 4419 阅读 · 0 评论 -
ExtJs教程--提示框
1.最普通的提示框 Ext.MessageBox.show({ title: '警告', msg: '请选择一条记录', icon: Ext.MessageBox.WARNING, buttons: Ext.Msg.OK});或者Ext.Msg.alert('Status', 'Changes saved successfully.');2.原创 2016-09-23 10:57:41 · 393 阅读 · 0 评论 -
ExtJs教程----创建Store
创建StoreExt.define('common.EnterpriseLevel', { extend: 'Ext.data.Store', alias: 'widget.EnterpriseLevel', autoLoad: true, autoSync: false, model: 'model.CustomerModel', prox原创 2016-09-06 17:08:29 · 507 阅读 · 0 评论 -
ExtJs教程----解决ExtJS 5.1.0.107在IE浏览器下面,当页面一打开的时候,下拉框里面的值会全都显示在页面上而且会现出错位
出现的情况如图1,解决办法1Ext.define('Ext.overrides.form.field.ComboBox',{ override:'Ext.form.field.ComboBox', checkChangeEvents:Ext.isIE?['change','propertychange','keyup']:['change','input','textI原创 2016-06-17 09:47:04 · 697 阅读 · 0 评论 -
ExtJs教程----如何改变各个区域的背景色
下面是整个页面的组成部件:Ext.define('ExtJS5Example.view.portal.BodyPanel', { extend: 'Ext.container.Container', layout: 'border', style: 'background-color:white', items: [{ xtype: 'porta原创 2016-09-08 16:51:21 · 5088 阅读 · 0 评论 -
ExtJs教程----解决ExtJS 5.1.0.107在IE 浏览器下面会自动将Combobox里面的所有值全都显示出来
当使用ExtJS 5.1.0.107搭建的项目在IE浏览器下面运行,第一次打开页面时会将Combobox里面的值全都显示出来,而且会有错位的现象,如图1,需要点击一下页面上空白处,才会自动消失,解决1:1)新建一个js文件,然后将以下代码放进去Ext.define('Ext.overrides.form.field.ComboBox',{ override:'Ext.原创 2016-06-17 09:35:05 · 742 阅读 · 0 评论 -
ExtJs教程----Ajax.request方法
Ext.Ajax.request({ url: '/Customer/Register', params: { CustomerName: CustomerName }, method: 'POST', //method:'GET'原创 2016-09-06 16:59:45 · 353 阅读 · 0 评论 -
ExJs教程----列表中选择多条记录和单条记录,选择性禁止用户选择复选框
1.选择单条记录Ext.define('ExtJS5Example.view.selectStudentInfo', { extend: 'Ext.window.Window', alias: 'widget.selectStudentInfo', requires: ['Ext.form.Panel'], title: '选择学生信息', width:原创 2016-09-26 11:54:32 · 928 阅读 · 0 评论