表格排序的javascript代码

评论(0)浏览(424)分类：JavaScript/Ajax开发技巧
表格排序的javascript代码　　一个表格排序的javascript示例代码，使用说明及参数参考代码解释。script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript/* * 表格怕徐中用到的小工具 * * */ var CustomFunctions = { //获取子节点的集合（ie，ff通用） getChildNodes:function(node){ v..

ajaxfileupload jQuery has no method handleError错误

评论(0)浏览(539)分类：JavaScript/Ajax开发技巧
ajaxfileupload jQuery has no method handleError错误　　使用ajaxfileupload上传文件时，如果没有反应或者报错UncaughtTypeError:Objectfunction(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);　　那..

javascript lightbox效果

评论(0)浏览(146)分类：JavaScript/Ajax开发技巧
javascript lightbox效果　　一个简单的半透明遮盖层lightbox效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.alpha{position:absolute;z-index:10;left:0px;top:0px;filter:alpha(opacity=50);opacity:.5;background:#000000;}.infolayer{position:absolute;width:400px;height:300px..

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

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

如何实现上传拖拽进入浏览器的文件

评论(0)浏览(364)分类：HTML/CSS兼容/XML
如何实现上传拖拽进入浏览器的文件　　通过HTML5的文件API ，Firefox、Chrome等浏览器已经支持从操作系统直接拖拽文件进入浏览器，并上传到服务器。　　让我们看一下Firefox 是如何使用拖拽上传功能的：　　１）首先提供一个区域来放置文件div name=image id=dropbox style=min-width:300px;min-height:100px;border:3px dashed silver;/div２）然后监听拖拽过程中的dragenter、d..

javascript动态添加css类到style标签中

评论(0)浏览(269)分类：JavaScript/Ajax开发技巧
javascript动态添加css类到style标签中　　 javascript动态给style标签添加css样式类示例代码 titlejavascript动态给style标签添加css样式类示例代码/title style type=text/css id='contentCss'/stylescript language=JavaScript var style = document.getElementById('contentCss'), css = 'p{ color:red; }p.p2{color:blue}p.p3{color:green}'; if ..

jqGrid获取本地查询后匹配的所有数据

评论(0)浏览(1616)分类：jqGrid中文API
jqGrid获取本地查询后匹配的所有数据　　jqGrid使用本地数据时，当jqGrid配置的rowNum小于本地总数据量（records属性记录总数据，可以通过records获取到本地总数据量），调用getRowData方法获取到的只是显示的部分内容，而本地所有数据行。　　如果是通过data或者datastr配置的本地数据，获取所有数据很简单，调用$('#gridid').jqGrid('getGridParam','data..

javascript函数(function)前的运算符号作用

评论(0)浏览(145)分类：JavaScript/Ajax开发技巧
javascript函数(function)前的运算符号作用　　示例代码!function(){alert('iifksp')}() // true　　在控制台运行后得到的值时true，为什么是true这很容易理解，因为这个匿名函数没有返回值，默认返回的就是undefined，求反的结果很自然的就是true。所以问题并不在于结果值，而是在于，为什么求反操作能够让一个匿名函数的自调变的合法？　　平时我们可能对添加括号来调用..

jqGrid方法再次执行无效无法刷新数据

评论(0)浏览(6487)分类：jqGrid中文API
jqGrid方法再次执行无效无法刷新数据　　今天在csdn看到一个使用jqGrid构造方法执行刷新jqGrid表格操作的问题，将jqGrid构造写成一个函数，然后重复调用这个函数重构jqGrid来实现刷新，但是没有效果。　　其实jqGrid提供了刷新的功能$('#gridi').trigger('reloadGrid')　　不知道这个童鞋有现成的方法不用，而是需要重构jqGrid，这样效率那么低，需要重新生成jqGri..

jqGrid单元格编辑动态设置editoptions dataUrl实现select联动示例

评论(0)浏览(4471)分类：jqGrid中文API
jqGrid单元格编辑动态设置editoptions dataUrl实现select联动示例　　之前有写过一篇jqGrid单元格编辑select联动示例的文章，通过使用自定义编辑类型来实现依据某字段值加载select选项，此文将通过setColProp方法来动态修改colModel配置中的editoptions，dataUrl来实现select数据加载，相关文件去jqGrid单元格编辑select联动示例文中查看详细，本文就补贴出重复内容，只贴出js实现逻辑。　　不过jqGrid单元格编..

jqGrid单元格编辑为select取值和显示示例

评论(0)浏览(5123)分类：jqGrid中文API
jqGrid单元格编辑为select取值和显示示例　　jqGrid设置某个单元格的编辑类型为select，select的option为键值对应的格式（value和text不一样），当此单元格转为文本模式后，单元格显示的内容为option的text内容，并且对应单元格的数据存储也被更新为text，而一般情况下我们希望存储的数据为value，而单元格显示的内容为text。示例代码及效果图如下html headmeta http-equiv=content-..

jqGrid单元格自定义显示设置及getRowData获取原始数据示例

评论(0)浏览(4337)分类：jqGrid中文API
jqGrid单元格自定义显示设置及getRowData获取原始数据示例　　jqGrid要格式化某个单元格的显示，可以使用colModel的formatter配置，如果仅仅用于显示，而不进行编辑或者调用getRowData获取数据，不会出现什么大问题，示例代码如下data.txt{list:[{id:1,name:test1,sex:1},{id:2,name:test2,sex:0}]}html headmeta http-equiv=content-type content=text/html;charset=utf-8 /titlejqGrid单元格自定义..

jqGrid单元格编辑select联动示例

评论(0)浏览(2931)分类：jqGrid中文API
jqGrid单元格编辑select联动示例　　2013-09-18更新：更正colModel不可动态修改，colModel配置可以动态的通过setColProp方法进行修改，包括editoptions配置。具体示例查看这篇文章：jqGrid单元格编辑动态设置editoptions dataUrl实现select联动示例　　jqGrid启用单元格编辑，当设置编辑元素为select，如何依据另外一列的值来动态加载select的option。如省市联动，修改市的内容..

Ext4 Ext.data.Model save方法示例

评论(0)浏览(674)分类：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配置..

jqGrid隐藏表头

评论(0)浏览(4545)分类：jqGrid中文API
jqGrid隐藏表头　　jqGrid如何隐藏表头，jqGrid的表头放在一个样式为ui-jqgrid-hdiv的div中，所以如果哪个jqGrid不需要表头，可以添加gridComplete事件，然后找到样式为ui-jqgrid-hdiv的div，隐藏起来就行，效果对比 gridComplete: function () {//this对象为数据列表表格，所以找到数据内容表格和表头的容器后在查找ui-jqgrid-hdiv，表头容器 $(this).close..

javascript选中对象

评论(0)浏览(106)分类：JavaScript/Ajax开发技巧
javascript选中对象　　javascript实现对象选中，选中指定的对象，javascript实现ctrl+all功能，兼容ie，firefox，chrome。　　源代码如下//el:要选中的对象function selectText(el) { if( window.getSelection){ var s=window.getSelection() s.selectAllChildren( el ) }else{ var s= document.body.createTextRange (); s.moveToEle..

Ext4 Ext.data.proxy.Direct directFn示例

评论(0)浏览(872)分类：extjs开发技巧
Ext4 Ext.data.proxy.Direct directFn示例　　Ext4中proxty为Ext.data.proxy.Direct示例代码，注意ext4.0和ext4.1+的区别，ext4.1+需要配置directCfg/method的getArgs方法，ext4.0不需要。　　示例代码，store使用Ext.data.proxy.Direct提供的数据源，然后gridpanel显示数据，ext4.0 directFn示例代码来源于：http://jsfiddle.net/molecule/XhvYe//molecule/XhvYe/，自己参考源代码后增加..

easyui datagrid本地排序后，添加，更新的数据行如何显示在正确位置

评论(0)浏览(2400)分类：easyui开发技巧
easyui datagrid本地排序后，添加，更新的数据行如何显示在正确位置　　easyui的插件datagrid配置某些列的允许排序，并且关闭了远程排序（remoteSort:false），当点击排序列排序后，如果插入的数据行，或者修改某数据行对应排序的列值时，如何使添加或者修改后的数据行按照当前的排序方法进行排序后显示在对应的位置，而不是插入到最后或者显示在原来的位置。　　easyui的datagrid没有提供相关的方法，需要自己写..

选择文件后自动上传并返回服务区保存文件名称

评论(0)浏览(399)分类：JavaScript/Ajax开发技巧
选择文件后自动上传并返回服务区保存文件名称　　功能：选择图片后就自动上传图片文件，并获取返回上传图片在服务器保存的文件名称　　源代码如下test.htmliframe name=hiddenifr style=display:none/iframescript var uploading = false; function fileChange(f) { //事件处理函数 //注意你的动态页一定要有try..cacth语句防止动态页出错，要不发生一次错误后候选的选择无法处..

javascript浮点数运算精度问题

评论(0)浏览(477)分类：JavaScript/Ajax开发技巧
javascript浮点数运算精度问题分析　　JavaScript 只有一种数字类型 Number ，而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。 浮点数的精度问题不是JavaScript特有的，因为有些小数以二进制表示位数是无穷的：十进制 二进制0.1 0.0001 1001 1001 1001 ...0.2 0.0011 0011 0011 0011 ...0.3 0.0100 1100 1100..

jqGrid限制某些列只有在特定条件下才能编辑

评论(0)浏览(4533)分类：jqGrid中文API
jqGrid限制某些列只有在特定条件下才能编辑　　jqGrid编辑某行数据时，如何限制某些列的数据只有满足一些特定的条件下时才允许编辑，下面为示例，单元格编辑，行编辑和表单编辑。jqGrid单元格编辑示例　　配置beforeEditCell，判断这个单元格是否为要限制的编辑的列，是的话不满足条件则setTimeout restoreCell还原为未编辑状态（会有闪动，因为要转为input后再还原为文本显示）或者设置输..

jqGrid单元格/行编辑模式下getRowData如何获取数据行

评论(0)浏览(812)分类：jqGrid中文API
jqGrid单元格/行编辑模式下getRowData如何获取数据行　　jqGrid API已经明说过，编辑模式下不要调用getRowData，要不得到数据行列信息包含的是单元格的innerHTML，而不是实际输入控件的值。参考jqGrid的源代码，getRowData的实现方法是遍历tr获取td的innerhTML。　　getRowData在单元格和行编辑模式下受到影响，在表单编辑模式没问题，因为表单没有直接修改jqGrid生成输入对象，而是在新的控件中生..

jqGrid获取服务服务器返回的所有数据

评论(0)浏览(6287)分类：jqGrid中文API
jqGrid获取服务服务器返回的所有数据　　当jqGrid配置的rowNum小于服务器返回的总数据量（records属性记录总数据），调用getRowData方法获取到的只是显示的部分内容，而非服务器返回的所有数据行。　　要想获取jqGrid返回的所有数据行，可以添加loadComplete事件，此事件参数只有一个（类型取决于datatype的配置，如果为json，则是服务器返回的json格式的字符串，转为json对象后的。..

__defineGetter__和__defineSetter__介绍

评论(0)浏览(173)分类：JavaScript/Ajax开发技巧
__defineGetter__和__defineSetter__介绍　　Getter是一种获取一个属性的值的方法，Setter是一种设置一个属性的值的方法。可以为任何预定义的核心对象或用户自定义对象定义getter和setter方法，从而为现有的对象添加新的属性。　　有两种方法来定义Getter或Setter方法：在对象初始化时定义在对象定义后通过Object的__defineGetter__、__defineSetter__方法来追加定义　　在使用对象初始..

Ext4+ Ext.form.field.File配置disabled:true转为false后触发按钮还是灰色解决办法

评论(0)浏览(1153)分类：extjs开发技巧
Ext4+ Ext.form.field.File配置disabled:true转为false后触发按钮还是灰色解决办法　　Ext4+ Ext.form.field.File控件配置disabled:true，当调用转为setDisabled(false)或者enable()方法后使file控件可用，但是file控件右边的选择按钮还是灰色的。这个视乎是ext4的bug，此时fileupload控件可用，但是触发选择文件的按钮还是灰色的，并没有移除触发选择文件按钮的不可用样式。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN ht..

通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名

评论(0)浏览(12990)分类：JavaScript/Ajax开发技巧
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名　　Access-Control-Allow-Origin响应头可以允许哪些域名能发送ajax请求本页面，Access-Control-Allow-Origin响应头一次只能设置一个域名，如果要控制只允许指定的多个域名能跨域请求页面，要如何设置Access-Control-Allow-Origin响应头。解决办法　　建立一个允许跨域请求的域名列表，然获取请求来源域名，和列表进行对比，如果来源域名存在允许..

Chrome扩展开发教程目录

评论(0)浏览(148)分类：JavaScript/Ajax开发技巧
Chrome扩展开发教程目录Chrome扩展开发教程(一)入门Chrome扩展开发教程（二）概述Chrome扩展开发教程(三)Browser Action(扩展图标)Chrome扩展开发教程(四)Options Pages（选项页面）Chrome扩展开发教程(五)Override Pages(重置页面)Chrome扩展开发教程(六)Page Actions(地址栏图标)Chrome扩展开发教程(七)themes(主题制作)Chrome扩展开发教程(八)Bookmarks(书签操作)Ch..

li list-style-type:decimal序号到9变为0

评论(0)浏览(425)分类：HTML/CSS兼容/XML
li list-style-type:decimal序号到9变为0　　昨天在用ul+li布局的时候，li的list-style-type设置为decimal，结果li的序号显示到9后，自动变为从0开始了，如下图所示。示例代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle ul{padding:0px;margin:0px}li{margin-left:25px; list-style-type:decimal}/st..

table cellpadding属性无效

评论(0)浏览(1639)分类：HTML/CSS兼容/XML
table cellpadding属性无效　　设置了table的对象的cellpadding属性后，如果table单元格间没有出现指定padding间距，那么应该设置过td的样式，增加了padding:0px的样式，这样设置table的cellpadding就不起作用了。　　查找导入此页面的css文件或者内联style样式，找到类似的样式td{padding:0px}/*或者*/*{padding:0px}　　加这个样式的人脑子绝对是被驴踢过了的。。测试代..

javascript获取操作系统版本

评论(0)浏览(251)分类：JavaScript/Ajax开发技巧
javascript获取操作系统版本　　下面介绍如何使用JavaScript判断用户操作系统及版本。　　关键部分：window.navigator.userAgent ：用户浏览器、操作系统等信息，对应HTML请求文件头User-Agent部分。　　测试代码script language=javascriptvar ua = window.navigator.userAgent;var osVersion = ua.split(;)[2];var osV = osVersion.substr(osVersion.length-3,3);switch(..