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

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

input输入内容后使用×号一键删除

评论(0)浏览(398)分类:JavaScript/Ajax开发技巧
input输入内容后使用×号一键删除  如何实现input输入框输入内容后,再输入框最右边出现一个号,点击叉号删除当前input输入框的内容,效果如下  input输入内容后使用号一键删除源代码如下,已经做成jQuery插件形式!doctype htmlstyle div.clearText{display:inline-block;position:relative} div.clearText input{border:solid 1px #666;height:20px;line-height:20px..

Ext4如何使用集成kindeditor

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

+/-一元运算符计算空字符结果为0分析

评论(0)浏览(321)分类:JavaScript/Ajax开发技巧
+/-一元运算符计算空字符结果为0分析  JavaScript一元运算符对空字符计算时为什么得到0,代码如下scriptalert(+'')//0alert(+[])//0/script  这是因为对空字符使用一元运算符+/-时,空字符会被强制转为0或者将字符串传入Number构造函数中,而Number('')返回0。scriptalert(Number(''))//0/script  +[]为什么也是0,是应为+和对象运算,会调用对象的t..

js判断已经滚动到页面底部

评论(0)浏览(367)分类:JavaScript/Ajax开发技巧
js判断已经滚动到页面底部  js如何判断页面已经滚动到底部!DOCTYPE htmlhtmlhead meta charset=UTF-8 titlejs判断已经滚动到页面底部/title/headbody style=margin:0;padding:0 div id=dvBT style=position:fixed;bottom:0;right:0;background:#fff/div div id=part1 style=height:2000px;overflow: auto;background: lightblue; /div div id=part2 ..

jQuery.tablesorter 2.0中文排序解决办法

评论(0)浏览(424)分类:JavaScript/Ajax开发技巧
jQuery.tablesorter 2.0中文排序解决办法  jQuery.tablesorter 2.0中文排序解决办法,jQuery.tablesorter 2.0中文排序使用的sortText方法,使用js操作符号进行对比,操作符号对中文无效,导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置,改写内部的文字排序,可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配..

easyUI filebox选择同一个文件不触发onchange事件解决办法

评论(0)浏览(1717)分类:easyui开发技巧
easyUI filebox选择同一个文件不触发onchange事件解决办法  IE(包括ie11)浏览器下,easyUI的filebox如果选中了同一个文件,不会触发onchange事件解决办法。easyUI filebox实际操作的还是file对象,其他标准浏览器如chrome,Firefox,file对象选中同一个文件也会触发onchange事件,所以在这些浏览器下easyUI的filebox选中同一个文件也是触发onchange事件的,但是ie对选中同一个文件不会触发onchange事..

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容器,通过这个对象可以获取到..

js简易数字微调调整示例

评论(0)浏览(207)分类:JavaScript/Ajax开发技巧
js简易数字微调调整示例  js实现数字微调示例,点击输入框右边的上下按钮对输入框数字进行+1/-1调整效果。jquery插件有easyui NumberSpinner组件或jqueryui的spinner组件style .spinner{zoom:1;overflow:auto;border:solid 1px #ccc;float:left;} .spinner input{border:none;float:left;margin-top:5px} .spinner .arrow{float:right;font-size:12px;} ..

使png图片在ie6浏览器下也支持透明

评论(0)浏览(247)分类:HTML/CSS兼容/XML
使png图片在ie6浏览器下也支持透明没有使用滤镜来修正ie下png透明的效果,这样会出现灰色的边。stylebody{background:#000000;margin:100px;}.kuang{background:url(/images/kuang.png) no-repeat center center ;width:134px;height:144px;}/style div class=kuang/div使用滤镜及important【for w3c】后,灰色边框不见了,效果一比较就知道stylebody{background:#000000;margin:..

easyui datagrid跨域加载jsonp数据源

评论(0)浏览(2534)分类:easyui开发技巧
easyui datagrid跨域加载jsonp数据源  easyui datagrid加载jsonp数据源示例。如果datagrid要加载跨域的数据,跨域页面提供的数据格式为非jsonp数据,当直接配置datagrid的url启用ajax加载地址时,即使url返回的数据格式符合datagrid格式的json字符串,由于浏览器安全问题,ajax是不允许跨域请求的(除非设置动态页设置过:Access-Control-Allow-Origin响应头),导致无法获取到数..

javascript特殊用法解密

评论(0)浏览(224)分类:JavaScript/Ajax开发技巧
javascript特殊用法解密 1. Null是个对象  JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值。其表现得像个对象,如下检测代码:script alert(typeof null); //弹出 'object'/script如下截图:  尽管typeof值显示是object,但null并不认为是一个对象实例。要知道,JavaScript中的值都是对象实例,每个数..

javascript新历农历联动示例

评论(0)浏览(316)分类:JavaScript/Ajax开发技巧
javascript新历农历联动示例  javascript新历农历联动示例lunar.js这个js文件查看这篇文章:JavaScript阳历转阴历源代码,将里面的js代码保存为lunar.js文件,或者点击这里下载  javascript新历农历联动示例源代码script function toCNNumber(v) { var r = '', cn = 'O一二三四五六七八九十'; v = v.toString(); for (var i =..

JavaScript阳历转阴历源代码

评论(0)浏览(471)分类:JavaScript/Ajax开发技巧
JavaScript阳历转阴历源代码  JavaScript阳历转阴历源代码,JavaScript阴历转阳历源代码,从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..

javascript判断浏览器是否关闭

评论(0)浏览(748)分类:JavaScript/Ajax开发技巧
javascript判断浏览器是否关闭  javascript判断浏览器是否关闭,本示例仅对IE8-浏览器有效,其他浏览器在关闭时无法获取到点击事件的clientX,clientY的坐标值。测试代码如下script window.onbeforeunload = function (e) { e = e || window.event; var y = e.clientY; if (y = 0//点击浏览器或者选项卡的关闭按钮 || y = Math.max(documen..

js遍历表单组合成键值对字符串

评论(0)浏览(260)分类:JavaScript/Ajax开发技巧
js遍历表单组合成键值对字符串  JavaScript将表单对象中输入控件组合成键值对字符串,方便ajax提交数据。和jQuery表单的serialize方法一样 function serializeForm(f) {//参数f为表单这个DOM对象 var params = '', tmp; for (var i = 0; i f.elements.length; i++) { if (f.elements[i].name) { ..

easyui tree获取节点所在层次

评论(0)浏览(855)分类:easyui开发技巧
easyui tree获取节点所在层次  easyui tree获取点击节点所在层次,easyui tree如何获取某个节点所在树层次源代码。easyui的节点没有存储所在层次,所有急需要循环调用getParent方法获取父节点进行层次累加操作计算, titleeasyui tree获取点击节点所在层次/title script type=text/javascript function getLevel(node) {//获取节点所在easyui tree树的层次,..

Ext.grid.feature.Grouping页头分组如何显示其他信息

评论(0)浏览(1031)分类:extjs开发技巧
Ext.grid.feature.Grouping页头分组如何显示其他信息  Ext4+增加了groupHeaderTpl配置项,可以用来显示分组相关信息。如果要显示除了name外的信息groupHeaderTpl配置项还提供了rows信息,这个rows是ext分好组的数据。Ext.grid.feature.Grouping的groupHeaderTpl可用参数查看这里:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.feature.Grouping-cfg-groupHeaderTpl。  如下面这个Ext.g..

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

js区分webkit核心浏览器chrome,360浏览器

评论(0)浏览(765)分类:JavaScript/Ajax开发技巧
js区分webkit核心浏览器chrome,360浏览器  javascript如何识别webkit核心浏览器是哪种厂商的浏览器,如chrome,360急速,360安全,猎豹,世界之窗,搜狗,qq,百度之类的浏览器,核心都是webkit的,如何区分出不同的厂商。  一般区分浏览器厂商是通过navigator.userAgent来判断特殊字符来实现,但是webkit核心浏览器有些时候navigator.userAgent是完全一样的,不会增加特殊内容(如..

jquery多级下拉菜单插件

评论(0)浏览(395)分类:JavaScript/Ajax开发技巧
jquery多级下拉菜单插件  居于jquery框架的网站多级下拉菜单插件,融合了jquery.color.js,jquery.lavalamp.js,jquery.easing.js 这3个插件,效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul ..

js prototype继承new分析

评论(0)浏览(200)分类:JavaScript/Ajax开发技巧
js prototype继承new分析  js的继承prototype,得先说下new的过程。  看看这样一段代码:script type=text/javascriptvar Person = function () { };var p = new Person();/script  很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把new的过程拆分成以下三步:1 var p={}; 也就是说,初始化一个对象p。2 p.__proto__=Person.prototype;3 Person.call(..

js禁止滚动窗体页面

评论(0)浏览(288)分类:JavaScript/Ajax开发技巧
js禁止滚动窗体页面  js如何禁止鼠标,键盘滚动页面。(提示:无法控制右边出现的滚动条)titlejs禁止滚动页面/titlescript //spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 var keys = { 37: 1, 38: 1, 39: 1, 40: 1, 35: 1, 36: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) ..

IE/Firefox/W3C浏览器代码触发事件

评论(0)浏览(215)分类:JavaScript/Ajax开发技巧
IE/Firefox/W3C浏览器代码触发事件  firefox或者w3c浏览器没有直接在DOM中添加onclick事件,而是通过addEventListener添加事件时,无法使用 DOMObject.onclick()使用这种方法触发事件,但是可以通过dispatchEvent来触发。  测试代码如下div id=dvEvtdiv的内容/divinput type=button value=触发事件 onclick=btnFireEvent() /script type=text/javascript var dv; windo..

easyui datebox范围设置日期对比参考

评论(1)浏览(4778)分类:easyui开发技巧
easyui datebox范围设置日期对比参考  easyui的datebox组件没有和my97日历那样可以设置日期有效范围,所以如果你需要限制某个easyui datebox的可用范围,如有2个datebox,一个是开始日期,一个结束日期,结束日期要大于开始日期,那么需要自己写逻辑代码来实现,不能控制datebox的选择范围,只能重置。  easyui datebox日期对比参考,限制另外一个datebox输入日期范围效果和源代..

js嵌套内容分析示例

评论(0)浏览(109)分类:JavaScript/Ajax开发技巧
js嵌套内容分析示例  js嵌套内容分析程序有一个字符串,存在多对括号,他们可能是并列关系,也可能是嵌套关系,如下今年的雨水比较多(除了夏季(夏季天气炎热)),降雨量是往年的130%(特别是在江南地区)现在要把最外层的第一对括号match出来,也就是要得到(除了夏季(夏季天气炎热)),(特别是在江南地区)  分析程序如下script type=text/javascript ..

easyui datagrid联动左右移动示例

评论(0)浏览(1018)分类:easyui开发技巧
easyui datagrid联动左右移动示例  easyui datagrid左右移动示例,datagrid左右2边记录移动示例。  示例居于demo\datagrid\basic.html修改,相关数据文件就不贴出来了。 div style=float:left;margin-right:20px table class=easyui-datagrid title=easyui datagrid联动左右移动示例 style=width:330px;height:250px data-options=url:'datagri..

js获取函数定义的参数个数

评论(0)浏览(390)分类:JavaScript/Ajax开发技巧
js获取函数定义的参数个数  js如何获取函数function定义的参数个数,可以调用方法的length属性获取显示定义的形参个数。Function.length概述length 属性指明函数的形参个数。Function.length 属性的属性特性:writablefalseenumerablefalseconfigurabletrue描述length 是函数对象的一个属性值,指明该函数期望多少个参数,意即形参的个数。数量不包括剩余参数。相比之下..

js text输入框输入掩码实现

评论(1)浏览(540)分类:JavaScript/Ajax开发技巧
js text输入框输入掩码实现  html的text输入框如何实现输入掩码,类似password输入框输入效果。  js text输入框输入掩码实现源代码如下!doctype htmltitlejs text输入框输入掩码实现/titlestyle div.dvinput{display:inline-block;position:relative} div.dvinput input{border:solid 1px #000;height:20px;line-height:20px;display:block;background:#fff;pad..

javascript运行机制浅析

评论(0)浏览(417)分类:JavaScript/Ajax开发技巧
javascript运行机制浅析  从一个简单的问题谈起,下面的javascript代码输出什么:alert(i); var i = 1;   输出结果是undefined, 这种现象被称成预解析:JavaScript引擎会优先解析var变量和function定义。在预解析完成后,才会执行代码。如果一个文档流中包含多个script代码段(用script标签分隔的js代码或引入的js文件).运行顺序是:step1. 读入第一个代码段..