jqGrid datatype配置为function

评论(0)浏览(971)分类：jqGrid中文API
jqGrid datatype配置为functionjqGrid datatype配置为function　　设置为function实际并不是定义数据类型，而是如何处理从服务器返回的数据（可能未xml或者json）。 配置的方法需要（或者可以）调用addXMLData, addJSONData或者addRowData方法当接收到数据时。如果需要分页，可以在此调用 jqGrid实例名称setGridParam({lastpage: your_number}) 定义页数。　　示例datatype : ..

jquery-easyui-1.3.1向配置了detailview的datagrid无法添加数据行

评论(1)浏览(970)分类：easyui开发技巧
jquery-easyui-1.3.1向配置了detailview的datagrid无法添加数据行　　最新版本的jquery-easyui-1.3.1新增了grid插件的subGrid【detailview】功能，可以预览数据行的详细信息。但是使用从他们官网下载的源代码压缩包中使用高版本的jquery，如jquery-1.8.0.min.js时，发现向配置了detailview的grid添加数据行时，如果这个grid没有数据，在添加多行数据时，只能添加在最前面的一行，其他数据无法添加进去。如果gri..

HTML5连接SqlLite示例

评论(0)浏览(969)分类：JavaScript/Ajax开发技巧
HTML5连接SqlLite示例　　按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够： !DOCTYPE html head meta charset=UTF-8 title使用HTML5本地数据库DEMO/title script type=text/javascript src=js/operateDB.js//script /head body onl..

IE7，IE8浏览器创建XMLHTTpRequest请求本地资源出现access is denied拒绝访问

评论(1)浏览(964)分类：JavaScript/Ajax开发技巧
IE7，IE8浏览器创建XMLHTTpRequest请求本地资源出现access is denied拒绝访问关键词：IE6 IE7 IE8 本地资源 access is denied 拒绝访问 XMLHttpRequest ActiveXObject　　在IE7，IE8中，如果双击运行html页面或者直接拖拽html静态页面进入IE7，IE8浏览器中运行查看ajax效果，在xhr对象调用open方法时会出现access is denied拒绝访问的错误，这个是因为IE7，IE8增加了Native XMLHTTP【XMLHttpRequest对象】支持，在IE7+浏览..

jQuery调用WebService返回JSON数据

评论(0)浏览(952)分类：JavaScript/Ajax开发技巧
jQuery调用WebService返回JSON数据　　本文将介绍jWuery调用基于.NET Framework 3.5的WebService返回JSON数据，另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题，还有出现问题的原因.　　jQuery调用WebService网上的介绍也比较多，最近的项目中我也用到不少，一直都很少用.NET Ajax，比较钟情于jQuery调用请求WebService有几种方法，这主要说一下POST与..

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

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

zTree分层显示，分层联动示例

评论(0)浏览(945)分类：JavaScript/Ajax开发技巧
zTree分层显示，分层联动示例　　功能描述：一棵多层的树，将其某个层之下的子节点显示到一棵新的树中（如：前面两级在左侧的一棵树中显示，对应的2级节点的三级和四级(如果有的话) ,显示在右侧新的树中，如select的联动一样）　　本文使用zTree_v3.4，如果其他版本的zTree，自行参考API修改对应的方法，zTree_v3.4下载地址：zTree_v3.4下载，zTree_v3.4示例，zTree_v3.4中文..

js、vbs二维数组排列组合示例

评论(0)浏览(942)分类：JavaScript/Ajax开发技巧
js、vbs二维数组排列组合示例　　js、vbs二维数组排列组合源代码，js、vbs二维数组全排列组合源代码现在有一个不确定长度的数组,比如:var temparr = [ [Fu, Hai, Huan], [Wei, You], [Chong, Tong, Zhong], [1, 2, 3]]每一个数组的项长度也不确定，如何 遍历这个数组，得到如: FuWeiChong ,FuWeiTong。。。。这样的数据　　要实..

Ext formpanel loadRecord/load方法示例

评论(0)浏览(941)分类：extjs开发技巧
Ext formpanel loadRecord/load方法示例　　Ext formpanel loadRecord/load方法给formpanel加载数据示例　　Ext formpanel loadRecord是加载本地数据用的，注意参数一定要是Ext.data.Record（3-版本）或者Ext.data.Model（4+版本）实例对象，不能直接加载JSON对象。　　Ext formpanel load是加载远程数据用的，返回的数据格式如下，success为ture表示请求成功，数据放到data键名称下注..

img hspace/vspace失效解决办法

