随笔分类 - ExtJs
摘要：renderer : function(value, meta) { if(parseInt(value) > 0) { meta.style = ""; } else { meta.style = ""; } return value; }
阅读全文
摘要：{ text: 'Column Header Blah', dataIndex: 'blah', renderer: function(value, metaData, record, rowIdx, colIdx, store) { metaData.tdAttr = 'data-qtip="' + value + '"'; r...
阅读全文
摘要：Ext.dom.Element 常用方法解析Ext.Element，Ext.core.Elemen，Ext.dom.Element 这几个类都是一个类，在EXT当中给起了别名而已，这个类到作用主要是针对DOM元素操作的封装，使我们操作针对DOM操作更加方便了，而且底层屏蔽了浏览器到差异。那么如何返回...
阅读全文
摘要：1. ExtJs 给fieldLabel与fieldInput添加样式{给Input标签加入图标}http://www.w3school.com.cn/cssref/pr_background.asp 设置元素背景 2. Ext.XTemplate在模板中编写自定义函数并且可以取得计算结果,自定义的
阅读全文
摘要：Ext.define("MyApp.base.BaseTextArea", { extend: "Ext.form.field.TextArea", xtype: "BaseTextArea", editor: null, initComponent: function() { this.callParent(); this.on("afterrender", this.handlerAfterrender); }, handlerAfterrender: function(txa, eOpts) { ...
阅读全文
摘要：selectAll: function() { this.getRootNode().eachChild(function (child) { child.set('checked', true); }); }, unSelectAll: function() { this.getRootNode().eachChild(function (child) { child.set('checked', false); }); }
阅读全文
摘要：http://weijun8611-126-com.iteye.com/blog/566201 在项目中使用了extjs的editorgridpanel,但是其中的combobox在选择了相应的选项后，grid中显示的是值域(valueField)的值，而非意愿中的显示域(displayField)
阅读全文
摘要：//自定义HTML组件 Ext.define('MyCmp', { extend: 'Ext.Component', renderTpl: [ '{title}', '{desc}' ], //这里可以放选择器表达式 会创建Ext.Element对象 renderSelectors: { ...
阅读全文
摘要：Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用Ext.ux.IFrame Extjs官方提供的一个组件，可以很方便的使用。这样就完成了一个简单的IFrame的使用,通过Extjs的扩展 它变成了一个组件 可以放在任何容器内 并且支持父容器的布局 很灵活 var iframe = Ext.create("Ext.ux.IFrame", { frameName: 'hello', src: "MyJsp.jsp" }); E...
阅读全文
摘要：menuAlign: 'tl-tr', listeners: { mouseover: function(btn) { btn.toolb.showBy(btn,btn.menuAlign); } }, ...
阅读全文
摘要：Ext.onReady(function(){ Ext.create('Ext.data.Store', { storeId:'simpsonsStore', fields:['name', 'email', 'phone'], data:{'items':[ { 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224&q
阅读全文
摘要：Ext.dom.QueryElement Selectors:(元素选择器)Ext.core.DomQuery.select('表达式') 返回HTMLElement[]*any elementExt.core.DomQuery.select('*') //返回所有dom元素Ean element with the tag EExt.core.DomQuery.select('div') //返回所有div元素E FAll descendent elements of E that have the tag FExt.core.DomQuery.
阅读全文
摘要：Using a ProxyExt.define('User', { extend: 'Ext.data.Model', fields: ['id', 'name', 'email'], proxy: { type: 'rest', url : '/users' }});当在Model中定义了一个Proxy以后就可以使用 save,update,load,destroy这4个方法 进行增删改查操作var user = Ext.create('User', {name:
阅读全文
摘要：通过分析源代码解决动态加载Controller的问题最近在研究ExtJs(4.2.0)的MVC开发模式,具体Extjs的MVC如何使用这里不解释，具体参见ExtJs的官方文档。这里要解决的问题是如何解决在使用MVC模式时动态加载Controller。这是正常的写法,在Application里配置ControllerApplicationExt.application({ ... controllers: [ 'Users' ], ...});ControllerExt.define('AM.controller.Users', { extend: '..
阅读全文
摘要：/** * 系统通用下拉选择Gird */Ext.define("Common.picker.GridPicker", { extend: "Ext.form.field.Picker", alias: 'widget.gridPicker', displayField: null, valueField: null, matchFieldWidth: false, store: null, columns: null, pickerWidth: 400, pickerHeight: ...
阅读全文
摘要：一、Ext 1.1 Ext.isEmpty(v, allowBlank) //是否为空[链接] 1.2 Ext.isArray(v) //是否为数组集合 1.3 Ext.isPrimitive(v) //是否是基本数据类型String/Number/Boolean 1.4 Ext.isFunction(v) //是否是函数 1.5 Ext.isNumber(v) //是否是数字 1.6 Ext.isString(v) //是否是字符串 1.7 Ext.isBoolean(v) //是否是bool值 1.8 Ext.isIE/isIE6/isIE7/is...
阅读全文
摘要：WindowdefaultFocus定义一个子孙元素 当Window获得焦点时 把焦点给它Ext.form.Panelunstyled:true 不适用任何样式 Ext.form.BasicFormjsonSubmit:true 设置是否已JSON格式提交表单数据standardSubmit: true 已标准的HTML普通表单方式提交 即同步提交Ext.form.field.BasemarkInvalid(msg) 与msgTarget 配合使用 通过方法显示错误信息labelStyle:'font-weight:bold;padding:0;' 给表单元素前面的label加
阅读全文
摘要：ID选择器根据组件id来选择组件，具有唯一性。前面以”#”号来标志,返回itemid或者id为“panel”的组件实例var panel = Ext.ComponentQuery.query('#panel');类别选择器类选择器根据类的xtype来选择，可选择前面是否以”.”来标志，如：根据xtype返回所有Ext.GridPanel实例var cmp= Ext.ComponentQuery.query('gridpanel');var cmp= Ext.ComponentQuery.query('.gridpanel');panel#myPa
阅读全文
