Ext
起一个好听的名字
学无止境,学海无涯,乐在其中
展开
-
Ext.form.Checkbox
如下是formpanel中的checkbox:{xtype:"checkbox",id:"fruit_lib_sel",name:"fruit_lib_sel",inputValue:0,boxLabel:"全选",checked:false},下面是onReady中的代码,其中fruit_lib_sel为id: Ext.EventManager.on('frui转载 2015-12-17 17:47:54 · 744 阅读 · 0 评论 -
Ext3.4 Column layout 设置form表单组件隐藏
因为工作要求,需要按照Combo的下拉值来显示或者隐藏部分的页面表单信息。以前用Ext4的时候,直接用table layout,然后调用组件的hide()方法就没啥问题了。不过这个Ext3.4在chrome下面工作的好好的,切换到IE的时候悲剧了。效果见下图:我的写法是这样滴:1234567891011bu转载 2016-03-25 14:48:57 · 1027 阅读 · 0 评论 -
EXTJS 中 anchor 的用法
{ columnWidth:0.33, layout:'form', items:[{ id:'missiontype', name:"mission.missiontype",转载 2016-03-25 14:43:25 · 5581 阅读 · 0 评论 -
ExtJs中getCmp、getDom、Get的区别
本文导读:在使用extjs时,经常要使用到get,getCmp,getDom方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,他们的参数和返回类型都不一样,使用时要注意区别。1、get方法get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象, Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个转载 2016-03-25 17:32:17 · 619 阅读 · 0 评论 -
理解Html DOM、Ext Element及Component
要学习及应用好Ext框架,需要理解Html DOM、Ext Element及Component三者的区别。 Ext是基于Web的富客户端框架,其完全是基于标准W3C技术构建设的,使用到的都是HTML、CSS、DIV等相关技术。Ext最杰出之处,是开发了一系列非常简单易用的控件及组件,我们只需要使用这些组件就能实现各种丰富多彩的UI的开发。 无论组件有多少配置属性、还是事转载 2016-03-25 17:33:14 · 368 阅读 · 0 评论 -
JavaScript EXT 创建一个 form 表单并提交
页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下: [javascript] view plain copy // JavaScript 构建一个 form function MakeForm() { // 创建一个 form var form1 = document转载 2016-03-15 16:37:32 · 899 阅读 · 0 评论 -
ExtJs布局详解
序言 1、百度百科上说:ExtJs功能丰富,无人能出其右。无论是界面之美,还是功能之强,extjs都高居榜首。 2、呵呵,界面之美当是少不了布局的,这篇文章我写layout的七种布局。(extjs是4.+版本)Border布局__边界布局 这中布局是最常用的布局之一,看图 border布局:border布局也称边界布局,他将页转载 2016-03-28 09:17:40 · 359 阅读 · 0 评论 -
extjs两行tbar的问题
知道每个panel都有一个tbar(top bar 上面工具栏) ,bbar(bottom bar 底部工具栏)下面为大家介绍下extjs的两个tbar问题,感兴趣的朋友可以参考下版本:extjs3.4 接触过extjs的同志们都知道每个panel都有一个tbar(top bar 上面工具栏) ,bbar(bottom bar 底部工具栏) 大家做查询页面,一般都是啥样子的转载 2016-04-01 14:20:31 · 3232 阅读 · 0 评论 -
extjs正则表达式验证
在EXT中使用正则表达式验证的方法:fieldLabel : '员工号',name : 'employee.empNo',regex: /^\w+$/,id : 'employee.empNo',regexText:"员工号只能由字母和数字组成!", allowBlank : falseExt.get('startdt').getValue().replace(转载 2016-04-14 12:51:25 · 1636 阅读 · 0 评论 -
Ext.each的用法
本文导读:Ext.each方法表示迭代一个数组,数组中每个成员都将调用一次所传函数,直到函数返回false才停止执行。如果传递的数组并非一个真正的数组,所传递的函数只调用它一次。(如果不是数组,就将该“数组”放入一个[]中,而且会返回一个隐藏的int参数,代表为该array调用function的次数。)语法:each( Array/NodeList/Mixed array, Functio转载 2016-05-03 16:47:25 · 1320 阅读 · 0 评论 -
fieldset动态添加内容
/动态添加文本框 var channelFieldSet=Ext.getCmp("channelInfoId"); var rciName=new Ext.form.TextField({xtype : "textfield",fieldLabel : "名称",columnWidth :1 / 3,readOnly:true,value:resText.data.转载 2016-06-08 16:24:31 · 1944 阅读 · 0 评论 -
ExtJS实现同步请求
同步方式请求: 必须引入ext-basex.js文件var conn = Ext.lib.Ajax.getConnectionObject().conn;conn.open("GET", 'your url',false);conn.send(null);alert(conn.responseText);或者var conn = Ex转载 2016-09-19 13:03:19 · 1872 阅读 · 0 评论 -
Extjs动态设置tbar
实现按btn2按钮时,将btn1,btn2去掉,更新为新的tbar ,tvar panel = new Ext.Panel({ title:'toolbar-changebar', renderTo:Ext.getBody(), tbar:[{ text:'btn1',转载 2016-09-19 13:04:44 · 6141 阅读 · 0 评论 -
ExtJS ComboBox 下拉列表详细用法
ComboBox 是ExtJS中经常用到的控件,今天我们来讲一下它的一些用法。属性:var combo = new Ext.form.ComboBox({ store : new Ext.data.SimpleStore({ fields : ['value', 'text'], data : [['1001', '小儿迪巧']转载 2016-11-17 18:22:33 · 1336 阅读 · 0 评论 -
Ext Js 列布局-- ColumnLayout
1:Ext.layout.ColumnLayout 它是为构建某个垂直式结构而准备的布局,当中包含已指定宽度的多个列,可以使用columnWidth或者width来指定子元素所占的列宽度 属性width总是以像素来固定宽度,并必须是数字大于或者等于1,属性columnWidth是百分比相对单位,并必须是百分比字符串区间是大于0小于1 使用columnWidth属性来分转载 2016-03-25 14:33:34 · 608 阅读 · 0 评论 -
extjs 文本框后加一个按钮或 文字
项目中用到需要有时在一个文本框后面加一个按钮,网上找了一个。发现宽度太宽了。自己改了改。可以用了。贴个图吧。 Ext.onReady(function(){ new Ext.FormPanel({ id:'typeForm', renderTo: Ext.getBody(),转载 2016-03-25 14:24:45 · 6847 阅读 · 0 评论 -
extjs和js定时器
1、Ext定时器(Ext的定时器,每隔2秒刷新store)var task = { //Ext的定时器,每隔2秒刷新store。 run : function() { moneyStore.load(); if(moneyStore.getAt(0)){ if(f==0){ setTime(mone转载 2016-01-20 15:36:23 · 830 阅读 · 0 评论 -
ExtJS快速入门指南
1ExtJS快速入门指南一、ExtJS 框架简介.......................................................................................................................... 2二、如何使用Ext.....................................转载 2016-01-15 13:29:00 · 563 阅读 · 0 评论 -
Extjs提交form表单的方式
extJS提交服务器主要有这样几种方式: Ext.Ajax.request,form.submit,getEl().dom.submit(),以下是详细介绍:1、EXT的form表单ajax提交(默认提交方式)相对单独的ajax提交来说优点在于能省略写参数数组,将按钮添加单击事件,执行以下方法?123456789101转载 2016-01-15 14:01:46 · 733 阅读 · 0 评论 -
Ext 基础知识之事件机制
在我们真正开发中,主要用到一些高级组件,其实真正对底层的一些原理还是很少有人关注的,今天在网上看到一篇文章,感觉非常不错,一方面共享一下,另一方面,也作为此次ExtJS讨论的完整性考虑。其实针对ExtJS的事件机制,主要还是了解其原理。前言工作中用ExtJS有一段时间了,Ext丰富的UI组件大大的提高了开发B/S应用的效率。虽然近期工作中天天都用转载 2016-02-17 17:29:28 · 484 阅读 · 0 评论 -
Extjs实现文件上传
文件上传是WEB系统一个基本功能,在一个Form提交到服务器后,如果form的contentType是“multipart/form-data”类型,服务器就会认为这是文件提交。上传文件一般都是单独处理,不能同时处理Form中的其它表单。但是后台可以通过一定手段得到文件输入流之外的表单数据。比如邮件系统中处理附件时候,同时也处理了收件人,标题,内容等信息。来看下ExtJS中怎么实现这样的功能:转载 2016-02-19 16:42:31 · 566 阅读 · 0 评论 -
Ext.TabPanel 各属性一览
1、主要配置项: activeTab:初始激活的tab,索引或者id值,默认为none autoTabs:是否自动将带有'x-tab'样式类的div转成tabs添加到TabPanel中,默认为false。 当该配置项设为true时,需要设置deferredRender为false,还必须使用applyTo。 deferred转载 2016-02-23 09:19:01 · 3240 阅读 · 0 评论 -
Ext.Ajax类
转载 2016-02-24 10:13:09 · 229 阅读 · 0 评论 -
GridPanel中getSelectionModel详解
本文导读:Ext.grid.GridPanel继承自Panel,其xtype为grid,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。 当我们需要获取选择的数据时,就需要用到getSelectionModel方法。下面介绍GridPanel中getSelectionModel的操作。一、Ext.grid.GridPanel主要配置项:store:表格的数据集col转载 2016-02-24 10:38:29 · 17510 阅读 · 1 评论 -
Ext.Store详解
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad :Boolean/Object, //自动载入baseParams :Object, //只有使用httpproxy时才有意义data :Array, //数转载 2016-02-24 11:19:58 · 2531 阅读 · 0 评论 -
Ext.TabPanel 的使用
1、选项板概述 选项面板是一个包括一个或多个选项卡(Tab),同一时刻只显示一个选项卡的这种用户界面。比如下图的IE选项设置界面中,就是一个选项板的应用,选项板上有“常规”、“安全”、“隐私”等选项卡。2、Ext.TabPanel Ext中提供了选项板控件TabPanel,由类Ext.TabPanel来定义,该类直接继承自Ext.Panel,因此他实际上也是一个包含特定特性的面板。转载 2016-02-23 09:11:31 · 1759 阅读 · 0 评论 -
EXT中常用方法
======EXT常用函数======各方法的使用详解可以百度1、Ext.onReady(function fn,Object scope,boolean override) 该方法的调用发生在Document对象加载完毕后,html的Onload()事件与image加载之前 fn:执行的函数2、Ext.get(Mixed el) 获取HTML中转载 2016-02-24 17:35:59 · 2562 阅读 · 0 评论 -
Ext基础
要学习及应用好Ext框架,必须需要理解Html DOM、Ext Element及Component三者之间的区别。 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现。(通常使用getElementById/Ext.getDOM获得DOM对象) 仅仅有DOM是不够的,比如转载 2016-02-24 18:09:38 · 329 阅读 · 0 评论 -
Extjs给TextField赋值
在开发的很多时候,在调用另一个弹出页面或修改完一个内容后,需及时地反应出来,就这需要在修改后及时的给原有的框框赋值... 实际操作也是很简单,如: Ext.getCmp('listname').setValue(updateitemname); 顺便也记录下网上收集来的一些总结经验.. ExtJS 给textfield赋值的方法总结 省得忘了不知道去那找了._^转载 2016-03-25 13:04:01 · 7437 阅读 · 0 评论 -
Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框
1、Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目配置项类型说明boxLabelString紧靠复选框的文字描述boxLabelAlignString设置复选框关联标签的位置,有效值包括:“before”和“after”,默认为“after”转载 2016-11-30 13:03:40 · 7294 阅读 · 0 评论