Ext
关注
分享
扫一扫
文章平均质量分 58
iteye_8420
这个作者很懒，什么都没留下…
展开
-
Ext点击上下页面时，绑定当前查询的条件，否则分页错误
第一种方式在改变操作store时调用该段代码：var store = this.getStore();//先删除先前的参数for (var key in store.baseParams) {if (key && key.indexOf('userId') != -1) {delete store.baseParams[key];}if (k...2011-05-31 11:10:49 · 123 阅读 · 0 评论 -
Extjs4 gridPanel 列按照百分比分配宽度
//下面红色部分设置属性值，看注释var _store = Ext.create('Ext.data.Store', {fields : ['name', 'name2','name3'],proxy : {type : 'ajax',url : 'test!request.action',reader : {type : 'json',root : 'data...2013-12-16 17:05:37 · 895 阅读 · 0 评论 -
Ext textField 回车 提交
var name = new Ext.form.TextField({labelSeparator : '', //laber分割内容name : 'name',xtype : 'textfield',allowBlank : true,width : 60,listeners : {specialkey : function(field, event) { ...2013-12-16 17:11:58 · 361 阅读 · 0 评论 -
Ext4 treePanel checkBox选择样例
/** * 功能主程序类 */Ext.define('com.RolePanel', { extend : 'Ext.panel.Panel', xtype : 'com-role-grid', initComponent : function() { var self = this; var store = new Ext.data.Store({ ...2015-12-27 13:57:05 · 191 阅读 · 0 评论 -
ExtJS layout的9种样式风格总结
文章转载自：http://virgoooos.iteye.com/blog/288924，版权归原作者所有 extjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种。简单总结一下，帮助记忆。 absolute顾名思义，在容器内部，根...原创 2012-12-18 10:29:53 · 130 阅读 · 0 评论 -
Ext gripPanel ColumnModel设置width宽度比
定义gridPanel时添加viewConfig: {forceFit:true}, //自动分配列宽 在ColumnModel中的属性 width可以按照总数为10，进行分配2012-12-26 16:04:09 · 2502 阅读 · 0 评论 -
Ext4 viewConfig getRowClass 背景颜色修改
css .my_row_red .x-grid-cell { //一定要加后面-cell class名称，否则无效background-color: red;} jsnew Ext.grid.panel({ ... viewConfig : {forceFit : true,getRowClass : function(record,...2016-03-02 01:28:56 · 1112 阅读 · 0 评论 -
Extjs4 分页绑定参数
//注意红字部分。由于分页的时候，需要带上原始的参数。所以需要监听事件上，配置参数var store = new Ext.data.Store({pageSize : 20,fields : [ {name : 'id',type : 'string'}, {name : 'name',type : 'string'}, {name : 'type',...2014-01-03 14:22:41 · 125 阅读 · 0 评论 -
Extjs4 fieldLabel width
var wordName = new Ext.form.TextField({labelWidth : 20, //标签长度labelSeparator : '', //标签分隔字符fieldLabel : '名称', //标签名称 name : 'name',xtype : 'textfield',allowBlank : true,width :...2014-01-14 16:49:24 · 489 阅读 · 0 评论 -
Extjs4 ref 不支持。可以通过query查询
var panel = new Ext.panel.Panel({layout : 'border',border : false,items : [{layout : 'fit',border : false,region : 'north',height : 38,bodyStyle : 'border-bottom: 1px solid #8db2e3;bo...2014-01-15 11:04:37 · 120 阅读 · 0 评论 -
Extjs4 treepanel 选中当前 节点
Extjs3 中 可以这样获取 this.getNodeById(targetId).select(); //this 代表当前treepanel对象Extjs4 没有了 treeNode。所以只能通过this.getSelectionModel().select(currentNode); //currentNode表示当前要选中的node...2014-01-27 13:45:12 · 386 阅读 · 0 评论 -
Extjs4 comboBox qtip
// 数据var _Store = new Ext.data.JsonStore({url : '获取数据的URL',fields : [ 'tag', 'name', 'title' ] //注意 title就是需要提示的内容});ConfigCombo = new Ext.form.ComboBox({triggerAction : 'all',fiel...2014-01-27 13:54:21 · 155 阅读 · 0 评论 -
Extjs4 gridpanel 鼠标放上，qtip数据提示
colModel : new Ext.grid.ColumnModel({columns : [ new Ext.grid.RowNumberer(), {width : 230,header : '标识',dataIndex : 'key',renderer : function(data, metadata, record) {// build the qtip:...2014-01-27 13:58:31 · 331 阅读 · 0 评论 -
Extjs4 tabPanel关闭后打开 cannot read property addcls of null
最近遇到一个刺手的问题，折腾了好久，一直没找到原因，问题是：Extjs4 tabPanel关闭后打开 cannot read property addcls of null。从网上看了好多，都说是什么初始化的什么不正确，要什么initComponent,都是抄袭，并没有解决我的问题。现在说说我自己的见解 当关闭tabpanel时，组件直接被destory掉，第二次打开的时候，如果你在用...2014-03-03 13:45:00 · 222 阅读 · 0 评论 -
Extjs4 comboBox 动态赋值
//首先先定义comboBox的ModelExt.define('comboBoxModel', { extend : 'Ext.data.Model', fields : [{ name : ...2014-03-12 10:35:35 · 913 阅读 · 0 评论 -
Extjs4 grid 修改后去掉红三角
Extjs4 gridPanel 中添加以下配置，修改后，左上角就没有红色三角viewConfig : {markDirty : false},2014-03-19 16:09:45 · 343 阅读 · 0 评论 -
Extjs4 节点刷新
ext4以前的节点刷新，只需要 node.reload()即可。extjs4进行了改变如下：treepanel.store.load({ node: refreshNode //你要刷新的节点})2014-07-09 15:05:52 · 275 阅读 · 0 评论 -
Extjs4 加多个tbar
var tbar = Ext.create('Ext.toolbar.Toolbar', {属性配置省略});var tbarEx = Ext.create('Ext.toolbar.Toolbar', {属性配置省略});Ext.create('Ext.grid.Panel', { 其它属性配置省略 dockedItems :...2013-12-16 16:55:37 · 259 阅读 · 0 评论 -
Ext4 MessageBox buttons 显示中文与Ext3中区别
Ext3 中通过 buttons可以设置中文名称的按钮。如下：Ext.MessageBox.show({ title:'提示', msg: '是否删除?', buttons: {yes: "确定",cancel: "取消"}， fn: function(btn){ if('yes'==btn){ console...2013-10-24 14:45:36 · 133 阅读 · 0 评论 -
解决extjs grid文字不能选中的问题
转载：http://floydd.iteye.com/blog/1326342解决extjs grid文字不能选中的问题博客分类： webjavascriptcssextjsgrid文字不能选中 Css代码 .x-selectable, .x-selectable * { -moz-user-sele...原创 2012-02-13 17:49:27 · 191 阅读 · 0 评论 -
Ext3.0选择时间只显示年月选项的方法
//继承DateFeld重写onTriggerClick方法DateFieldEx = Ext.extend(Ext.form.DateField, {onTriggerClick : function() {DateFieldEx.superclass.onTriggerClick.call(this, arguments);if (this.format.ind...2011-05-31 11:11:40 · 148 阅读 · 0 评论 -
EXT window.open()的用法
EXT window.open() window.open(pageURL,name,parameters)pageURL 打开页面路径name 子窗口句柄parameters 窗口参数(各参数用逗号分隔)eg:<SCRIPT><!--window.open ('http://www.taobao.com','new','height=200,width=40...原创 2011-06-14 16:01:04 · 2121 阅读 · 0 评论 -
Ext.data.JsonReader 取出当前所在的对象
在后台用json格式ObjectMapper对象写出数据在Ext怎样得到整个对象，直接用Ext.data.JsonReader.jsonData.可以得到整个对象。一般在Ext.data.JsonReader中通过设置的root ：‘data’ 来获取设置的主要信息...原创 2011-07-02 16:29:16 · 236 阅读 · 0 评论 -
Extjs信息提示框
1、 Ext.MessageBox提供的信息提示框与标准JavaScript提供的原始提示框的差别，主要表现在3个方面： 1） 实现方式标准JavaScript提供的信息提示对话框是一个真正的弹出窗口。Ext.MessageBox提供的信息对话框并不是真正的弹出窗口，它只是在当前页面显示一个层(div)。2） 显示信息的格式标...原创 2011-08-02 10:42:08 · 179 阅读 · 0 评论 -
Ext数据扩展显示
//有些大数据量放在列信息里面会占据较大的位置，影响界面美观，可以把它进行缩放1. 定义该数据的缩放信息 var myExpander = new Ext.grid.RowExpander({ tpl : new Ext.Template('<p style="color:#999;margin:2px 0px 2px 48px;">{acontent}&l...原创 2011-08-04 10:15:32 · 127 阅读 · 0 评论 -
Ext.form.fetSet 设置对象不显示
this.startDay = new Ext.form.DateField({ name : 'startDay', fieldLabel : '起始时间', format : 'Y-m-d', altFormats : 'Y-m-d', endDateField : 'endDay', edit : false, ...2011-04-01 22:25:00 · 86 阅读 · 0 评论 -
Ext grid中处理时间显示格式
在new Ext.grid.ColumnModel({列属性中加入该属性：renderer : function(value) { return value ? value.dateFormat('Y-m-d H:i:s') : ''; }2011-04-01 22:27:00 · 128 阅读 · 0 评论 -
Ext.MessageBox 状态更新
Ext.MessageBox.show({ title: '请稍等...', msg: '正在处理', progressText: '文件上传中...', width:300, progress:true, closable:false, icon:'download', anim...2011-04-01 22:28:00 · 138 阅读 · 0 评论 -
Ext设置显示的grid值自动换行
在 new Ext.grid.ColumnModel([列属性中加入属性renderer : function(value, metadata, record) { metadata.attr = 'style="white-space:normal;"'; return value; }2011-04-01 22:28:00 · 213 阅读 · 0 评论 -
Ext调用xml文件以树形结构显示
var toolTree; function initToolTree() { var tree; var root = new Ext.tree.AsyncTreeNode({ id : 'root', text : '工具树', expanded : true }); var loader = new Ext.app.M...2011-04-01 22:30:00 · 170 阅读 · 0 评论 -
Ext.tree.treePanel关于调用loader
1.定义一个导航节点 new Ext.tree.AsyncTreeNode({});2.在该导航节点中添加叶子节点 new Ext.tree.TreeLoader({dataUrl:"通过地址从数据库中取值"}) //返回类型必须是json格式的数据其中包含id: 1,text: "node1",leaf:true,check: false 等属性3.需要在1中指定loader属性...2011-04-01 22:33:00 · 236 阅读 · 0 评论 -
Ext.treeNode有关知识
node.attributes 返回整个节点对应的对象，根据对象可以得到属性值2011-04-01 22:34:00 · 72 阅读 · 0 评论 -
Ext2.0 Datafileld不支持chrome解决方案
extjs/resources/css/ext-all.css第502行在‘position:relative;’后面添加‘width:10px’.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;width:10px}...2011-04-01 22:36:00 · 107 阅读 · 0 评论 -
Ext修改选中的grid的值
this.formWin.formPanel.getForm().loadRecord(object); //object表示改grid中选中的record对象,form中的name和grid columns属性的name名称一致2011-04-01 22:40:00 · 154 阅读 · 0 评论 -
Ext基础知识
PathSet.form.parentMenuTree.fieldLabel = "路径库信息"; //动态修改对象的属性信息。直接找到该对象.属性 = "修改的值";//关闭tabPanel时，添加一个提示信息listeners : { beforeremove : function(container, comp) { if (comp.conf...2011-04-01 22:42:00 · 103 阅读 · 0 评论 -
extjs3.3 htmleditor各种修正和扩充
转载地址：http://floydd.iteye.com/blog/13263381.editor的iframe window的keydown事件绑定由于htmleditor本身提供的specialkey event不给力，所以自己手动在init时增加更加精确的keydown事件来弥补需要注意的是：chrome的事件必须绑定在body上，否则ENTER这种特殊的键无法触发 ...原创 2012-02-13 17:48:05 · 130 阅读 · 0 评论 -
Extjs4 获取node
var node=treePanel.getStore().getNodeById(nodeId); //通过节点Id，获取node2014-07-22 16:17:58 · 294 阅读 · 0 评论