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

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

jquery文档处理方法append,html可以执行脚本

评论(0)浏览(619)分类:JavaScript/Ajax开发技巧
jquery文档处理方法append,html可以执行脚本  今天才发现原来jquery文档处理方法如append,html,before等方法可以执行内容中的script标签中的javascript脚本或者加载src指向的脚本文件,真是失败啊,用了那么久jquery...注意:text方法除外,text方法会将html标签中的替换为对应的实体对象  jquery源代码中部分文档处理方法如下 append: function() { return this.domManip..

dTree节点查找展开收缩示例

评论(0)浏览(618)分类:JavaScript/Ajax开发技巧
dTree节点查找展开收缩示例  dTree示例,带查找节点,展开收缩查找到得节点功能,dTree下载:dTree.js下载+API文档  示例实现节点查找,并展开输入的关键字的节点展开dTree包含关键字的节点搜索dTree包含关键字节点  源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtmlheadtitledTree示例,带..

javascipt修改css级联样式表类和伪类样式

评论(0)浏览(618)分类:JavaScript/Ajax开发技巧
javascipt修改css级联样式表类和伪类样式  javascript修改级联样式表文件或者内嵌级联样式表中定义的类样式属性。需要注意的是级联样式中的伪类直接替换属性值无效,需要新增样式进行覆盖,替换值不起作用!doctype htmltitlejavascipt修改css级联样式表类和伪类样式/titlestyle.exampleA{color:Blue}.exampleA:before {content:-;color:red;font-size:20px;font-weight:bold}/style!-..

jquery attr prop 区别

评论(0)浏览(615)分类:JavaScript/Ajax开发技巧
jquery attr prop 区别  prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。  通过分析attr和prop的源码,得知:  attr 方法里面,最关键的两行代码,elem.setAttribute( name, value + )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..

IE css expression中获取scrollTop属性

评论(0)浏览(614)分类:JavaScript/Ajax开发技巧
IE css expression中获取scrollTop属性  今天在做一个浮动效果,由于IE6-不支持position:fixed,所以就对IE6-浏览器可以考虑使用IE专有css行为expression+position:absolute来实现。下面的代码全部在IE6-浏览器下测试。  HTML结构div class=ieexp浮动层/div  开始定义样式如下.ieexp{top:expression(document.body.scrollTop);left:0px;}  结果发现浮动层在IE下固定在了顶部,..

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

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

javascript判断中为假false的值

评论(0)浏览(611)分类:JavaScript/Ajax开发技巧
javascript判断中为假false的值  JavaScript中有 6 个值为假,这六个值是falsenullundefined0'' (空字符串)NaN  虽然这六个值都为假,它们之间并非都相等console.log( false == null ) // falseconsole.log( false == undefined ) // falseconsole.log( false == 0 ) // trueconsole.log( false == '' ) // trueconsole.log( false =..

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

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

javascript有哪些基本数据类型

评论(0)浏览(589)分类:JavaScript/Ajax开发技巧
javascript有哪些基本数据类型前端面试中常被问到的问题之一就是JavaScript的基本类型有几种?。有的回答数字、字符串、布尔,有的可能会再加上Null、Undefined。而有人可能认为object也是基本类型。到底是什么样呢?所谓基本类型(primitive types)的概念ECMAScript(V3,V5)中压根就没有,它只是将类型分为6种。ECMAScript只提到类型,用types表示,在V3,V5整个文档搜关..

输入框onchange,oninput,onpropertychange事件区别

评论(0)浏览(587)分类:HTML/CSS兼容/XML
输入框onchange,oninput,onpropertychange事件区别输入框(input)onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件:输入框的值改变,失去焦点(onblur)后触发。兼容性:各浏览器都支持。oninputonpropertychange触发条件:输入时,实时触发,而不是失去焦点才触发。兼容性:oninput:Chrome/IE9/Firefox/Safari/Operaonpropertychange:IE6/IE7/IE8/IE9所以如果要实现输..

ajax无刷新上传文件,使用iframe模仿

评论(2)浏览(587)分类:JavaScript/Ajax开发技巧
ajax无刷新上传文件,使用iframe模仿其实ajax是无法上传文件的,所以得用隐藏的iframe来模仿ajax未出现之前,一直都是隐藏的iframe来实现无刷新操作如果谁看过图灵程序设计丛书的Ajax高级编程,就知道了。示例下载点击这里下面列出代码,asp的上传代码太麻烦,就使用。net了。。。upload.ashx%@ WebHandler?Language=C# Class=upload %using System;using System.Web;public class ..

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

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

jqGrid集成jQuery UI介绍

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

referrer 来源页面 hash值丢失

评论(0)浏览(582)分类:网站排名及优化
referrer 来源页面 hash值丢失  今天编写一个获取搜索引擎输入关键字的代码时,发现如果来源页面包含了hash值,发现无法获取到来源页面的hash值。  因为在Firefox中直接输入google.com.tw进行搜索时,发现google.com.tw尽然将查询内容放在hash对象里面,而不是search对象中,这样使用document.referrer获取不到来源页面的hash。  不过我是通过firebug修改搜索结果的链接..

不允许编辑Ext propertygrid字段

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

Ext整合ueditor示例

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

自定义上传控件样式

评论(0)浏览(576)分类:JavaScript/Ajax开发技巧
自定义上传控件样式  有些时候我们不需要默认的上传控件input=file的样式,而是现实自定义的样式和文字,而不是单一的浏览...样式,我们可以使用浮动层来实现。  原理:将上传控件input=file设置为透明的,然后添加2个控件。1)一个在上传控件input=file的浏览...按钮下面,因为上传控件input=file是透明的,所以看到的是这个自己定义的控件,不过注意大小和位..

