easyui layout datagrid combobox编辑器IE7-下滚动解决办法

评论(0)浏览(720)分类:easyui开发技巧
easyui layout datagrid combobox编辑器IE7-下滚动解决办法  easyui使用layout布局,layout中放置datagrid,当datagrid编辑的时候,编辑对象为combobox,在IE7-浏览器下,当datagrid数据行太多出现水平或者垂直滚动条时,拖动滚动条combobox编辑器会随滚动条一起滚动的问题,而不是固定在单元格里面,效果如下  黄色那行为正在编辑的数据行,生成combobox编辑器后,拖动垂直滚动条,combobox编辑器也..

javascript对象属性get/set读取设置器

评论(0)浏览(242)分类:JavaScript/Ajax开发技巧
javascript对象属性get/set读取设置器  标准浏览器和IE9+,javascript对象支持如面向对象语言的属性get(获取属性值)/set(设置属性值)设置器。示例代码如下script var o = {get Version(){return this.version;},set Version(v){this.version=v}} o.version='2.0'; alert(o.version)/script  浏览器支持FeatureChromeFirefox (Gecko)Internet ExplorerOpera..

Ext设置selModel(复选框选择)双击编辑如何恢复默认选中的数据库

评论(0)浏览(1122)分类:extjs开发技巧
Ext设置selModel(复选框选择)双击编辑如何恢复默认选中的数据库  Ext如果添加了selModel,可以选择数据行,同时添加Ext.grid.plugin.RowEditing设置双击进行编辑时,双击数据行编辑会导致之前选中的数据行被取消选择,可能是冲突了(也许可以配置其他选项来解决冲突,但是没找到)。选中数据行双击编辑后导致选中的数据行被取消选中解决办法:Ext.grid.plugin.RowEditing添加beforeedit事件保存勾选状态,然..

ztree给指定节点添加特殊样式

评论(0)浏览(1774)分类:JavaScript/Ajax开发技巧
ztree给指定节点添加特殊样式  要给ztree某些特别的节点增加样式,控制显示的颜色,字体,可以通过ztree的view配置节点的fontCss配置,将fontCss配置为函数,依据传入的节点参数进行判断后返回相关的css进行空。ztree fontCss使用说明概述[ 依赖 jquery.ztree.core 核心 js ]个性化文字样式,只针对 zTree 在节点上显示的A对象。默认值:{}JSON 格式说明JSON 格式为 JQuer..

去掉easyui datagrid默认鼠标移动,选择事件样式

评论(0)浏览(2038)分类:easyui开发技巧
去掉easyui datagrid默认鼠标移动,选择事件样式  easyui的datagrid,当鼠标移动到数据行上时会显示一个淡蓝色的背景,启用了checkbox进行数据行选择时,选中数据行会出现淡黄色的背景,要想去掉easyui datagrid的这2事件添加的样式,可以按照下面的步骤进行。1)鼠标移动到datagrid数据行上显示的淡蓝色背景,可以通过移除mouseover事件来完成。table id=dg class=easyui-datagrid title=去..

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

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

瀑布流waterfall jquery插件动态读取数据示例

评论(0)浏览(1171)分类:JavaScript/Ajax开发技巧
瀑布流waterfall jquery插件动态读取数据示例  jquery瀑布流waterfall插件示例,瀑布流结合asp.net示例源代码index.aspx%@ Page Language=C# AutoEventWireup=true CodeFile=index.aspx.cs Inherits=index %!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/htm..

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

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

Highcharts如何设置xAxis轴某条线的颜色

评论(0)浏览(625)分类:JavaScript/Ajax开发技巧
Highcharts如何设置xAxis轴某条线的颜色  Highcharts如何设置xAxis水平轴某条线的颜色源代码。Highcharts使用vml(IE8-)或者svg(标准浏览器)进行绘图的,x水平轴的的对象是shape(vml)或者path(svg)来绘制。所以只需要使用导入的jquery框架找到指定的对象就可以更改颜色了。  本示例居于Highcharts-4.0.4,测试DEMO为下载压缩包中的examples\line-basic\index.htm这个事例,..

js图片浮动碰浏览器边界反弹效果

