Extjs在HtmlEditor的工具栏上插入自定义按钮
摘要：Ext.ns('Ext.ux.form.HtmlEditor');Ext.ux.form.HtmlEditor.HR =Ext.extend(Ext.util.Observable,{ init:function(cmp){this.cmp = cmp;this.cmp.on('render',this.onRender,this);}, onRender:function(){this.cmp.getToolbar().addButton([{ iconCls:'x-edit-custom',//your iconCls here ha...
阅读全文
posted @
2013-06-24 09:23
浩瀚孤鸿
阅读(732)
推荐(0)
extjs如何设置监听
摘要：事件监听方法：（1） 这个方法主要给dom对象来监听事件 Ext.get(document).on('事件',function(){ 处理方法});（2）写在容器里面 如panel listeners｛'事件',function(){处理方法}｝;（3）对定义的js类进行事件监听 var eastpanel=new Ext.Panel({ region:'east', collapsible: true, width: 275, items: [{....}...
阅读全文
posted @
2013-06-13 15:58
浩瀚孤鸿
阅读(667)
推荐(0)
Firebug插件：Illuminations for Developers
摘要：Illuminations for Developers是一个辅助开发的小工具，它可以让你在使用Ext JS和Firebug开发Web应用时更直观。它以下在三个方面协助开发人员：在Firebug中增加一个针对Extjs的面板，在面板中可以查看 Extjs对象，在页面中通过右键菜单定位和查看ExtJS对象。 我创建Illuminations是因为我在开发大型Javascript应用时，我需要知道那些数据对象有问题。在Firebug中，只能简单处理代码 和数据，不能显示和处理设计模式。因此，我创建了Illuminations来弥补这方面的不足，它可以在调试、检查和浏览体验时达到我需要的抽象级别。.
阅读全文
posted @
2012-11-29 13:32
浩瀚孤鸿
阅读(235)
推荐(0)
Ext.window.Window在IE有部分半透明的问题
摘要：var window = Ext.create('Ext.window.Window', { title: windowTitle || '窗口', height: height || '80%', width: width || '80%', layout: 'fit', maximizable:true, items: item, shadow:false });最近使用EXTJS的过程，Ext.window.Window在IE下总出现奇怪的半透明现象，不是整个控件半透明，是控件右半部...
阅读全文
posted @
2012-11-14 22:07
浩瀚孤鸿
阅读(253)
推荐(0)
extjs grid 编辑事件
摘要：listeners: { 'edit': function(editor, e) { var record = e.record; alert("id:" + record.get("id")); } }grid.on('edit', function(editor, e) { // commit the changes right after editing finished e.record.commit();};
阅读全文
posted @
2012-11-14 22:06
浩瀚孤鸿
阅读(1322)
推荐(0)
Extjs4 actioncolumn只能显示图标，不能显示文字的暂时解决方法
摘要：方法：覆盖actioncolumn类，修改代码Ext.define('ActionTextColumn', { extend: 'Ext.grid.column.Action', alias: ['widget.actiontextcolumn'], constructor: function(config) { var me = this, cfg = Ext.apply({}, config), items = cfg.items || [me], l = items.length, ...
阅读全文
posted @
2012-11-14 22:05
浩瀚孤鸿
阅读(2574)
推荐(0)
Extjs4 radiogroup打开时的被选中值设置为变量
摘要：在打开有radiogroup时，有时会需要被选中的值不是某个定值，而是根据某个变量可以变化的。这是radiogroup的代码： items: [{ xtype: 'radiogroup',id: 'myRadio',height: 60,items: [{ boxLabel: '经典蓝', name: 'changeTheme', inputValue: 'ext-all', width: 80 ,checked: true},{ boxLabel: '气质灰', name: 'change
阅读全文
posted @
2012-11-14 19:46
浩瀚孤鸿
阅读(530)
推荐(0)
Extjs4,form提交时emptyText传值问题
摘要：在Extjs4中，form提交时，文本框的emptyText会传到后台，比如上图中的“请选择”“请输入”这样的文本会作为值传到后台。这是个比较头疼的问题，总不能每次都在后台做排除吧。解决方法：form提交时配置 submitEmptyText: false、
阅读全文
posted @
2012-11-13 13:33
浩瀚孤鸿
阅读(300)
推荐(0)
ExtJs使用总结(非常详细)
摘要：一、获取元素（Getting Elements） 1.Ext.get var el = Ext.get('myElementId');//获取元素，等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注：享元模式（Flyweight Design Pattern）是一种节省内存的模式，该模式的大概原理是建立单个全体对象然后不断反复使用它。 3.Ext.getDom var elDom = Ext.get
阅读全文
posted @
2012-11-10 16:56
浩瀚孤鸿
阅读(486)
推荐(0)
Ext.app.controller的refs
摘要：简 单来说，就是4.0建议的MVC中controller引用组件的一种方式，selector中设置组件，可以用id、classname，但推荐用 ComponentQuery（“组件检索”功能，这个也是4.0的新特性）来定位组件。ref中设置引用名，引用之后会按照引用名自动为该组件设置一个 getter方法，如ref：List，则在controller中就可以通过getList方法获得引用的组件。。 如果你引用的组件不存在，则getList方法也会生成，不会报错，但是返回的是null值。如果你引用的组件有多个，则返回第一个（具体哪个是第一个没研究），所以要注意尽量用ComponentQuery
阅读全文
posted @
2012-11-04 12:19
浩瀚孤鸿
阅读(259)
推荐(0)
EXT 删除 监听
摘要：想做一个效果：使用Ext验证textfield中数据，一旦数据有效就初始化某个模块。试了好多 监听事件，只有“valid”事件可以，但是其验证分为好几次，我猜测可能是有首先验证表单有效性，然后验证数据有效性，即，“valid”事件监听一次，触发多次。在加载完成后，如果还存在此监听，很麻烦的，所以有必要去掉。移除该事件使用 Ext.removeListener()方法，简写为un(un是添加监听事件on的反义词)。添加监听Ext.on()和移除监听Ext.un(),在使用时，其第一个参数为 监听事件，第二个为要移除的在 监听事件触发的函数，第三个为 作用域（我理解就是监听的对象，一般不写或写th
阅读全文
posted @
2012-10-26 13:54
浩瀚孤鸿
阅读(1562)
推荐(0)
Ext.data.store 详解一
摘要：store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object, //自动载入baseParams : Object, //只有使用httpproxy时才有意义data : Array, //数据proxy : Ext.data.DataProxy,//数据代理pruneModifiedRecords : boolean,//清除修改信息reader : Ext.data.Reader, //数据读取器remoteSort : bo
阅读全文
posted @
2012-10-25 17:53
浩瀚孤鸿
阅读(697)
推荐(0)
ExtJs4 Ext.form.field.ComboBox 刷新数据出现一直加载的问题
摘要：估计是这个版本的一个BUG，加上这句将，加载隐藏listConfig : { loadMask: false }
阅读全文
posted @
2012-10-22 15:36
浩瀚孤鸿
阅读(580)
推荐(0)
ExtJs4 笔记 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
摘要：本篇讲解三个容器类控件。一、面板控件 Ext.Panel一个面板控件包括几个部分，有标题栏、工具栏、正文、按钮区。标题栏位于最上面，工具栏可以在四个位置放置，围绕中间部分正文，按钮区位于最小方。下面介绍几个基本配置项：1.title:设置面板标题文本。2.tbar,lbar,rbar,bbar:分别设置上、左、右、下四个部位的工具栏。3.html，items:前者用来设置正文部分的html，后者设置正文部分的ext控件。4.buttons:设置按钮区的按钮。下面看看面板生成代码：[html]?123<h1>Panel</h1><div id="div1&
阅读全文
posted @
2012-10-22 10:04
浩瀚孤鸿
阅读(554)
推荐(0)
ExtJs4 笔记 Ext.tab.Panel 选项卡
摘要：本篇讲解选项卡控件。一、基本选项卡首先我们来定义一个基本的选项卡控件，其中每个Tab各有不同，Tab的正文内容可以有三种方式获取：1.基本方式:通过定义html和items的方式。2.读取其他html的信息:通过设置contentEl就可以获取其他html的信息为当前tab正文。3.读取服务端数据:通过定义autoLoad异步方式获取服务端数据。另外，每个tab都可以设置是否可关闭，进入tab时的事件，以及tab是否可用，具体情况请看代码：[html]?12345678910<h1>基本选项卡</h1> <div class="content"
阅读全文
posted @
2012-10-22 10:04
浩瀚孤鸿
阅读(384)
推荐(0)
ExtJs4 笔记 Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件
摘要：本篇要登场的有三个控件，分别是滚轴控件、进度条控件和编辑控件。一、滚轴控件 Ext.slider1.滚轴控件的定义下面我们定义三个具有代表意义滚轴控件，分别展示滚轴横向、纵向，以及单值、多值选择的特性：[html]?1234567891011<h1>滚轴控件</h1><div class="content"><h2>横向，初始值50</h2><div id="slider1"></div><h2>纵向，带提示</h2><div id=&quo
阅读全文
posted @
2012-10-22 10:03
浩瀚孤鸿
阅读(325)
推荐(0)
ExtJs4 笔记 Ext.MessageBox 消息对话框
摘要：本篇演示消息对话框的用法，ExtJs封装了可能用到的各类消息框，并支持自定义的配置。如下是用到的html：[html]?123456789<h1>各种消息框</h1><div id="div1" class="content"><button id="bt1" type="button" >Confirm</button><button id="bt2" type="button" >Prompt<
阅读全文
posted @
2012-10-22 10:02
浩瀚孤鸿
阅读(291)
推荐(0)
ExtJs4 笔记 Ext.Button 按钮
摘要：从本篇开始讲基础控件，ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮，下拉选项式按钮和按钮组合等。我们先看看效果图:预览如下是用到的html：[html]?123456789101112131415161718192021222324252627<h1>三种方式实现事件：</h1><div id="div1" class="content"><ul><li id="li1"></li>
阅读全文
posted @
2012-10-22 10:00
浩瀚孤鸿
阅读(609)
推荐(0)
ExtJs4 笔记 Ext.XTemplate 模板
摘要：本篇将涉及到ExtJs中一个重要的概念,模板。话说Razor很神奇，但是我个人不是很喜欢那种html混编C#的方式，仿佛又回到了asp的时 代。ExtJs的模板同样也可以组织生成灵活的html，而且代码和html有效的分离。本文将细细分析ExtJs模板的用法。行文之前我先把公共的html和用到的js数据贴在前面，后面的代码都要引用到。[html]?1234567891011121314<h1>使用标签tpl和操作符for</h1><div class="content" id="div1"></div>&l
阅读全文
posted @
2012-10-22 09:58
浩瀚孤鸿
阅读(536)
推荐(0)
ExtJs4 笔记 ExtJs对js基本语法扩展支持
摘要：本篇主要介绍一下ExtJs对JS基本语法的扩展支持，包括动态加载、类的封装等。一、动态引用加载ExtJs有庞大的类型库，很多类可能在当前的页面根本不会用到，我们可以引入动态加载的概念来即用即取。这些代码都要写在Ext.onReady外面。1.动态引用外部Js[Js]?1234//加载配置可用Ext.Loader.setConfig({ enabled: true });//动态引用“../ux/”目录下所有Js文件类，映射到对应命名空间Ext.Loader.setPath('Ext.ux', '../ux/');2.动态加载类[Js]?1234567891011
阅读全文
posted @
2012-10-22 09:54
浩瀚孤鸿
阅读(247)
推荐(0)
浙公网安备 33010602011771号