easyui checkbox tree选择节点后添加到另外一棵树示例

评论(0)浏览(1431)分类:easyui开发技巧
easyui checkbox tree选择节点后添加到另外一棵树示例  easyui checkbox tree选择节点后添加到另外一棵树中,并且删除选中的树中的节点。另外一棵树也可以执行这种操作。类似于2个select之间option的移动。如授权管理,一棵授权树,从中选中权限后添加到另外一个checkbox tree棵树中。  easyui checkbox tree选择节点后添加到另外一棵树示例源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312..

easyui datagrid datailview使用子表格后数据不对齐解决办法

评论(0)浏览(2744)分类:easyui开发技巧
easyui datagrid datailview使用子表格后数据不对齐解决办法  easyui datagrid datailview,当dataview加载的是datagrid对象,子datagrid使用ajax异步加载数据时,前面的展开符号列高度没有变化,导致内容和前面的内容无法对齐,如下图所示  而实际效果应该如下图解决办法:增加onLoadSuccess事件重设前面展开部分的高度,因为展开部分和内容是分开的。var columns = [[{ field: 'TestPoint_ID..

Ext5 Ext.data.proxy.Memory客户端数据分页示例

评论(1)浏览(1598)分类:extjs开发技巧
Ext5 Ext.data.proxy.Memory客户端数据分页示例  Ext5使用Ext.data.proxy.Memory对客户端数据进行分页示例,Ext5对Ext.data.proxy.Memory进行了调整,要对客户端数据进行分页,使用Ext.data.proxy.Memory即可,配置enablePaging为true。如果版本低于Ext5,需要使用Ext.ux.data.PagingMemoryProxy这个对象(具体参考:Ext4如何对本地数据进行分页显示)。Ext5 Ext.data.proxy.Memory客户端数..

js判断是否为IE11浏览器

评论(0)浏览(425)分类:JavaScript/Ajax开发技巧
js判断是否为IE11浏览器  IE11的navigator里面已经不包含MSIE字符串,window.ActiveXObject也不再支持。要判断是否IE11浏览器,可以使用下面的代码IE11的navigator.userAgent输出为:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..

css3 3d翻牌效果

评论(0)浏览(297)分类:HTML/CSS兼容/XML
css3 3d翻牌效果  css3动画3d翻牌效果,请用firefox和chrome查看示例htmlheadtitlecss3 3d翻牌效果/titlestyle type=text/css.kuang{height: 300px;width: 200px;border: 2px solid black;position:relative}.poker{height: 300px;width: 200px;background-color: #00ffff;position: absolute;left: 0px;top: 0px;-webkit-transition:all 1s linear;-webkit-t..

easyui treeGrid异步加载子节点示例

评论(0)浏览(1466)分类:easyui开发技巧
easyui treeGrid异步加载子节点示例  easyui treeGrid异步加载子节点示例。如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构。嵌套的children结构好像是不支持,没研究出来。  示例代码easyui版本为1.3.5,其他版本没测试。  easyui treeGrid异步加载子节点无限极示例源代码如下data.ashx,数据源%@ WebHandler..

获取easyui datagrid正在编辑的数据行

评论(0)浏览(2909)分类:easyui开发技巧
获取easyui datagrid正在编辑的数据行  javascript判断easyui datagrid是否在编辑状态,及如何获取当前正在编辑的数据行数据。  获取easyui datagrid正在编辑的数据行源代码如下 function getEditRow(datagridId) {//datagridId为table容器的id var input = $('#' + datagridId).parent().find('div.datagrid-body input'), row; ..

Ext表单如何直接显示错误信息

评论(0)浏览(157)分类:extjs开发技巧
Ext表单如何直接显示错误信息  Ext的表单配置了allowBlank为false或者其他验证条件时,如何在表单加载完毕后直接显示错误提心提示,而不需要输入控件获取焦点,blur后在显示数据为空或者和验证条件不匹配时配置的错误信息。  在FormPanel表单加载完毕后直接显示错误提示信息,可以给FormPanel增加render事件,触发BasicFrom的isValid方法即可将需要验证的字段的提示信息..

数字在主键盘和小数字键盘下的keyCode值不一致

评论(0)浏览(488)分类:JavaScript/Ajax开发技巧
数字在主键盘和小数字键盘下的keyCode值不一致  keydown或者keyup事件中获取键盘按下的keyCode值时需要注意,主键盘上数字按键的keyCode值和小键盘上的数字keyCode值是不一样,如果不注意这点,小心程序出现问题。  主键盘的数字0~9的keyCode为:48~57  小键盘上的数字0~9的keyCode则为:96~105  JavaScript中键盘按下的keyCode问题  在使用JavaScript做WEB键盘事件侦听捕获时,主..

html编辑器回车换行如何指定为br

评论(0)浏览(471)分类:JavaScript/Ajax开发技巧
html编辑器回车换行如何指定为br  用iframe作为html编辑器或者web编辑器的容器时,如果不做特殊处理,不同浏览器下对回车的生成的html代码不全相同(主要是低版本的IE浏览器,如IE8-)。firefox和chrome对回车生成的html代码是br,而IE下是P标签。  要想规范html编辑器响应回车按键,生成统一的标签,如br换行,可以给iframe编辑器容器添加keydown事件,阻止默认的浏览器事..

chrome完全取消同源访问策略控制

评论(0)浏览(1032)分类:HTML/CSS兼容/XML
chrome完全取消同源访问策略控制  由于chrome的同源访问策略,会导致即使是本地测试js效果时也会报错。chrome本地测试访问iframe,parent,opener null解决办法配置chrome支持本地(file协议)ajax请求chrome无法保存本地设置cookie解决办法  具体问题问题解决办法参考上面的文章。如果想一次性解决上面的所有问题,可以增加--disable-web-security启动参数,怎么增加启动参..

chrome本地测试访问iframe,parent,opener null解决办法

评论(0)浏览(3256)分类:HTML/CSS兼容/XML
chrome本地测试访问iframe,parent,opener null解决办法  使用谷歌chrome浏览器时,如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果,由于chrome的同源策略,父页无法访问iframe中的内容,iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页,也无法通过opener或者存储打开页面的句柄来访问被打开的页面,在chrome控制台会出现下面类似的错误信息Uncaugh..

chrome浏览器iframe parent.document为undefined

评论(1)浏览(2228)分类:JavaScript/Ajax开发技巧
chrome浏览器iframe parent.document为undefined2014-11-05更新:这个问题是由于chrome的同源访问造成的,一般需要发布网站后访问,否则需要给chrome增加启动参数,允许访问本地资源文件。如果你是开发人员,增加chrome的配置是最好的,就不需要再搭建服务器进行访问。参考:配置chrome支持本地(file协议)ajax请求  chrome浏览器iframe parent.document为undefined,对于window.open打开的..

meizz日历控件,梅花雨日历控件,支持时间选择

评论(0)浏览(859)分类:JavaScript/Ajax开发技巧
meizz日历控件,梅花雨日历控件,支持时间选择  meizz大牛以前写的一个日历控件,支持日期,时间,精确到秒的选择,不过美中不足就是不兼容firefox,经本人修改,现在已经兼容firefox。  测试浏览器:IE7,IE8,firefox4,chrome21.0.1180.79 m  效果如下图所示  源代码如下script // 主调用函数是 setday(this,[object])和setday(this),[object]是控件输出的控件名,举两个例子..

javascript检查移动设备是否支持重力方向感应

评论(0)浏览(272)分类:JavaScript/Ajax开发技巧
javascript检查移动设备是否支持重力方向感应  javascript如何检查移动设备,如手机平台是否支持重力或者方向感应。  可以使用html5提供的重力和方向感应接口来判断。  html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。  目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部..

div模拟select左右移动效果

评论(0)浏览(204)分类:JavaScript/Ajax开发技巧
div模拟select左右移动效果  div模拟select option对象左右移动效果,同时增加右边货物自动增加效果。  源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..

jquery仿京东商城三级联动代码插件

评论(0)浏览(1475)分类:JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件  模仿京东送货地址省市县3级联动,已经做成jQuery插件形式,效果图如下  jquery仿京东商城三级联动代码插件DEMO!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; chars..

ie execCommand saveas为txt文件会在某个长度后换行

评论(0)浏览(194)分类:JavaScript/Ajax开发技巧
ie execCommand saveas为txt文件会在某个长度后换行  今天在csdn看到一个问题,在IE下exeCommand 调用saveas命令,将某些内容存为txt文件时,当一行的长度大于某个长度时,会自动换行,而实际保存的内容是没有换行的。  示例代码如下script type=text/javascript function fnsave() { var tab = document.getElementById(a); var contents = tab.innerHTML; var winn..

异步ajax请求如何控制执行循序

评论(0)浏览(217)分类:JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序  ajax多个请求时,如果下一次请求依赖上一次的请求结果,或者希望能按照请求循序先后返回,而不是乱序返回,需要自己写代码控制ajax的执行循序,而不是for或者jquery的each并发发起ajax请求,这样无法控制ajax的返回循序。当然如果你不想用异步请求,改为同步请求可以控制for,each的并发ajax请求返回循序,但是对于jsonp这种只能异步加载的数..

jQuery Slider滑动条取值插件

评论(0)浏览(1107)分类:JavaScript/Ajax开发技巧
jQuery Slider滑动条取值插件  jQuery Slider滑动条取值插件,jQuery源插件没有左右+/-增加滑动条按钮,可以增加按钮,调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。  添加的+/-按钮有点丑,自己美化下,效果如下  jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..

easyui datagrid表头分组内容和表头对不齐解决办法

评论(1)浏览(3278)分类:easyui开发技巧
easyui datagrid表头分组内容和表头对不齐解决办法  easyui datagrid表头分组分组后,有可能导致内容行和表头对不齐的情况,可能是easyui datagrid对太复杂的表头计算出问题。  解决办法:依据表头定位用的div重新设置内容行的第一行的宽度进行重新定位。  效果图如下easyui datagrid表头分组分组后,导致内容行和表头对不齐的情况  onLoadSuccess事件中重新设置内容行宽度和表头一致效果..

easyui datagrid detailview加载时全部自动展开显示详细信息

评论(0)浏览(3052)分类:easyui开发技巧
easyui datagrid detailview加载时全部自动展开显示详细信息  使用easyui datagrid detailview插件时,在easyui datagrid加载完毕后如何将默认隐藏的detailview详细内容显示出来。  可以在onLoadSuccess事件中触发detailview展开按钮的click事件即可。  本示例居于jquery-easyui-1.3.5,如果没有效果,可以用开发工具看下detailview展开按钮是那种标签,增加了什么样式,不同不版本可能不同,需要修..

javascript判断2个对象是否重叠

评论(0)浏览(669)分类:JavaScript/Ajax开发技巧
javascript判断2个对象是否重叠  如何用javascript判断给定的2个div对象是否存在重叠部分,算法如下1)判断4个顶点是否在另外一个对象的区域内2)上面的判断失败,则为十字架关系,内部一部分包含在另外一个对象中,但是顶点相互不在对方内部注意:上面2个步骤需要相互转换过参考对象  测试源代码如下,居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..

Ext Grouping Grid分组添加分页

评论(0)浏览(869)分类:extjs开发技巧
Ext Grouping Grid分组添加分页  Ext Grouping Grid增加分页效果,和普通的Ext Grid分页一样,增加PagingToolbar即可,然后依据PagingToolbar发送的分页参数page,返回需要的数据就行,配置分组后会自动分组返回的数据。  Ext Grouping Grid增加分页源代码如下groupgrid-paging.htmlhtmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / titl..

阻止默认浏览器按钮刷新操作事件

评论(0)浏览(1011)分类:JavaScript/Ajax开发技巧
阻止默认浏览器按钮刷新操作事件  javascript如何阻止浏览器刷新操作,如按下F5按钮,右键弹出菜单选择刷新操作,ctrl+R强制刷新页面。  下面的代码仅适用于下面的3中操作,对于点击浏览器上的刷新按钮这个没办法控制(只能提示用户是否要离开页面,由用户控制是否离开操作,而不能用javascript代码强制停留在此页面或者进行其他的操作)在浏览器按下F5按钮右键页面弹出菜..

IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法

评论(0)浏览(693)分类:HTML/CSS兼容/XML
IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法  在IE6,IE7,IE8(IE8未添加xhtml,在backpack模式下),如果父节点设置了margin-left属性,会导致输入元素如input,textarea继承父元素的margin-left导致偏移,测试代码和效果图如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitleIE6,IE7,IE8输入元素input..

IE7-同级元素relative定位,子元素absolute定位z-index失效

评论(0)浏览(477)分类:HTML/CSS兼容/XML
IE7-同级元素relative定位,子元素absolute定位z-index失效  IE7-下,同级元素使用relative定位时,如果子元素使用absolute定位,这个absolute定位的子元素会被处于这个元素的父元素的后面的同级元素所覆盖,导致z-index无效(一般解决IE7- z-index失效的问题主要是给父元素增加z-index),示例代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/..

IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动

评论(0)浏览(253)分类:HTML/CSS兼容/XML
IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动  在IE6,IE7下,子元素使用position:relative定位、父元素使用overflow:auto后,当滚动父元素的滚动条后,position:relative定位子元素没有随滚动条滚动,而是固定在原来的位置,犹如position:fixed定位效果。  IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动示例图如下正常显示,子元素未滚动前滚动父元素滚动条后,子..

easyui combobox联动示例

评论(0)浏览(1700)分类:easyui开发技巧
easyui combobox联动示例  easyui combobox联动示例,2个combobox实现联动asp示例  easyui combobox联动示例源代码如下data.asp%v=request.QueryString(v)if v then'加载二级菜单 s= for i=0 to 3 s=s,{l:labelv_i,v:i} next '上面为简单示例,自己根据v的值查询数据库输出符合配置的json格式的数据 s=[right(s,len(s)-1)] response.Write s resp..