![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ExtJS
祥灬子
命是弱者的借口,运是强者的谦辞!!
展开
-
ExtJS4 MVC开发教程:搭建开发环境
在所有的JS框架中,ExtJS算的上是一个超重量级的前端框架,里面封装了大量的类库以至于很多刚开始接触ExtJS的朋友们不知如何下手,即便是很多人看着别人的demo能够用ExtJS写出自己的Hello Word程序,却对里面的架构不知所以然,针对这种情况,李坏在ExtJS MVC开发教程中主要从以下几个方面为大家讲解如何用MVC模式搭建自己的ExtJS项目应用:1.搭建ExtJS4开发原创 2016-07-13 23:21:12 · 1647 阅读 · 0 评论 -
ext4.2中带checkbox框的树的点击事件的问题
有这样一个需求,在带checkbox框的树中需要区分itemclick事件和checkchange事件,也就是在点击树的节点的时候执行一个操作,在勾选/取消checkbox框的时候执行另外一个操作,现在问题是每次的checkchange事件都会触发一次itemclick事件,并且checkchange事件是在itemclick事件之后执行,有没有好的方法可以区分这两个事件的?l原创 2016-09-26 20:39:03 · 1445 阅读 · 0 评论 -
extjs accordion 布局如何让items全部都折叠
加个隐藏的子面板Ext.create('Ext.panel.Panel', { title: 'Accordion Layout', width: 300, height: 300, layout: { type: 'accordion', animate: true, multi: true, }, item原创 2016-10-12 20:09:19 · 2354 阅读 · 0 评论 -
ExtJS 将表单设置为不可编辑(查看)
代码:afterrender : function(thiz) { //隐藏按钮 var e1 = Ext.ComponentQuery.query("basebutton[btype=ok]"); var e2 = Ext.ComponentQuery.q原创 2016-10-13 18:40:23 · 6716 阅读 · 0 评论 -
ExtJS4-数据验证
例子:<script type="text/javascript"> <!--在页面加载完成后调用JS代码--> Ext.onReady(function(){ Ext.create('Ext.form.Panel', { frame: true, title: 'Form Fields Validation', width:原创 2016-12-16 12:56:29 · 721 阅读 · 0 评论 -
如何获取grid的总行数
1. grid.getStore().getCount(); //未分页时 , 获取总行数2. grid.getStore().getTotalCount(); //存在分页时 , 获取总行数3. grid.getView().getRows().length;grid.getView().getRows() : 返回所有行,这些行不是ExtJS的封装类对象,而是TR元素对象,只能通过dom访原创 2017-02-06 17:55:19 · 5557 阅读 · 0 评论 -
如何能够获得Extjs.grid.panel总的Columns的列数
var grid = Ext.create('Ext.grid.GridPanel',{});var columns = grid.columns;var Length = columns.length原创 2017-02-06 17:57:14 · 2213 阅读 · 0 评论 -
ExtJS——自定义vtype
Ext.apply(Ext.form.VTypes, { daterange: function(val, field) { var date = field.parseDate(val); // We need to force the picker to update values to recaluate原创 2017-03-24 20:19:44 · 848 阅读 · 0 评论 -
extjs combobox setValue 显示问题
问题:做项目时候,遇到这样的情况,要求默认combobox显示某个固定的value,使用setValue(key)方法进行赋值,但是发现,显示的是key,而不是想要的key对应的value值。 原因:js本身是弱类型的,但是extjs是对类型进行区分的,所以在setValue(key)的时候,必须注意combobox里的key的数据类型。setValue()的前提是combobox中转载 2017-05-09 15:25:55 · 2528 阅读 · 0 评论 -
extjs4 combobox 多选与赋值
组件初始化:xtype: 'combobox',editable: false,multiSelect: true,//启用多选queryModel: 'local',displayField: 'text',valueField: 'id',store: Store设置默认值(赋值)combobox.setValue([0,1]);combobox.setValue(['值1','值原创 2017-05-09 15:53:47 · 2966 阅读 · 0 评论 -
Ext-用散点图(chart)分析相关性
代码:Ext.define('V5.auditoper.quekeyword.view.QuekeyScatter', { extend: 'Ext.chart.Chart', theme: 'Green', //颜色主题 animate : true, //图例 legend: { position: 'right' }, x原创 2017-06-16 14:37:59 · 3090 阅读 · 1 评论 -
Ext-grid单元格内容悬浮提示
},{ dataIndex: 'name', text: '名称', flex: 1, renderer : function(value, metaData, record, rowIndex, colIndex) { metaData.tdAttr = 'qcl原创 2017-06-16 15:10:34 · 5014 阅读 · 1 评论 -
extjs grid隐藏表头
Ext.define('V5.auditoper.rule.view.FuncGrid', { extend: 'Ext.grid.Panel', xtype: 'funcgrid', hideHeaders:true, selType: 'rowmodel', selModel: { mode: 'MULTI' },效果如图:原创 2017-06-19 19:34:53 · 1379 阅读 · 0 评论 -
extjs关于jsonreader
在JavaScript中,JSON是一种非常重要的数据格式,key:value的形式比XML那种复杂的标签结构更容易理解,代码量也更小,很多人倾向于使用它作为EXT的数据交换格式。JsonReader支持分页,与JSON数据对应格式如下: totalProperty: json数据中,保存总记录数的属性 successProperty: json数据中,保存是否返回成功的属性名转载 2016-09-08 14:55:32 · 891 阅读 · 0 评论 -
extjs 自定义事件
addEvents( Object/String... eventNames )向本Observable可能触发的事件列表中添加指定的事件。ParameterseventNames : Object/String...要么是有事件名作为属性,属性值为 true的对象。例如:this.addEvents({ storeloaded: t原创 2016-09-05 10:34:27 · 1603 阅读 · 0 评论 -
ExtJS环境搭建
需要的第三方资源:http://pan.baidu.com/s/1eSLlzvcindex.jsp Ext-----Test Ext.onReady(function(){ Ext.MessageBox.alert("hello world","hello world"原创 2016-07-08 12:19:08 · 389 阅读 · 0 评论 -
ExtJS4中initComponent和constructor的区别
在创建自定义类时,先构造(constructor)后初始化(initComponent)。如: Ext.define('Btn',{ extend:'Ext.button.Button', initComponent:function(){ alert('后初始化部件启动...'); },原创 2016-08-30 09:30:38 · 1463 阅读 · 0 评论 -
Extjs4中的ComponentQuery
用来找特点的所有容器(Ext.container.Container)或是通过Ext.ComponentManager找特定的所有组件1.当找组件的时候,相当于调用Ext.ComponentQuery.query()可以接收的参数有1)xtype//找xypte为panel的所有组件var panelsArray = Ext.ComponentQuery.query('pane原创 2016-08-30 09:33:04 · 342 阅读 · 0 评论 -
Extjs组件的生命周期
Extjs的控件和现实世界中的事物有很多相似的地方,都拥有被创建、使用以及销毁这样一个生命周期。Extjs控件的生命周期大体分为三个阶段:初始化、渲染、销毁。如下图所示: Extjs控件的生命周期总是以[初始化]开始,以[销毁]结束,组件不一定会有[渲染]这一过程。为了更好的了解并运用好生命周期的整个结构,我们必须更详细的去了解这个过程。如果你打算扩展、组合原创 2016-08-30 09:39:10 · 561 阅读 · 0 评论 -
ExtJS4 Ext用法汇总
Ext单例工具类用法汇总:Methods:1、Ext.widget( [String name], [Object config]) : Object 参数:name:xtype名称;config:配置对象 返回:对象 功能:根据xtype或config配置对象,创建widget2、Ext.require( String/Array原创 2016-08-30 09:45:24 · 869 阅读 · 0 评论 -
ExtJS4 Application用法汇总
Ext.app.Application用法汇总:Methods:1、getController( String name ) : Ext.app.Controller 输入定义的控制器名,输出指定的控制器对象实例,如果应用程序中尚没有此实例,则创建后返回。原创 2016-08-30 09:47:29 · 524 阅读 · 0 评论 -
ExtJS4 grid添加复选框(checkbox)列
效果图:方法一:添加属性selType: 'checkboxmodel',方法二:selModel : Ext.create('Ext.selection.CheckboxModel', {mode : "SIMPLE",width:100}),原创 2016-08-23 17:16:02 · 4212 阅读 · 0 评论 -
extjs grid行背景设置颜色
效果图:源码:Ext.define('V5.digao.view.Grid', {extend : 'Ext.grid.Panel',columnLines : true,xtype : 'cxbGrid',border : 0,id : 'cxb',viewConfig:{getRowClass:changeRowClass},store : Ext.原创 2016-09-14 15:50:42 · 11784 阅读 · 0 评论 -
Ext.apply详解
apply的用法: Ext中apply及applyIf方法的应用apply及applyIf方法都是用于实现把一个对象中的属性应用于另外一个对象中,相当于属性拷贝。不同的是apply将会覆盖目标对象中的属性,而applyIf只拷贝目标对象中没有而源对象中有的属性。apply方法的签名为“apply( Object obj, Object config, Obje原创 2016-09-03 15:42:27 · 2223 阅读 · 0 评论 -
EXTJS4.0 3种和后台交互数据的方法
1.数据源store store通常是作为grid的数据源,以便来更新grid的数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据. 创建一个公共的store,不与任何表有联系,只需要下面简单的几句话 var publicstore = Ext.create('Ext.data.Store',原创 2016-09-15 11:40:41 · 5204 阅读 · 0 评论 -
extjs radiogroup 动态选中
{ xtype : 'radiogroup', hidden: true, name: 'funconeparam', fieldLabel: '<font color=red>* </font>第一层函数参数', layout: 'hbox原创 2017-06-20 18:05:31 · 3638 阅读 · 0 评论