评论(0)浏览(936)分类：HTML/CSS兼容/XML
img hspace/vspace失效解决办法　　html img标签添加了hspace，vspace属性后确没有作用，图片紧靠文字解决办法。　　img标签添加了hspace，vspace属性后确没起作用，一般是样式中定义了img，设置了margin导致的，如下，上图的图片添加了hspace为10，但是文字还是紧靠图片，查看图片样式后发下有如下的css设置过img的margin为0。　　将这个样式中的img去掉后，img设置hspace，v..

IE7-容器内部的浮动元素float:left碰到容器边界内换行bug

评论(0)浏览(934)分类：HTML/CSS兼容/XML
IE7-容器内部的浮动元素float:left碰到容器边界内换行bug　　IE7-浏览器或者IE8浏览器下（没有添加xhtml申明的html），容器内部的浮动元素，当碰到容器的边界时，碰到边界的那个元素不会自动换到下一行显示，而是在当前行显示，超出剩余空间的文字自动在这个浮动元素内容换行显示，效果图如下firefox浏览器IE7浏览器IE6浏览器　　源代码如下style.xx{zoom:1;width:200px;}.xx a{ float: left; fo..

javascript btoa/atob方法

评论(0)浏览(930)分类：JavaScript/Ajax开发技巧
javascript btoa/atob方法SummaryCreates a base-64 encoded ASCII string from a string of binary data.Please note that this is not suitable for rawUnicodestrings! See Unicode section below. Syntaxvar encodedData = window.btoa(stringToEncode); Examplevar encodedData = window.btoa(Hello, world); // encode a stringvar decodedData = window.atob(enco..

C#/vbscript/JS如何加密保护HTML/javascript源代码

评论(1)浏览(930)分类：JavaScript/Ajax开发技巧
C#/vbscript/JS如何加密保护HTML/javascript源代码　　本文通过将源代码进行unicode转换后进行混淆加密，对HTML或者javascript源代码进行加密，将内容转换为一些看似乱码的内容，然后通过客户端的JS脚本反相解析回来。　　HTML/javascript源代码加密混淆算法1）ASCII编码内可见字符【33~126】，33~79进行+47操作操作，80~126进行-47操作2）ASCII编码内部可见字符【0~32,127】，【128~133】，不操..

extjs actioncolumn依据数据显示隐藏操作按钮

评论(0)浏览(923)分类：extjs开发技巧
extjs actioncolumn依据数据显示隐藏操作按钮　　extjs actioncolumn如何依据当前数据行的某些值来实现隐藏actioncolumn的items中的icon图标。　　配置extjs actioncolumn的items项中的getClass可以实现给icon添加特殊样式，然后此特殊样式设置display:none实现icon的隐藏。　　actioncolumn items项目配置说明，http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.grid.ActionColumn-cfg-item..

easyui tree支持扁平、简单数据结构扩展

评论(0)浏览(920)分类：easyui开发技巧
easyui tree支持扁平、简单数据结构扩展　　easyui的tree组件支持的数据结构是嵌套模型的，如下[{id:1,text:text1,children:[{id:4,text:text1_1,pid:1}]},{id:2,text:text2},{id:3,text:text3}]　　如果easyui tree想加载类型ztree的简单数据结构（扁平数据结构，依据parentId来确定父子关系的数据结构），需要自己扩展loadFilter来将简单/扁平数据结构处理为嵌套格式的数据才行。　　..

Ext4.2+ Ext.grid.plugin.RowExpander无法触发collapsebody，expandbody事件解决办法

评论(0)浏览(915)分类：extjs开发技巧
Ext4.2+ Ext.grid.plugin.RowExpander无法触发collapsebody，expandbody事件解决办法　　Ext4.2+ Ext.grid.plugin.RowExpander存在bug，添加的collapsebody，expandbody无法触发，查看了下 Ext.grid.plugin.RowExpander对应的源代码，没有添加collapsebody，expandbody事件，即使按照网上的方 法重写Ext.grid.plugin.RowExpander的init和toggleRow方法也无法触发 collapsebody，expandbody事件。解决办法：给grid对象添加collapse..

Ext4 Ext.grid.Panel列自适应宽度

评论(0)浏览(897)分类：extjs开发技巧
Ext4 Ext.grid.Panel列自适应宽度　　功能描述：根据传入的store数据源中每列内容的最大长度，自动调整Ext.grid.Panel列宽度，使每列的内容显示完全，不被隐藏起来。　　实现方法：用一个absolute定位的容器来计算store数据源中每列的长度，取最大值作为此列的width配置。　　Ext版本号为：4.1.1a　　未设置Ext.grid.Panel列的宽度效果如下，默认宽度为１００px　　通过计算每列..

javascript检查插件是否已经在IE和firefox上安装

评论(0)浏览(884)分类：JavaScript/Ajax开发技巧
javascript检查插件是否已经在IE和firefox上安装一、IE检查插件是否安装，通过创建ActiveXObject来实现，提示ActiveX控件和本页其他部分的交互...警告这个也说明安装过插件了，但是点击否不会继续new ActiveXObject后的语句scripttry{// var varTest = new ActiveXObject(jmail.Message); alert(jmail.Message已经在系统上安装过！) }catch (e) { alert(没有可支持的插件!..

Ext4 Ext.data.proxy.Direct directFn示例

评论(0)浏览(882)分类：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/，自己参考源代码后增加..

Ext Grouping Grid分组添加分页

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

javascript解码16进制\x\u编码

评论(0)浏览(873)分类：JavaScript/Ajax开发技巧
javascript解码16进制\x\u编码　　javascript解码\x\u格式的16进制编码。script function hexToString(str) { var mc = str.match(/\\x[a-z\d]{2}|\\u[a-z\d]{4}/gi); var val = ''; for (var i = 0, j = mc.length; i j; i++) { val += String.fromCharCode(parseInt(mc[i].substring(2), 16)); } return val; ..

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

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

jQuery软键盘插件

评论(0)浏览(859)分类：JavaScript/Ajax开发技巧
jQuery软键盘插件　　居于jquery框架的软键盘插件。javascript实现软键盘输入。软键盘效果如下图　　jQuery软键盘实现源代码如下!DOCTYPE htmlstylediv.softkb{display:inline-block;position:relative;height:23px;}div.softkb img{cursor:pointer;position:absolute;top:4px;right:5px}div.keyboard{position:absolute;border:solid 1px #5c5c5c;zoom:1;overfl..

easyui tree获取节点所在层次

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

表格列交换，拖拽改变列宽效果

评论(0)浏览(853)分类：JavaScript/Ajax开发技巧
表格列交换，拖拽改变列宽效果　　表格可以拖拽更换每列循序，并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js（更改列宽）和colExchange.js（拖拽交换列位置，并且扩展了2个方法removeCol删除列和addCol添加列API方法）这2个插件，效果如下。　　表格列交换，拖拽改变列宽示例，查看效果点击这里：表格列交换，拖拽改变列宽示例!DOCTYPE htmlhtml lan..

网站添加谷歌翻译工具条后自动翻译为指定语言

评论(0)浏览(851)分类：JavaScript/Ajax开发技巧
网站添加谷歌翻译工具条后自动翻译为指定语言　　如何给网站添加谷歌工具条可以参考这篇文章：给网站增加google翻译工具条　　现在要实现的是，如何通过谷歌翻译工具条，自动将网站的内容翻译为指定的语言，不需要人工点开语言选择框，然后选择对应的语言后才执行翻译操作。　　通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面，样式为.goog-te-menu-frame，还在不是从谷歌..

javascript base64编码解码类库

评论(0)浏览(851)分类：JavaScript/Ajax开发技巧
javascript base64编码解码类库　　javascript将字符串转为base64编码和解码base64字符串类库代码。script var Base64 = { // private property _keyStr: ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=, // public method for encoding encode: function (input) { var output = ; ..

websocket获取图片2进制数据流显示

评论(0)浏览(846)分类：JavaScript/Ajax开发技巧
websocket获取图片2进制数据流显示　　javascript从websocket返回的2进制流中获取数据显示到img对象中。ws.onmessage = function(evt) { if(typeof(evt.data)==string){ //textHandler(JSON.parse(evt.data)); }else{ var reader = new FileReader(); reader.onload = function(evt){ if(evt.target.readyState == FileReader.DONE)..

easyUI tree自定义展开，收缩图标

评论(0)浏览(840)分类：easyui开发技巧
easyUI tree自定义展开，收缩图标　　easyUI tree自定义展开，收缩图标．easyUI tree数据节点有iconCls配置可以给节点配置自定义图标，iconCls自定义图标后，对于有子节点的节点，展开和收缩状态都显示的是同一个图标，要想这个节点展开，收缩状态显示不同的图标，需要修改源代码来实现。　　本示例居于jquery-easyui-1.4.4修改，效果如下所示，其他版本的修改应该差不多，找不到..

canvas保存为图片，兼容IE9+，chrome，Firefox

评论(0)浏览(839)分类：JavaScript/Ajax开发技巧
canvas保存为图片，兼容IE9+，chrome，Firefox　　javascript将canvas对象保存为图片示例，兼容IE9+，chrome，Firefox，效果如下firefox将canvas对象保存为图片chrome将canvas对象保存为图片IE11将canvas对象保存为图片　　javascript将canvas保存为图片源代码如下titlejavascript将canvas对象保存为图片示例/titlecanvas id=c/canvasbr /input type=button value=保存canvas为图片 onclick=..