ext如何读取嵌套的子json节点数据

评论(0)浏览(476)分类：extjs开发技巧
ext如何读取嵌套的子json节点数据　　ext如何读取嵌套的子json节点数据，如类似下面的数据，用户详细信息放在子节点下userInfo下。nestedData.json{ rows: [ { userName: system, userInfo: { active: true, address: 深圳市, birthday: 2014-11-03 } } ]}ext如何读取嵌套的..

Ext4.1动态生成checkboxgroup对象

评论(1)浏览(437)分类：extjs开发技巧
Ext4.1动态生成checkboxgroup对象　　Ext4.1动态生成checkboxgroup对象的原理很简单，用ext的ajax类库发送ajax请求动态页获得items对象的字符串内容，eval生成json对象，然后再生成checkboxgroup对象，配置checkboxgroup的items对象为返回的json字符串内容即可【注意要eval生成json对象，不能直接是字符串】。　　数据源data.txt内容[{boxLabel:Item1,name:name,checked:true,in..

修改Ext.DatePicker使得Ext.form.DateField只选择年月

评论(0)浏览(431)分类：extjs开发技巧
修改Ext.DatePicker使得Ext.form.DateField只选择年月在最近一个项目中用到了Ext,学到了很多新的东西，同时JS水平得到了大大的提升。项目中需要一个年月输入框，不带日期的，可是Ext本身不带这样的功能，没办法只能自己扩展。G了一下得到2篇文章http://www.javaeye.com/topic/105492http://blog.csdn.net/forgetdavi/archive/2007/09/07/1776079.aspx按照他的做法，依葫芦画瓢，做出来了，但是出现了..

扩展ext textfield增加tooltip提示信息

评论(0)浏览(422)分类：extjs开发技巧
扩展ext textfield增加tooltip提示信息　　有些时候我们需要给ext textfield文本框添加提示信息，但是默认的控件是不支持的，可以自定义一个控件继承textfield，增加tooltip功能。 Fairies.form.TextField = Ext.extend(Ext.form.TextField,{ tooltip:{}, onRender:function(ct, position){ Fairies.form.TextField.superclass.onRender.call(this..

Ext rowexpander动态获取数据示例

评论(0)浏览(404)分类：extjs开发技巧
Ext rowexpander动态获取数据示例　　Ext rowexpander动态获取数据示例　　示例在ext-4.1.1a，ext-4.2.1.883，ext-5.1.0版本下测试成功，其他版本自己查看API进行修改。titleExt rowexpander动态获取数据示例/titlescript type=text/javascript Ext.Loader.setConfig({ enabled: true}); Ext.Loader.setPath('Ext.ux', '../ux'); Ext.require(['..

Ext grid插入删除数据更新RowNumberer行号

评论(1)浏览(401)分类：extjs开发技巧
Ext grid插入删除数据更新RowNumberer行号　　Ext gridpanel设置了RowNumberer列后，当删除或者添加新数据行时，RowNumberer这列的行号是不会自动更新的，如下下图所示，调用了下面的代码后就会出现行号重复和不连续的情况。store.removeAt(2);store.insert(0,{})　　解决办法就是用ext的选择器获取到行号那列的行号容器对象执行更新。　　Ext grid插入删除数据更新RowNumberer行号源代码..

ext gridpanel数据导出excel文件

评论(0)浏览(390)分类：extjs开发技巧
ext gridpanel数据导出excel文件　　ext gridpanel导出excel文件类库代码，支持base64客户端数据直接导出。base64类库需要自己导入：javascript base64编码解码类库 var extToExcel = {//ext gridpanel导出excel文件类库代码 exportResult: function () { var fileName = this.title; var vExportContent = this.getExcelXml(); //..

extjs combobox省市县3级联动示例

评论(0)浏览(378)分类：extjs开发技巧
extjs combobox省市县3级联动示例　　extjs combobox省市县3级联动示例，示例居于ext-4.1.1a，4+版本应该不会出错，3-自己注意修改store的创建模式，3+和4+是extjs的分水岭，store创建基本完全不一样，自己对照api修改如果需要兼容3-版本的extjs。　　extjs combobox省市县3级联动示例源代码如下!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/str..

extjs判断gridpanel是否滚动到底部

评论(0)浏览(371)分类：extjs开发技巧
extjs判断gridpanel是否滚动到底部　　extjs判断gridpanel是否滚动到底部，思路就是获取extjs gridpanel的数据容器，添加scroll事件，判断数据容器的scrollTop+offsetHeight=scrollHeight时就到底了。　　本实例居于ext-4.1.1a，其他版本自己检查api（主要3-以下版本）兼容性，示例居于ext-4.1.1a/examples/grid/array-grid.html修改 var grid = Ext.create('Ext.grid.Panel..

Ext4 grid添加，删除，修改记录demo

评论(0)浏览(352)分类：extjs开发技巧
Ext4 grid添加，删除，修改记录demo　　本示例只提供Ext4 grid添加，删除，修改记录demo前端javascript代码，自己参考代码Ext.data.Model编写动态页返回的json数据，如果修改过Ext.data.Model，记得修改返回的json结构。本示例接受的ｊｓｏｎ数据结构{totalCount:2,success:true,data:[{Sno:Sno1, name:name1, password:password1, gender:gender1, humanId:humanId1, phone:phone..

ExtJs获取rownumberer列值

评论(0)浏览(334)分类：extjs开发技巧
ExtJs获取rownumberer列值　　extjs如何获取rownumberer列的值，rownumberer列是自动增长的列，配置dataIndex无效，配置了editor也不能修改rownumberer的值。　　如果没有对数据进行删除操作，直接store.getCount()获取总记录数遍历一次就得到rownumberer值了。如果做了删减操作，rownumberer列值不连续，需要获取这些不连续的值，可以通过遍历dom来获取。　　ExtJs获取r..

Ext4 XMLStore加载webservice数据源示例

评论(0)浏览(330)分类：extjs开发技巧
Ext4 XMLStore加载webservice数据源示例　　Ext4使用XMLStore加载webservice时，返回XML不同返回json格式那么严格，返回json需要注意的事项多。　　返回xml和平时用ajax get/post请求普通页面一样，有参数get请求附加在url后面，post请求则在ajax对象的send中发送url键值对就行。　　只要配置过web.config允许get/post请求webservice后，就可以使用ajax请求webservice得到xml数据源。否..

Ext getInitialConfig获取不到默认的配置

评论(0)浏览(322)分类：extjs开发技巧
Ext getInitialConfig获取不到默认的配置　　在使用最新版本的的ext4.1时，发现使用调用实例的getInitialConfig获取不到创建实例时使用配置对象，得到一个空的JSON配置对象，不知道是ext的bug还是我理解错这个方法或者创建对象时传递的配置方法不对。　　ext getInitialConfig方法如下getInitialConfig( [name] ) : Object/MixedReturns the initial configuration passed to construct..

Ext4+通过服务器返回值动态创建多条折线图

评论(0)浏览(320)分类：extjs开发技巧
Ext4+通过服务器返回值动态创建多条折线图　　如果服务器返回的折线图数据的字段是动态创建，ext4+如何使用这种数据动态创建多条折线图。　　例如，服务器返回如下的数据{fields:[2013-8-7,2013-8-8],rows:[{hour:0,2013-8-7:94,2013-8-8:54},{hour:1,2013-8-7:31,2013-8-8:51},{hour:2,2013-8-7:41,2013-8-8:25},{hour:3,2013-8-7:75,2013-8-8:70},{hour:4,2013-8-7:95,2013-8-8:96},{h..

ext4,ext5 tree添加右键菜单

评论(0)浏览(310)分类：extjs开发技巧
ext4,ext5 tree添加右键菜单　　ext4，ext5的tree对象如何添加自定义右键菜单，菜单项包含添加，删除，修改tree当前右键点击的tree节点的功能。　　ext4，ext5的tree对象如何添加自定义右键菜单，菜单项包含添加，删除，修改tree当前右键点击的tree节点的功能源代码如下，测试版本为：ext-4.1.1a，ext-5.1.0，基本兼容ext4+和ext5+，ext3-自己看api来修改丢应的js代码。 ..

Ext.query详解

评论(0)浏览(293)分类：extjs开发技巧
Ext.query详解Ext.query( String path, [Node root] ) : Array通过path,在root中选择节点数组,path可以是以下四种选择器之一 1、元素选择符Selector ★// 这个查询会返回所有span标签组成的数组。 Ext.query(span); ★// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。 Ext.query(span, foo); ★//按id获取标签，你需要加上#的前缀 Ext.query(#..

Ext4 TreeGrid使用xml作为数据源示例

评论(0)浏览(292)分类：extjs开发技巧
Ext4 TreeGrid使用xml作为数据源示例　　TreeGrid要使用XML作为数据源，有2种方法。 第一种：首先用Ext.ajax请求xml文件，然后自己写解析方法，通过Ext.data.NodeInterface动态向treestore中添加嵌套数据，最后在再生成treegrid对象。 第二种：参考xml-tree.html这个示例，将treegrid的节点动态加载，不过既然通过动态页生成数据，还不如直接用动态页处理xml文件成需要的json数据来..

Ext4+ store获取服务器返回的附加数据示例

评论(0)浏览(288)分类：extjs开发技巧
Ext4+ store获取服务器返回的附加数据示例　　ext4+的store对象如何读取服务器返回附加数据，附加数据存储在数据行外面，如下面所示的fields如何获取{success:true,fields:[field1,field2],rows:[{id:1,Name:Name1,Address:Address1},{id:2,Name:Name2,Address:Address2}]}　　可以获取store对象的proxy对象，从proxy中获取reader，reader有一个rawData属性，包含的就是服务器返回的原始..

EXT常用方法

评论(0)浏览(287)分类：extjs开发技巧
EXT常用方法Ext.util.Observable：一个抽象基类，为事件机制的管理提供一个公共接口,如果你希望的类可以有事件，就继承它吧Ext.apply：如果只传入两个参数，则将C继承D的所有方法属性，如果定义了B则每次都先继承B的方法属性然后再继承D的方法属性，即B是默认继承对象1、Ext.apply(Object obj, Object config, Object defaults ) : Object将config中的所有属..

Ext4 JSONStore使用webservice返回的json数据

评论(0)浏览(287)分类：extjs开发技巧
Ext4 JSONStore使用webservice返回的json数据　　asp.net framework3.5 webservice增加了检查content-type，如果请求头设置了content-type:'application/json'，就会返回json字符，而不是xml。　　首先我们要了解一下webservice返回的json结构。返回的json格式是{d:实际的内容}，实际内容根据webservice方法返回值来确定。1）如果是字符串字符，那么实际内容就是字符串。如果返回的..

Ext ComboBox triggerAction值设错的悲剧

评论(0)浏览(284)分类：extjs开发技巧
Ext ComboBox triggerAction值设错的悲剧　　Ext ComboBox triggerAction配置值如果设置错误，不是all（默认）或者query，会导致ComboBox默认为query模式，使用ComboBox中显示的值对下拉列表进行查询过滤，下拉列表框中只显示当前的选中项。需要删除Ext ComboBox的值，才会显示出ComboBox数据源中的所有项目。　　所以如果你要将Ext ComboBox triggerAction配置为all，显示所有下拉项目..

Ext.grid.property.Grid显示GridPanel数据行信息

评论(0)浏览(275)分类：extjs开发技巧
Ext.grid.property.Grid显示GridPanel数据行信息　　本示例通过Ext.window结合Ext.grid.property.Grid来实现GridPanel中的数据行详细信息显示，效果如下图所示　　主要源代码如下，修改自ext-4.1.1a\examples\grid目录下的array-grid.html这个示例，其他版本的ext如果没有效果自己查找对应的API看接口是否更改过 title: 'Array Grid', listeners: { 'select': fu..

EXT xtype介绍

评论(0)浏览(275)分类：extjs开发技巧
EXT xtype介绍　　自定义组件在定义的时候可以通过xtype配置为组件指定xtype短名称，此后创建对象可以通过xtype来创建自定义对象了，示例代码如下Ext.define('MyApp.PressMeButton', { extend: 'Ext.button.Button', xtype: 'pressmebutton',//指定自定义组件的xtype text: 'Press Me'});ext中xtype类型如下基本组件..

禁用Ext4 CheckboxModel，不允许选择

评论(0)浏览(269)分类：extjs开发技巧
禁用Ext4 CheckboxModel，不允许选择　　要禁用ext4.0中的CheckboxModel，不允许用户勾选显示的checkbox，可以给CheckboxModel配置beforeselect事件，return false禁止用户选择checkbox。　　 var sm=Ext.create(Ext.selection.CheckboxModel,{listeners:{beforeselect:function(){return false;}}});//return false禁止选择 var grid=Ext.create('Ext.g..

对Ext指定节点下的子节点进行排序

评论(0)浏览(262)分类：extjs开发技巧
对Ext指定节点下的子节点进行排序　　如何对ext指定的节点进行排序，而不使用Ext treestore对象的sorters进行排序。　　下面的示例居于ext-4.1.1a下的examples\tree\check-tree.html示例，取消treestore的默认sorters排序，对To Do下的子节点进行升序排列。　　为排序前效果如下 var store = Ext.create('Ext.data.TreeStore', { proxy: { type: &..

定制ext4 combobox分页导航格式

评论(0)浏览(249)分类：extjs开发技巧
定制ext4 combobox分页导航格式　　本实例居于ext-4.1.1a，直接操作ext4生成的combobox分页DOM对象，隐藏不需要的导航对象，缩减导航条的长度。　　如果你使用的是其他版本的ext，可以先试试代码，如果没效果可能是DOM结构不一样或者一些方法不兼容导致出错，自己参考对应版本的ext的api修改代码，并用firebug或者其他调试工具查看combobox生成的导航条的DOM结构。　　本实例有..

Ext4.1动态生成折线图

评论(0)浏览(208)分类：extjs开发技巧
Ext4.1动态生成折线图　　Ext4.1动态生成折线图，其实就是动态创建store对象就好了，然后配置好折线图的x和y轴。　　示例DEMO如下data.asp%data='==========查询数据库得到记录组合成json字符串赋值给data变量'==========这里简单示例，直接赋值了data=[{x:10,y:10},{x:20,y:80},{x:30,y:20},{x:40,y:30},{x:50,y:40},{x:60,y:50},{x:70,y:60},{x:80,y:70}]r..

Ext 3.x版本获取服务器返回的附加属性

评论(0)浏览(203)分类：extjs开发技巧
Ext 3.x版本获取服务器返回的附加属性　　ext 3.x版本如何通过store对象获取服务器记录集外的附加属性，如下面的数据结构，如何获取附加的abc属性。{totalCount:6679,abc:xx00,rows:[/*记录集合*/]}　　我们通过console.log输出ext3.x store对象，在控制台可以监视到store的reader对象的jsonData包含了服务器返回的原始json数据，如下图所示　　通过上图就知道要获取ext 3.x版本服务..

Ext本地化显示中文提示信息

评论(0)浏览(201)分类：extjs开发技巧
Ext本地化显示中文提示信息　　ext如何将grid表头的排序提示信息，分页信息，和日期控件的说明性文字本地化显示，如中文显示。　　ext已经提供很多语言包，默认ext的语言包是英文的，如果要本地化显示，如修改语言为中文，导入相关的ext语言包覆盖默认配置即可。语言包在下载的源代码的locale文件夹下面，里面包含很多种语言的js文件。 script type=text/javascript sr..

Ext.ux.ItemSelector.getStore undefined

评论(0)浏览(190)分类：extjs开发技巧
Ext.ux.ItemSelector.getStore undefined　　ext4.0中的Ext.ux.ItemSelector实例调用getStore方法获取数据源时发生错误，提示getStore undefined。　　查看了下Ext.ux.ItemSelector的源代码，Ext.ux.ItemSelector继承Ext.ux.form.MultiSelect，而Ext.ux.form.MultiSelect继承的是Ext.form.field.Base，Ext.form.field.Base并没有getStore方法，并且Ext.ux.form.MultiSelect没有注册getS..