扩展ext4.1 Ext.ux.form.ItemSelector增加自定义显示

评论(0)浏览(683)分类:extjs开发技巧
扩展ext4.1 Ext.ux.form.ItemSelector增加自定义显示  本示例通过配置tpl参数,增加ext4.1的Ext.ux.form.ItemSelector要显示的内容。默认Ext.ux.form.ItemSelector只能显示一个配置的值,通过对Ext.ux.form.ItemSelector和Ext.ux.form.MultiSelect的修改,传递tpl参数实现自定义显示。效果如下,增加了value的显示。  扩展ext4.1 Ext.ux.form.ItemSelector增加自定义显示步骤如下1)在ext的ex..

Ext4 Ext.data.Model save方法示例

评论(0)浏览(675)分类:extjs开发技巧
Ext4 Ext.data.Model save方法示例  Ext4+的Ext.data.Model实例新增了一个save方法,用于将此行数据发送到服务器进行保存。save参数为Ext.data.Operation,JSON对象,同时适用于proxy配置的参数都可以添加进去。  Ext4 Ext.data.Model save方法示例,store加载完毕后修改第一条记录的的age,然后调用save方法调用ajax发送此行的数据到服务器进行保存(注意:proxy中writer配置..

jquery easyui datagrid数据源为json文件问题

评论(0)浏览(663)分类:easyui开发技巧
jquery easyui datagrid数据源为json文件问题  当jquery easyui的datagrid插件使用.json文件为数据源,通过非http协议访问【就是直接拖进浏览器查看效果】,能正常加载.json文件并且生成datagrid数据源。但是通过http协议访问示例代码时,无法加载json文件生成datagrid的数据源。  这个是由于服务器软件,如iis的配置MIME类型或者一些配置不正确导致的。  默认iis是没有json文件的mim..

easyui输入页数点击按钮手动翻页效果

评论(0)浏览(660)分类:easyui开发技巧
easyui输入页数点击按钮手动翻页效果  easyui分页组件Pagination,在页数显示输入框内输入页码后,一般情况下是需要按下回车键才会执行分页操作。要想手动翻页,给easyui分页组件Pagination增加新按钮,可以按照一下步骤进行扩展,效果如下  easyui版本为1.4.4,其他版本注意查看dom结构,通过插入的按钮获取到页码输入框。及jquery.easyui.min.js中页面输入框绑定的事件名称,..

easyui datagrid onRowContextMenu如何获取右键单击的单元格列名称

评论(0)浏览(620)分类:easyui开发技巧
easyui datagrid onRowContextMenu如何获取右键单击的单元格列名称   easyui datagrid onRowContextMenu如何获取右键点击时被点击单元格列名称。onRowContextMenu e,index,row Fires when a row is right clicked.  通过API可以看到onRowContextMenu的参数只有数据行,没有单元格信息。不过有事件对象e,可以通过e.target得到当前被右键点击的对象,为单元格td或者td里面div容器,通过这个对象可以获取到..

Ext4 grid调用reconfigure RowEditing对不齐错位解决办法

评论(0)浏览(619)分类:extjs开发技巧
Ext4 grid调用reconfigure RowEditing对不齐错位解决办法  Ext4 grid调用reconfigure后,如果grid之配置过RowEditing,会导致生成的编辑器和列不对其,如下图所示grid未调用reconfigure前,RowEditing对齐grid调用reconfigure后,RowEditing不对齐  解决办法就是重新构造RowEditing的UI。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-..

easyui tree动态从一棵树添加节点到另外所选一棵树中

评论(0)浏览(611)分类:easyui开发技巧
easyui tree动态从一棵树添加节点到另外所选一棵树中   双击easyui一棵树(源树)的节点,然后将此节点的信息动态添加到另外一棵树(目标树)中,如果目标树选择了节点,则添加到目标树选择节点下作为子节点,双击目标树时动态删除此节点及其下的子节点。  easyui版本为jquery-easyui-1.3.1,其他版本自行查看api修改对应代码。  源代码如下!DOCTYPE htmlhtmlheadmeta http-equiv=Content-T..

easyUI layout west easy面板展开箭头按钮调整到垂直居中

评论(0)浏览(600)分类:easyui开发技巧
easyUI layout west easy面板展开箭头按钮调整到垂直居中  easyUI layout west easy面板展开箭头按钮默认在标题那列,如何调整到中间位置,如下图所示easyUI layout展开箭头默认效果easyUI layout展开箭头修改后效果  示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改,其他版本自己浏览器调试工具看展开后对应的样式类名称。  easyUI layout west easy面板展开箭头按钮调整到中间..

Ext4如何使用集成kindeditor

评论(0)浏览(584)分类:extjs开发技巧
Ext4如何使用集成kindeditor  ext如何使用kindeditor编辑器,将kindeditor集成到ext框架里面。  将kindeditor集成到ext框架里面效果如下  Ext4如何使用集成kindeditor源代码代码如下,测试ext版本为4.1,其他版本未测试,4.xx版本应该没有问题,ext3-和ext5+由于改动过,特别是ext3和ext4+相差比较大,所以ext3无法运行。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01..

jqGrid 3.8.x 升级到 4.0.0相关更新

评论(0)浏览(583)分类:jqGrid中文API
jqGrid 3.8.x 升级到 4.0.0相关更新1.grid.postext.js 不再集成在jqGrid核心js文件里面  这个模块被移动到插件目录中独立出来,如果要使用这个功能需要手动导入到页面中。如果你想升级你的代码,修改作出如下的修改。(旧版本的jqGrid直接扩展了jQuery的对象方法,很容易和其他插件方法名称冲突,所以进行了改进,通过扩展jQuery的jqGrid方法来调用jqGrid内置的方法)旧方法替代..

不允许编辑Ext propertygrid字段

评论(1)浏览(581)分类:extjs开发技巧
不允许编辑Ext propertygrid字段  如何禁止对ext的propertygrid的字段进行编辑。  对于禁止编辑ext propertygrid的所有字段,可以有2种方法1)配置disabled :true(Ext版本2.3.0+),所有字段无法编辑,propertygrid显示为灰色的。var propsGrid = Ext.create('Ext.grid.property.Grid', { disabled :true,//....propertygrid其他配置});2)使用beforeedit事件..

jqGrid集成jQuery UI介绍

评论(0)浏览(575)分类:jqGrid中文API
jqGrid集成jQuery UI介绍  jqGrid为jQuery的一个插件,所以一些情况下可以使用jQuery一些辅助插件,所以为什么在这里讨论 jQuery UI类库。要求和安装jqGrid要使用jQuery UI这个功能,需要在head标签内将jQuery UI类库导入到当前页面。如何下载 jQuery UI library 参考这里: here。下载完jQuery UI后,页面结构示例如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 St..

Ext整合ueditor示例

评论(0)浏览(574)分类:extjs开发技巧
Ext整合ueditor示例  Ext整合ueditor示例  Ext整合ueditor示例源代码!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleExt整合ueditor示例/titlelink rel=stylesheet type=text/css href=../../resources/css/ext-all.css /script type=te..

easyui combobox禁用隐藏箭头示例

评论(0)浏览(556)分类:easyui开发技巧
easyui combobox禁用隐藏箭头示例  本示例扩展了easyui combobox方法setComboboxState,调用setComboboxState方法后(传递true)可以禁用combobox(调用combobox内置的disable方法),同时隐藏右侧的箭头图标,调整显示的textbox占用原来箭头的位置。传递false启用combobox,同时显示箭头并还原textbox长度,效果如下combobox禁用状态效果combobox启用状态效果  以下代码居于..

jqGrid XML数据源读取器选项配置

评论(0)浏览(555)分类:jqGrid中文API
jqGrid XML数据源读取器选项配置  本章介绍jqGrid配置datatype为xml/xmlstring数据类型时,如何设置xml数据的读取器。  默认xml数据读取器默认配置如下jQuery(#gridid).jqGrid({//... xmlReader : { root: rows, row: row, page: rowspage, total: rowstotal, records : rowsrecords, repeatitems: true, cell: cell, i..

jqGrid提交数据模块

评论(0)浏览(494)分类:jqGrid中文API
jqGrid提交数据模块  有些时候需要精确操作提交的数据对象。setGridParam有些时候不能满足要求,所以需要提交数据模块。作者Paul Tiseo安装要使用这个方法,需要在下载页面勾选Post methods模块后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6。源文件grid.postext.js在src目录中。描述这个模块的主要目的是操作传递给夫妻的数据和从服务器获..

ext4 datefield点击年月弹出层同时设置datefield内容

评论(0)浏览(489)分类:extjs开发技巧
ext4 datefield点击年月弹出层同时设置datefield内容  ext4或者ext5的datefield对象,在日期选择器中,如何在点击年月弹出层中的月份或者年份时,可以同时设置datefield对象的值,而不需要点击年份或者月份确定后返回日期选择器,再次点击日期才能设置datefield的值。  本示例居于ext4.1.1a,如果其他版本ext自己找相关版本的API来查看,效果如下  ext4 datefield点击年月弹出层同时设置date..

easyui combobox使用JSONP加载数据源

评论(0)浏览(481)分类:easyui开发技巧
easyui combobox使用JSONP加载数据源  本示例使用JSONP加载easyui combobox的数据源实现跨域请求数据,easyui版本为jQuery EasyUI 1.3.4。  高版本的jquery可以直接配置url增加jsonp特有参数如url?xxx=?,这样请求的地址非同源域名会自动启用jsonp操作,如果是低版本的jquery,如1.4没有这么智能,需要配置loader对象,因为easyui的默认loader对象中发送ajax的datatype为json。..

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

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

easyui datebox设置日期范围,其他不可选

评论(0)浏览(473)分类:easyui开发技巧
easyui datebox设置日期范围,其他不可选  easyui datebox没有同my97日历控件配置限制可以选择日期的范围,easyui要限制日期选择,需要自己扩展功能。  easyui datebox参考其他控件值设置范围可以参考此文:easyui datebox范围设置日期对比参考  easyui datebox设置日期范围,其他不可选源代码如下,easyui测试版本为1.3.3,1.4,1.4.1,1.4.3,1.4.4,其他版本没效果可以最后留言..

jqGrid没有数据标题超出容器部分无法滚动解决办法

评论(0)浏览(466)分类:jqGrid中文API
jqGrid没有数据标题超出容器部分无法滚动解决办法  jqGrid没有数据时,标题超出容器部分无法滚动,如下图所示jqGrid有数据,可以出现水平滚动条jqGrid无数据,没有滚动条,无法滚动显示其他部分页头  因为jqGrid页头使用js来移动的,页头容器默认overflow:hidden,只需要添加loadComplete事件判断没有数据往head添加样式允许出现水平滚动条即可。本示例居于4.6版本jqgrid,其他版本注意修改..

easyui calendar日历头部格式修改

评论(0)浏览(461)分类:easyui开发技巧
easyui calendar日历头部格式修改2017-6-3:更新,直接修改jquery.easyui.min.js源代码,用下面的代码如果点击页头弹出月份选择层,点击层上的按钮还是会显示默认的月年格式,还的给月份层对象添加click事件。太麻烦还不如直接修改源代码。记事本打开jquery.easyui.min.js,查找 find(.calendar-title span).html,这个就是设置calendar头部内容,将参数值改为下面。注意:jquer..

vs2013 cordova无法启动调试

评论(0)浏览(440)分类:phonegap/cordova
vs2013 cordova无法启动调试  vs2013编译cordova项目时,模拟器已经并且apk已经安装到模拟器中运行,但是vs2013却提示无法启动调试这个错误,然后输出中也没有错误信息。  翻墙谷歌了一下后,据说vs2012不支持android4.3-一下的调试。模拟器api需要19+以上(android 4.4+)才支持调试。公司电脑比较陋野,奔腾双核+4G内存,模拟器只能建立android3一下的,4+以上版本的..

Ext4.1动态生成checkboxgroup对象

评论(1)浏览(439)分类: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..

easyui datagrid使用detailview无数据无法获取第一次插入的数据

评论(0)浏览(437)分类:easyui开发技巧
easyui datagrid使用detailview无数据无法获取第一次插入的数据  easyui datagrid使用detailview显示数据行详细信息时,如果datagrid加载时没有数据行,插入数据后,调用getChanges方法,第一行添加的数据获取不到,只能获取到第二行之后的数据,如下图所示。如果datagrid加载时存在数据则不会出现无法获取第一次添加的数据行的问题。  要想解决easyui datagrid使用detailview,当datagrid中无数据加载时..

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

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

Android PhoneGap Accelerometer watchAcceleration数据不更新解决办法

评论(0)浏览(407)分类:phonegap/cordova
	Android PhoneGap Accelerometer watchAcceleration数据不更新解决办法  最近再学phonegap,在测试accelerometer加速传感器(重力感应器)的watchAcceleration获取加速传感器数据时,发现第一次运行app时,watchAcceleration添加的success或者error回调都不执行,点击页面上的按钮调用震动功能后,watchAcceleration就正常执行,并且按照指定的frequency运行,但是传入success回调的数据不会更新。  经测试可能是..

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