javascript自动格式化输入的数字金额

评论(1)浏览(572)分类:JavaScript/Ajax开发技巧
javascript自动格式化输入的数字金额  需求:javascript自动格式化输入的数字金额,每3位数字后面增加一个,逗号分隔开,失去焦点后自动删除逗号,防止数据库写入数字类型的字段时出错,获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容,防止乱输入..

JavaScript限制输入框只允许输入数字和符号,小数点

评论(0)浏览(571)分类:JavaScript/Ajax开发技巧
JavaScript限制输入框只允许输入数字和符号,小数点  JavaScript限制输入框只允许输入数字和符号,小数点,不允许输入其他内容,并且输入符号后不能在前面输入数字,小数点同理。titleJavaScript限制输入框只允许输入数字和符号,小数点/titleinput type=text onkeydown=return checkKeyCode(event,this) style=ime-mode: disabled; /script function getCursorPosition(el) {//获取光标位置..

javascript/asp.net转换字符串为16进制编码

评论(0)浏览(561)分类:JavaScript/Ajax开发技巧
javascript/asp.net转换字符串为16进制编码  将字符串编码为16进制\u(asciis大于256)或者\x(ascii小于等于256)编码的字符串,当原页面和请求页面编码不统一时,可以有效解决中文内容乱码问题。  javascript将字符串转为16进制编码内容,以\x16进制形式显示在源代码中,实现代码的简单加密。源代码如下script function sToHex(str) { var val = ,charCode,s; f..

扩展JavaScript trim,trimStart,trimEnd方法

评论(0)浏览(556)分类:JavaScript/Ajax开发技巧
扩展JavaScript trim,trimStart,trimEnd方法  javascript没有类型C#的Trim,TrimStart,TrimEnd方法去除空白字符或者指定的字符,需要自己扩展javascript的string类型的prototype增加string类型的Trim,TrimStart,TrimEnd方法。  源代码如下,来源:http://code.google.com/p/vegas/var FRL = {};FRL.strings = {};FRL.strings.whiteSpaceChars = [ \u0009 /*Horizontal tab*/ , ..

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

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

HTML5 Audio/Video属性,方法,事件列表

评论(0)浏览(556)分类:HTML/CSS兼容/XML
HTML5 Audio/Video属性,方法,事件列表audio 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条Html代码audio id=media src=http://www.abc.com/test.mp3 controls/audio video 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条w..

jquery ui draggable限制拖动区域

评论(0)浏览(556)分类:JavaScript/Ajax开发技巧
jquery ui draggable限制拖动区域  jquery ui draggable如何限制被拖动对象的位置区域,不允许在指定区域内容放置被拖动的对象,如果在禁止区域内容放置对象则还原被拖动对象位置,效果如下。  jquery ui draggable限制拖动区域源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejquery ui draggable限制拖动区域/titlelink rel=stylesheet href=http://code...

easyui combobox禁用隐藏箭头示例

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