评论(0)浏览(455)分类:JavaScript/Ajax开发技巧
js图片浮动碰浏览器边界反弹效果  js图片浮动,碰到浏览器编辑自动反弹向方向运动效果。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html head title图片浮动/title style #img{ position:absolute; } /style /head body img src=http://avatar...

js获取firefox下控件级联样式borderWidth,borderColor

评论(0)浏览(194)分类:JavaScript/Ajax开发技巧
js获取firefox下控件级联样式borderWidth,borderColor  firefox下如何获取控件级联样式表中定义的borderWidth css样式。在IE或者chrome中可以通过borderWidth,borderColor直接获取到定义的border宽度和颜色,但是firefox通过getComputedStyle得到的级联样式对象中并未包含borderWidth,borderColor的定义,而是要到详细的每条边的样式定义,如borderLeftWidth,borderLeftColor。  解决办法如下..

jqGrid预定义格式化类型

评论(0)浏览(3258)分类:jqGrid中文API
jqGrid预定义格式化类型  格式化程序支持在表单,行,单元格编辑中将内容以自定义想要的格式来显示。格式化程序有2种形式,预定义的和自定义的,这节我们介绍的为预定义的格式化程序。jqGrid模块需求要使用格式化特性,需要在下载页面勾选 Formatter module后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6。语言选项格式化选项语言在语言文件中定..

easyui tabs content为iframe没有滚动条解决办法

评论(0)浏览(6259)分类:easyui开发技巧
easyui tabs content为iframe没有滚动条解决办法  easyui tabs content为iframe时没有出现滚动条,或者无法占满容器的宽度(iframe设置了width:100%),出现这个问题是因为更改过浏览器窗体的大小导致的。  DEMOdiv id=mainPanle region=center div id=tabs class=easyui-tabs border=falsediv title=easyui tab style=padding:20px;h1easyui tabs content为iframe没有滚动条解决办法/..

IE浏览器onresize/onscroll事件执行多次解决办法

评论(0)浏览(335)分类:JavaScript/Ajax开发技巧
IE浏览器onresize/onscroll事件执行多次解决办法  ie浏览器下添加window的onresize事件时,发现点击最大化或者向下还原按钮触发onresize事件时,IE浏览器会执行2次以上的添加的resize事件,其他浏览器如firefox没有这种问题。  测试代码如下scriptvar i=0window.onresize=function(){document.title+=i+'|'i++}/script 可以使用它setTimeout方法延时执行注册resize事件,在执行之前..

高德地图AMap.Marker shape无效解决方案

评论(0)浏览(1493)分类:JavaScript/Ajax开发技巧
高德地图AMap.Marker shape无效解决方案2014-12-23:经测试IE8和最新版chrome没问题,firefox12出现这个问题,没有其他版本的firefox,不知道效果如何~  今天调用高德地图时,自定了一个覆盖物AMap.Marker,设置了icon覆盖原来的默认图片,自定义的图片大于原来的图片,发现无法点击覆盖物图片的其他位置弹出AMap.InfoWindow,只能点击覆盖物左上角一个36x36的区域才能弹出AMap.Info..

ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点

评论(0)浏览(1938)分类:JavaScript/Ajax开发技巧
ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点 jquery插件ztree如何隐藏父节点前面的展开(加号),收缩(减号)图标,而是通过点击父节点显示的内容展开收缩此节点下的子节点。找了下ztree的api,没有提供隐藏展开/收缩图标的配置,可以自己写css覆盖ztree的css,然后自己调用expandNode展开收缩子节点。  ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点源代码如下1)隐藏ztree展开..

jquery模拟android slidingmenu效果

