第25页_Web开发教程

javascript cloneNode无法复制事件

2013-7-17评论(0)浏览(736)分类：JavaScript/Ajax开发技巧

　　在标准浏览器（firefox，chrome，非IE核心的）下，cloneNode(true)是不复制事件的，以防止循环引用无法释放内存，而IE却没有考虑到这一点，把事件复制了（inconformity），并且IE只能复制通过attachEvent添加的事件，直接通过domNode.onclick添加的事件也无法复制。　　测试代码如下script window.onload = function () { functio..

批处理删除目录下指定的目录名称及包含的文件

2013-7-11评论(0)浏览(203)分类：操作系统及应用软件

@echo offfor /f delims= %%a in ('dir/ad/b/s upload') do rd /s/q %%apause　　将上面的代码保存为clear.bat，放到操作的目录下，将会自动删除这个目录下的及子目录下目录名称为upload的文件夹，upload文件夹中包含的文件及子目录一并删除。upload可以使用通配符。　　如要删除批处理文件放置的目录下a开头的所有文件夹及子目录，批处..

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

2013-7-16评论(0)浏览(898)分类：extjs开发技巧

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

jqGrid如何使用jQuery UI

2013-7-16评论(0)浏览(1400)分类：jqGrid中文API

Sortable Columns（可排序列）　　这个方法已经集成在jqGrid中，所有不需要附加的其他内容。这个方法通过鼠标点击对列表头对行进行重新排序，只需要在设置jqGrid的sortable为true即可，示例代码如下jQuery(document).ready(function(){ jQuery(#list).jqGrid({ url:'example.php', datatype: 'xml', mtype: 'GET..

jqGrid集成jQuery UI介绍

2013-7-16评论(0)浏览(585)分类：jqGrid中文API

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

jqGrid提交数据模块

2013-7-15评论(0)浏览(506)分类：jqGrid中文API

　　有些时候需要精确操作提交的数据对象。setGridParam有些时候不能满足要求，所以需要提交数据模块。作者Paul Tiseo安装要使用这个方法，需要在下载页面勾选Post methods模块后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。源文件grid.postext.js在src目录中。描述这个模块的主要目的是操作传递给夫妻的数据和从服务器获..

将表格转为jqGrid

2013-7-15评论(0)浏览(334)分类：jqGrid中文API

描述将存在的html表格转为grid作者Peter Romianowski安装要使用这个方法，需要在下载页面勾选Table to Grid模块后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。源文件grid.tbltogrid.js在src目录中。调用方式tableToGrid(selector, options)此方法为函数，不是方法。方法参数说明selector(string) ：有效的table选择器（cs..

jqGrid导入和导出

2013-7-12评论(0)浏览(1397)分类：jqGrid中文API

　　有些时候将表格的全部配置导入或者导出到另外一种格式将比较有用在服务器端构造的表格，在排序或者分页后可以重新构造，所以如果需要，不同的配置可以立马启用可以通过服务器端构造表格视觉，然后从xml字符中加载表格的配置可以作为xml保存到数据库中，然后从数据库中加载　　jqGrid可以一次性加载配置和数据。安装要使用这个方法，需要在下..

jqGrid页头分组

2013-7-10评论(0)浏览(4277)分类：jqGrid中文API

通用规则页头分组就是在表头行上增加附加的列，将需要分组列归并到一起，效果如下　　有2种类型的分组方式，colSpan启用或者禁用。默认为禁用，没有分组的列表头上增加一个空白的行，如上所示的Notes列。启用colSpan，那么不会在没有分组的列上增加空白行，此列的表头作为一个整体（如上面的Notes列的2行合并到一起，如最下面那张图所示）下面将..

javascript鼠标滚轮滚动事件

2013-7-12评论(0)浏览(2024)分类：JavaScript/Ajax开发技巧

　　javascript如何绑定对象的鼠标滚轮事件，对对象触发鼠标滚轮事件时，如何阻止鼠标滚轮事件冒泡，不允许当前视窗滚动。　　下面对主流浏览器进行了测试（firefox12，opera12.5，safari5.0.4，chrome25，IE7~8）事件如何绑定　　firefox只支持DOMMouseScroll事件，不支持onmousewheel，其他浏览器只支持onmousewheel事件，如下表所示浏览器/事..

jqGrid工具栏查询

2013-7-6评论(0)浏览(2932)分类：jqGrid中文API

　　这个方法在grid表头下面构造搜索表单。当表头改变宽度，搜索元素也会自动调整大小适应新表头宽度。此方法使用jqGrid配置的url作为查询服务器获取数据的接口。当执行查询时，键值对对象被提交到服务器（配置的url地址），此数据附加到postData参数，仅提交输入过内容的字段。当清空查询表单，附加的数据会从postData中删除。提交服务器的数据..

jplayer使用说明文档API

2011-10-12评论(0)浏览(2804)分类：JavaScript/Ajax开发技巧

jPlayer 2.1.0 开发指南如果你第一次使用jPlayer，请参考入门指南（ Quick Start Guide）。有其他问题，查看支持页面的FAQ。jPlayer API中文文档jPlayer 基础jPlayer支持的媚态格式Setting the size of jPlayerFlash Security RulesMedia EncodingServer ResponseHow to disable jPlayer with CSS or jQueryjPlayer FilesPlugin FilesSource Fil..

jqGrid数据分组

2013-7-10评论(0)浏览(3310)分类：jqGrid中文API

通用规则　　按照不同标准对数据进行分组，目前只支持一个级别的分组。在jqGrid中配置grouping:true，groupingView:{groupField：需要分组的列名称（来自colModel的name）}，启用分组功能。　　如果你希望正确分组，服务器返回的数据需要按照配置的列排序过。如果为本地模式（local mode ，data为数组），数据会自动分组（排序），不需要定义任何..

jqGrid frozencolumn

2013-7-9评论(0)浏览(3377)分类：jqGrid中文API

　　开发者很容易冻结/锁定jqGrid的一些列。锁定的列不会滚动出可见区域当滚动jqGrid的水平滚动条时，这样如果有很多列grid出现水平滚动条时，可以保持某些列始终可见。设置　　首先需要设置哪些列需要冻结或者锁定，可以在colModel中设置frozen：true，下面为示例jQuery(#grid).jqGrid({//... colNames: ['Date', 'Client', ..

jqGrid treegrid配置

2013-7-9评论(0)浏览(8153)分类：jqGrid中文API

　　树形表格用于显示在jqGrid中显示分层数据。树形表格支持嵌套集合模型（ Nested Set model ）和邻接模型（Adjacency model）。描述嵌套集合模型的相关文章推荐http://ftp.ntu.edu.tw/MySQL/tech-resources/articles/hierarchical-data.htmlhttp://www.sitepoint.com/article/hierarchical-data-database分层数据管理-嵌套集合模型分层数据管理..

jqGrid：treeGrid嵌套集合模型

2013-7-9评论(0)浏览(2600)分类：jqGrid中文API

　　如jqGrid treegrid配置中提到的，treeReader属性很重要。了解分层数据管理-嵌套集合模式的基本概念，将会更容易配置这个属性。treeReader配置　　默认嵌套集合模型的（nested set model）treeReader配置如下treeReader : { level_field: level, left_field:lft, right_field: rgt, leaf_field: isLeaf, expanded_field: expa..

jqGrid：treeGrid邻接模型

2013-7-9评论(0)浏览(2021)分类：jqGrid中文API

　　如jqGrid treegrid配置中提到的，treeReader属性很重要。了解分层数据管理-邻接表模型模式的基本概念，将会更容易配置这个属性。treeReader配置　　默认邻接模型的（adjacency model）treeReader配置如下treeReader = { level_field: level, parent_id_field: parent, // then why does your table use parent_id? leaf_field: isLeaf..

分层数据管理-邻接表模型

2013-7-9评论(0)浏览(1159)分类：SQL及数据库

关于作者/译者Mike Hillyer，本文的作者，MySQL Ab的技术作家，生活在加拿大的阿尔伯达省6 。Yimin，本文的译者，就读于浙江理工大学计算机系。我的Blog：http://liyimin.net/blog引言　　大多数用户都曾在数据库中处理过分层数据(hierarchical data)，认为分层数据的管理不是关系数据库的目的。之所以这么认为，是因为关系数据库中的表没有层次..

分层数据管理-嵌套集合模型

2013-7-9评论(1)浏览(2072)分类：SQL及数据库

关于作者/译者Mike Hillyer，本文的作者，MySQL Ab的技术作家，生活在加拿大的阿尔伯达省6 。Yimin，本文的译者，就读于浙江理工大学计算机系。我的Blog：http://liyimin.net/blog　　我想在这篇文章中重点阐述一种不同的方法，俗称为嵌套集合模型。在嵌套集合模型中，我们将以一种新的方式来看待我们的分层数据，不再是线与点了，而是嵌套容器。..

jqGrid方法

2013-7-5评论(0)浏览(5314)分类：jqGrid中文API

　　本章介绍jqGrid基础方法。一些方法需要加载额外的模块。为了兼容jQuery UI类库，jqGrid3.6+使用新API来调用方法。相关信息： jqGrid事件grid相关方法调用方式jQuery(#grid_id).jqGridMethod( parameter1,...parameterN );示例说明grid_id ：已经调用jqGrid方法构造过的DOM对象idjqGridMethod ：属于jqGrid的方法名称parameter1,parameterN ：..

Grid作为Subgrid

2013-7-8评论(0)浏览(1931)分类：jqGrid中文API

　　此方法和事件比较像解决方案，而不是专门的方法。作为子表格的替代，调用父表格subGrid方法创建的为一个表格，不是子表格，拥有父表格的所有属性和功能，只是出现在展开记录的下面，效果如下图所示安装要使用这个方法，需要在下载页面勾选Subgrid后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。源文件grid.subgrid.js在..

CSS2，css3选择器总结

2013-7-8评论(0)浏览(123)分类：HTML/CSS兼容/XML

CSS选择器笔记阮一峰整理参考网址：456 Berea Street一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素4.#footerid选择器，匹配所有id属性等于footer的元素实例： * { margin:0; padding:0; } p { font-size:2em; } .info {..

jqGrid subGrid配置

2013-7-7评论(0)浏览(4263)分类：jqGrid中文API

　　有些时候需要显示（或者编辑）父表格中选中行的子元素，jqGrid两种操作方法操作子记录。子表格（subGrid）一个grid对象作为子表格（subGrid）安装要使用这个方法，需要在下载页面勾选Subgrid后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。源文件grid.subgrid.js在src目录中。属性SubGrids使用父表格中如下属性，事件和..

jqGrid自定义查询

2013-7-7评论(0)浏览(1779)分类：jqGrid中文API

　　为grid构造一个自定义查询表单，此方法使用jqGrid使用的url地址用于提交数据，提交查询后，键值对对象提交到服务器，这个数据被附加到postData参数中，仅提交输入过内容的字段。清空表单时，查询内容将会从postData中删除。提交服务器的数据，不是name，而是colModel中配置的index，当找不到index配置时才使用name，同时附加额外的数据 a _s..

jqGrid单字段查询

2013-7-6评论(0)浏览(2019)分类：jqGrid中文API

　　单字段查询从服务器查询数据，一次只对一个字段进行查询。使用这个方法构造一个模态表单，用户可以选择一个字段用于查询。这个方法使用url提交数据，自定义和工具栏查询方法不一样。不同就是提交的数据不是键值对，参考下面数据如何提交安装要使用这个模块，你需要在下载页面勾选Common, Form Edit, filter插件，下载地址：http://www.trira..

jqGrid查询配置

2013-7-6评论(0)浏览(1150)分类：jqGrid中文API

　　jqGrid的列可以用于查询表单。表格查询按照规则从服务器加载数据。目前没有查询本地数据的模块当datatype设置为local。所有查询都是通过服务器（Currently we do not have module for searching on local data i.e when a datatype options is set to local. All the searching is done server side）.有4中查询方法工具栏查询（ toolbar se..

jqGrid高级查询

2013-7-6评论(0)浏览(2904)分类：jqGrid中文API

　　高级查询可以同时查询多个字段，使用不同的条件。单字段和高级查询使用相同的方法，但是配置和提交的数据不一样。安装要使用这个模块，你需要在下载页面勾选Common, Form Edit, filter插件，下载地址：http://www.trirand.com/blog/?page_id=6调用方式jQuery(#grid_id).searchGrid( {multipleSearch:true,...} );//新 APIjQuery(#grid_id).j..

JavaScript正则compile方法

2013-7-6评论(0)浏览(157)分类：JavaScript/Ajax开发技巧

JavaScript正则compile定义和用法compile() 方法用于在脚本执行过程中编译正则表达式。compile() 方法也可用于改变和重新编译正则表达式。语法RegExpObject.compile(regexp,modifier)参数描述regexp正则表达式。modifier规定匹配的类型。g 用于全局匹配，i 用于区分大小写，gi 用于全局区分大小写的匹配。示例　　在字符串中全局搜索 man，并用 ..

jqGrid显示和隐藏列

2013-7-5评论(1)浏览(5867)分类：jqGrid中文API

注意，jqGrid4.0+版本不再将这个模块内置在jqGrid核心js文件里面，单独放到了一个js文件里面，要使用这个功能需要另外导入到页面中，获取更多信息查看升级信息：jqGrid 3.8.x 升级到 4.0.0相关更新描述显示一个模态窗口，用户可以选择需要显示和隐藏的列。插件开发者Piotr Roznicki安装　　要使用格式化特性，需要在下载页面勾选Columns plugin后..

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

2013-7-5评论(0)浏览(586)分类：jqGrid中文API

1.grid.postext.js 不再集成在jqGrid核心js文件里面　　这个模块被移动到插件目录中独立出来，如果要使用这个功能需要手动导入到页面中。如果你想升级你的代码，修改作出如下的修改。（旧版本的jqGrid直接扩展了jQuery的对象方法，很容易和其他插件方法名称冲突，所以进行了改进，通过扩展jQuery的jqGrid方法来调用jqGrid内置的方法）旧方法替代..