ext gridpanel数据导出excel文件

评论(0)浏览(393)分类：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)浏览(383)分类：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..

vs2013编译cordova build.bat: Command failed with exit code 8

评论(0)浏览(373)分类：phonegap/cordova
vs2013编译cordova build.bat: Command failed with exit code 8　　vs2013编译cordova时，出现错误Command failed with exit code 81 GeneratedJavascript=1 E:\cordova\MyAppcall F:\Program Files\nodejs\\nodevars.bat1 Your environment has been set up for using Node.js 0.10.33 (ia32) and npm.1 ------ Ensuring correct global installation of package from source package directory: F:\PROGRAM..

extjs判断gridpanel是否滚动到底部

评论(0)浏览(372)分类：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..

更正easyui datebox年月面板年份输入框bug

评论(0)浏览(358)分类：easyui开发技巧
更正easyui datebox年月面板年份输入框bug　　bug1）easyui datebox年月面板年份输入框更改值并且失去焦点后，第一行显示的年份并不会更改，并且此时点击第一行的年份切换切换或者年份输入框同一行的年份切换按钮，会被还原为第一行的年份值+/-1。　　bug2）easyui datebox点击年月面板第一行的月份切换按钮，如果换年后（往前或者往后都一样），年份输入框的年份值不会更改。如下图所示..

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..

easyui calendar换月换年事件

评论(0)浏览(340)分类：easyui开发技巧
easyui calendar换月换年事件　　easyui的calendar对象换年，换月时没有提供事件来监控，要想监控calendar对象更换年月的事件，可以自己给上一个月，下一个月这种箭头图标添加click事件，自己判断下箭头的样式即可。　　easyui calendar换月换年事件源代码div class=easyui-calendar style=width:250px;height:250px; id=cl/divscript $(function () {//注意代码放DOM Re..

ExtJs获取rownumberer列值

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

easyui draggable只允许左键拖动

评论(0)浏览(336)分类：easyui开发技巧
easyui draggable只允许左键拖动　　如何设置easyui draggable只允许左键拖动，按下右键或者滚轮键不允许拖动（默认easyui draggable 鼠标3个键按下都可以拖动，因为绑定的是mousedown事件）。　　解决办法需要修改jquery.easyui.min.js源代码，找到下面类似的语句，可以记事本打开jquery.easyui.min.js，然后搜索bind(mousedown.draggable，第一个出现的位置就是（jquery-easy..

easyui accordion 注意panel title标签不能设置为0/false或者''

评论(0)浏览(331)分类：easyui开发技巧
easyui accordion 注意panel title标签不能设置为0/false或者''　　easyui accordion的内容panel title标签不要设置为javascript与false等效的内容，如0，''（空字符串），要不这个panel无法呈现在accordion布局中。　　这个可能是由于accordion部分方法，如getPanel/select/remove方法的参数可以指定为title（也可以为panel的下标，从0开始），如果title为与false等效的值，easyui就直接忽略了。　　..

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

将表格转为jqGrid

评论(0)浏览(322)分类：jqGrid中文API
将表格转为jqGrid描述将存在的html表格转为grid作者Peter Romianowski安装要使用这个方法，需要在下载页面勾选Table to Grid模块后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。源文件grid.tbltogrid.js在src目录中。调用方式tableToGrid(selector, options)此方法为函数，不是方法。方法参数说明selector(string) ：有效的table选择器（cs..

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

评论(0)浏览(321)分类：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代码。 ..

easyui datagrid合并主键值一样的记录

评论(0)浏览(299)分类：easyui开发技巧
easyui datagrid合并主键值一样的记录　　easyui datagrid如何将相同主键值的记录进行数据合并，显示在第一行，数据源截图和默认datagrid显示效果如下，数据源其实就是下载的压缩包里面jquery-easyui-1.4.1\demo\datagrid\datagrid_data1.json改的，将productid改相同几个。未合并前显示效果数据源截图示例合并后效果easyui datagrid合并主键值一样的记录源代码如下 script ..

Ext.query详解

评论(0)浏览(294)分类：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数据来..

EXT常用方法

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

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 ComboBox triggerAction值设错的悲剧

评论(0)浏览(285)分类：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)浏览(280)分类：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..

easyui tabs按下鼠标连续滚动tab页头容器

评论(0)浏览(279)分类：easyui开发技巧
easyui tabs按下鼠标连续滚动tab页头容器　　easyui tabs如果tab很多，tab header无法容下所有tab时会出现滚动的左右箭头，如下图所示　　点击箭头一次只会滚动一次，如果想实现鼠标按下连续滚动tab header，可以添加以下代码实现鼠标按下后连续滚动。 script $(function () { var tt,delay=300;//计时器延时移动300ms//注意如果你的tab容器id不是tt，修改这里 ..

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

vs2013 cordova Failed to install apk to emulator

评论(0)浏览(245)分类：phonegap/cordova
vs2013 cordova Failed to install apk to emulator　　vs2013编译cordova时出错，apk文件无法安装到模拟器中，提示错误：Failed to launch app on emulator: Failed to install apk to emulator: pkg: /data/local/tmp/CordovaApp-debug.apk消息 23 Installing app on emulator... MyApp消息 24 Using apk: E:\cordova\MyApp\bld\Debug\platforms\android\ant-build\CordovaApp-debug.apk MyA..

vs2013编译cordova停留在Ensuring correct global installation

评论(0)浏览(223)分类：phonegap/cordova
vs2013编译cordova停留在Ensuring correct global installation　　vs2013编译cordova项目时，一直停留在Ensuring correct global installation of package from source package directory: F:\PROGRAM FILES\MICROSOFT VISUAL STUDIO 12.0\COMMON7\IDE\EXTENSIONS\V3HZ4YXC.KZZ\packages\vs-mda这个步骤，等了10多分钟都不动。不知道什么问题。1------ 已启动生成: 项目: MyApp, 配置: Debug Android ------..