评论(0)浏览(219)分类:JavaScript/Ajax开发技巧
jquery模拟android slidingmenu效果  jquery模拟android slidingmenu组件效果源代码如下,采用了CSS3动画,IE浏览器需要升级到IE9+以上。!doctype htmlscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scripttitlejquery模拟android slidingmenu组件效果/titlestylehtml,body{margin:0px;padding:0px;height:100%;width:100%;overflow:hidden;}.abs{posi..

页面回退到上一页如何保留js动态生成内容

评论(0)浏览(6182)分类:JavaScript/Ajax开发技巧
页面回退到上一页如何保留js动态生成内容  js动态生成的内容,当转向到其他页面,通过history.back或者点击浏览器工具栏上的回退按钮返回这个页面时,js动态生成的内容在某些浏览器下是不会保存的,如IE和chrome,本人firefox12测试js动态生成的内容,在浏览器历史回退可以保存下来,那么在IE和chrome下如何保留js动态生成的内容呢?  IE和chrome下回退时会执行内置的js脚本,所以可..

jqGrid表单编辑配置

评论(1)浏览(18428)分类:jqGrid中文API
jqGrid表单编辑配置jqGrid表单编辑jqGrid支持一个浮动的表单用于查看,添加,编辑,删除和查询表格数据,下面为添加记录的效果图  在你的项目中可以使用模态盒子和行编辑。其中,行编辑只能用于编辑已经存在的行,不能用于查询,删除,添加数据。实际应用中,不推荐同时使用这2中方法,因为选择同一行时这2者存在冲突(在这种情况下,当你选择一行来编辑,点击编..

jquery水平方向平铺焦点图

评论(0)浏览(603)分类:JavaScript/Ajax开发技巧
jquery水平方向平铺焦点图  jquery实现的水平方向平铺占满显示视窗效果。当视窗大小改变时,自动变换焦点图显示的区域。目前焦点图支持2个方向的滚动,水平和垂直滚动。  jquery水平方向平铺焦点图插件测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlejquery水平方向平铺焦点..

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

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

Ext.menu.Menu添加的菜单id命名不能为数字

评论(0)浏览(190)分类:extjs开发技巧
Ext.menu.Menu添加的菜单id命名不能为数字  Ext.menu.Menu调用add方法添加菜单项时,注意如果配置了id,id不能为数字,要不会报错。  Ext4-会出现:Uncaught TypeError: Cannot read property 'dom' of null 错误。  Ext5会出现:Uncaught Error: Invalid component id: 0 错误  但是在IE4-下配置id为0不报错,可以正常生成菜单。。⊙﹏⊙b汗。。。~标记下,防止以后忘记..

Ext4.2 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头

评论(0)浏览(697)分类:extjs开发技巧
Ext4.2 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头  Ext4.2/Ext5 Ext.menu.Menu对象,一级菜单调用setMenu动态添子菜单时,此时的父节点没有展开子菜单的箭头。目测是ext4.2的bug,因为ext4.1下调用setMenu是出现展开子菜单的箭头的。如下图Ex5 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头Ext4.2 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头Ext4.1 Ext.menu.Menu setMenu动态添..

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

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

去掉IE特有css样式expression

评论(0)浏览(159)分类:JavaScript/Ajax开发技巧
去掉IE特有css样式expression  IE浏览器下有一个特殊的样式expression,可以动态执行js脚本,this对象指向启用了expression样式的对象。expression这个样式比较耗资源,只要鼠标或者键盘有动作,就会执行这个事件。  要移除IE的expression css样式,需要使用IE style属性特有方法removeExpression,不能通过style.xxx=null移除。  去掉IE特有css样式expression源代码如..

配置chrome支持本地(file协议)ajax请求

评论(3)浏览(26939)分类:JavaScript/Ajax开发技巧
配置chrome支持本地(file协议)ajax请求  将html代码拖拽进入chrome通过file协议浏览时,发送的ajax请求本地文件,会报跨域错误。XMLHttpRequest cannot load file:///E:/webs/extJS/ext-3.3.0/examples/csdn/combobox.txt?_dc=1414738973999. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.  ..

如何检查jQuery选出的对象是否还在DOM中

评论(0)浏览(175)分类:JavaScript/Ajax开发技巧
如何检查jQuery选出的对象是否还在DOM中  如何检查jquery选出的对象是否还在dom树中,而不是从DOM树中删除掉。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptpDOM1/ppDOM2/pscript var $cache1 = $(p); //jQuery选出所有p对象 $(p:eq(0)).remove(); //jQuery移除第一个p对象 alert($cache1.size())//输出2,而不是1 ..

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

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

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

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