JavaScript
关注
分享
扫一扫
文章平均质量分 89
gengv
这个作者很懒，什么都没留下…
展开
-
项目知识点小结
经过3个月来业余时间里的努力，终于将为公司设计的一套系统的两个主要模块做好了。其中用到了Struts2、Spring、JQuery等框架或技术。 其间确实学到了很多东西，有些经验教训记下来了，有些忘掉了，很可惜。现在把尚有记忆的写下来几条吧。 1. jQuery的Struts2 Plugin包里面的DatePicker，则JSP页面中用到的时候，注意其z-Index值的设置，否则很原创 2010-01-25 22:38:00 · 1250 阅读 · 1 评论 -
jqGrid与Struts2的结合应用（六） —— 使用colModel设置查询功能
上一篇主要讲述了，如何结合Action类进行查询，以及查询的几种主要方式。在searchGrid方法中，我们传入的options选项，定义了查询所需要的通用属性。举个例再来说吧，当点击查询按钮的时候，弹出的查询对话框里包含Grid中的各个列作为可选的查询条件，而比较方式也统统都是等于、不等于、小于、小于等于、大于、大于等于、开始于、不开始于等等。假如我们并不希望用户使用这么多的查询条件，或者某列是文本形式的、根本不可能出现大于小于之类的问题的时候，如何针对不同的列，定义这些条件的构成方式呢？我们原创 2010-07-13 00:23:00 · 12618 阅读 · 2 评论 -
jqGrid与Struts2的结合应用（五） —— 结合Action类进行数据查询
这篇主要讲的是jqGrid的查找功能。根据官方文档的介绍，jqGrid的查找功能分四种：工具条查询；自定义查询；单条件表单查询；高级表单查询（复杂条件查询）；我个人认为这样划分比较复杂，可以基本分为两大类，即：表单查询：包括单条件查询和高级查询（复杂条件查询）；工具条查询：包括工具条查询和自定义查询；而这两大类中，也以表单查询更常用。现在逐个说明一下（我改变了官方文档的讲解顺序，我觉得自己的这个顺序，更直观，更靠近现实使用）。1. 单条件表单查询先从服务器原创 2010-07-10 12:35:00 · 16198 阅读 · 20 评论 -
jqGrid与Struts2的结合应用（九） —— 补充细节
<br />这篇中将补充说明一些之前没有讲到的细节内容，比如一些特殊功能的jqGrid选项、jqGrid的事件等等。<br /><br /><br />1. jqGrid选项补充说明<br /><br />之前已经介绍了许多经常用到的jqGrid选项，还有一部分虽然还没有介绍，但却能肩负特殊的功能。例如：altRows：当次此选项为true时，表格的行将呈现交替样式显示（zebra-striped）。altclass：此选项只在altRows为true时才有效，交替显示的样式；默认值为：ui-p原创 2010-07-14 22:23:00 · 7321 阅读 · 13 评论 -
jqGrid与Struts2的结合应用（八） —— 奇妙的subGrid子表格
jqGrid的一项高级功能就是嵌套子表格，使用起来也非常简单。使用的方式有两种：使用普通的subGrid子表格；使用一个完整jqGrid作为子表格；显然第二种方式更加通用，功能更加强大，因此我主要使用第二种方式。至于第一种方式，可以具体参考官方文档（http://www.trirand.com/jqgridwiki/doku.php?id=wiki:subgrid）。使用完整jqGrid作为子表格使用子表格，涉及到jqGrid的三个选项：subGrid：首先必须将jqGrid的subGrid原创 2010-07-14 00:02:00 · 14569 阅读 · 5 评论 -
jqGrid与Struts2的结合应用（七） —— 浅谈排序
<br />终于讲到排序了，这一部分应该说还是比较好理解的。<br /><br />jqGrid通过colModel选项中的sortable来控制是否可以以某列的值排序。sortable的默认值是true，当设为false时，即此列不能用于排序。<br />$(function(){ $("#gridTable").jqGrid({ ... colModel: [ {name:"id",index:"id",label:"编码",width:40},原创 2010-07-13 20:31:00 · 8427 阅读 · 2 评论 -
jqGrid与Struts2的结合应用（十） —— 真正的自定义表单查询
关于这个问题，我在网上搜了一下，大多都是引用jqGrid的文档中的filterGrid方法。但这个方法不是真正意义的自定义查询。这篇文章主要讲述一下真正意义的自定义查询，顺便简单聊聊jqGrid源码中查询的实现方法。在这个系列的第五篇中（http://blog.youkuaiyun.com/gengv/archive/2010/07/10/5725172.aspx）曾经讲到了如何进行数据查询。其中提到了一种“自定义查询”，这是jqGrid的文档中给出的一种所谓的自定义查询。其实就是把工具条查询，原创 2010-07-23 16:45:00 · 24524 阅读 · 21 评论 -
Equal Height Blocks in Rows（统一行中的块的高度）
<br />原文地址：http://css-tricks.com/equal-height-blocks-in-rows/<br /> <br />通过使用jQuery，有很多方法可以将多个列调整为同一高度（比如Rob Glazebrook的这个方法）。主要思路就是通过测量各个列的高度，然后将其中最大的高度值指定给各个列。<br /><br />但是，如果一个块中有多个行存在，而你只想在每一行中统一行中各个块的高度，该怎么办呢？当某一行中包括不同尺寸的缩略图或者不同尺寸的文本块时，就可能会遇到这个问翻译 2011-02-01 11:44:00 · 1596 阅读 · 0 评论 -
高效 JavaScript
<br />原文地址：http://www.woiweb.net/efficient-javascript.html<br /> <br /> <br />传统上，网页中不会有大量的脚本，至少脚本很少会影响网页的性能。但随着网页越来越像 Web 应用程序，脚本的效率对网页性能影响越来越大。而且使用 Web 技术开发的应用程序现在越来越多，因此提高脚本的性能变得很重要。<br />对于桌面应用程序，通常使用编译器将源代码转换为二进制程序。编译器可以花费大量时间优化最终二进制程序的效率。Web 应用程序则不同。转载 2011-03-02 09:53:00 · 1090 阅读 · 0 评论 -
15个值得开发人员关注的jQuery开发技巧和心得
原文地址： http://www.cnblogs.com/gbin1/archive/2011/11/17/2252527.html在这篇文章中，我们将介绍15个让你的jQuery更加有效的技巧，大部分关于性能提升的，希望大家能够喜欢！1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新转载 2011-12-13 14:48:48 · 995 阅读 · 0 评论 -
Javascript绝句欣赏
转载自：http://site.douban.com/widget/notes/22456/note/142716442/1. 取整同时转成数值型：’10.567890′|0结果: 10’10.567890′^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -22. 日期转数值：var d = +new Date()转载 2012-02-16 15:07:57 · 964 阅读 · 0 评论 -
iframe实现无刷新上传文件
原文引用： http://www.oschina.net/code/snippet_54371_4502其实在ajax出现之前，web应用也可以是无刷新的，那时大多通过IFrame来做到这一点。当然Ajax出现之后，人们一窝蜂地投奔Ajax 的阵营了，iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。＜html＞ ＜body＞转载 2012-03-05 14:47:19 · 3845 阅读 · 1 评论 -
jqGrid与Struts2的结合应用（四） —— 丰富多彩的Pager Bar
在介绍排序与查询之前，先介绍一下Pager、Navigator和自定义按钮。默认情况下，Pager Bar分为3个部分：页码栏区域（Pager）导航按钮区域（Navigator Buttons）记录信息区域（Record Information）1. Pager和Record Information的常用属性在jqGrid的options选项中，有许多是专门针对Pager的，之前的例子中已经使用了一个——“pager”选项，用来指明Pager Bar在页面中对应的区域。主要的属性有：page原创 2010-07-08 12:12:00 · 16491 阅读 · 13 评论 -
jqGrid与Struts2的结合应用（三） —— 使用自定义表单对话框编辑Grid数据
上一篇中的最后一点提到了，如果在服务器端出现异常，没能完成预期的操作，那么客户端（浏览器）中的jqGrid还继续更新数据吗?这一篇就来说说服务器端的操作。首先看一下服务器端的代码，我将查看行数据和操作行数据放在了两个Action类里面：ViewContactAction和ContactConsoleAction。package cn.gengv.struts2ex.jqGrid;import java.util.List;import com.byzl.hare.model.Cont原创 2010-07-07 16:55:00 · 21237 阅读 · 49 评论 -
用jQuery合并表格中相同文本的相邻单元格(一)
原文地址：http://www.cnblogs.com/ly5201314/archive/2009/08/13/1545116.html 已经生成的数据表格大致内容如下：地区地区商品代码商品名称数量有效期至距效期（月）产品批号规格单位条形码广东深圳0转载 2009-12-28 14:28:00 · 1802 阅读 · 2 评论 -
用jQuery合并表格中相同文本的相邻单元格(二)
原文地址：http://www.cnblogs.com/ly5201314/archive/2009/08/13/1545126.html 在前面的文章《用jQuery合并表格中相同文本的相邻单元格》中讲到可以用jQuery合并同列中相同文本的相邻单元格。序号地区地区商品代码商品名称数量有效转载 2009-12-28 14:35:00 · 1401 阅读 · 0 评论 -
你的jqModal的Overlay位置正确吗？
最近在学习jQuery以及一些相关插件，深感ajax的强大，同时也为以前藐视javascript而感到惭愧。有时间一定要系统地恶补一下JavaScript。 今天需要一个JavaScript实现的对话框，正好从网上找到了jqModal，它是jQuery的一个插件。粗粗使用了一下，感觉挺不错的，很便捷。但问题也随之而来了。 症状：jqModal的overlay在Firefox里表原创 2010-01-02 22:56:00 · 2611 阅读 · 1 评论 -
使用jQuery制作自定义PickList插件
现在在网上到处都可以找到各种丰富多彩的jQuery插件。之前给公司做的项目里就用到了不少，比如jqModal等。虽然第三方插件帮我实现了很多功能，但仍然喜欢使用jQueryUI里面的插件，总觉得这些插件应该比较成熟，成为体系，彼此之间的兼容性应该更好。因此，在现在的项目中，尽可能的使用jQueryUI原生的组件。同时，由于最近一直使用Struts2框架，因此选用了jQuery针对Struts2原创 2010-04-20 22:25:00 · 2693 阅读 · 0 评论 -
自定义jQuery PickList插件 - 用法与实例(1)
这是我自己写的基于jQuery的pickList插件的说明文档，希望能和大家分享。可以参考我之前一篇日志http://blog.youkuaiyun.com/gengv/archive/2010/04/20/5508707.aspx 插件以及Demo的下载地址：http://code.google.com/p/jquery-picklist/downloads/list原创 2010-04-22 10:42:00 · 4828 阅读 · 1 评论 -
自定义jQuery PickList插件 - 用法与实例(2)
上篇文章(http://blog.youkuaiyun.com/gengv/archive/2010/04/22/5514813.aspx)中演示了最简单的一个例子，只用了三四行代码就能实现一个PickList控件。这次将使用个性化设置，来制作满足各种需要的PickList控件。 自由的选择符像上一篇中提到的一样，pickList()具有多个option选项，原创 2010-04-27 10:27:00 · 3546 阅读 · 1 评论 -
Javascript跳转
<a href="javascript:;" onClick="javascript:window.open(admin_fk.asp?id=)"> 文字部分 删除会出现不正常跳转，将#改成javascript:void(0)就可以了＃包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0转载 2010-04-28 21:55:00 · 2947 阅读 · 0 评论 -
自定义jQuery PickList插件 - 用法与实例(3)
PickList插件还有以下API方法： setDefaults(options)修改pickList的全局默认设置。// 设置pickList插件的默认item_selector为"li.pickListItem"// 设置pickList插件的默认selectedItemClassName为"highlight"$.pickList.setDefaults({原创 2010-04-29 09:31:00 · 2511 阅读 · 1 评论 -
强大的jqGrid！
<br />最近的两个项目里都用到了jqGrid插件，通过自己的使用，感觉这个jQuery表格插件果真异常强大。现在网上有关于这个插件文档的中文翻译，但我还是想把使用中体会记录下来，方便今后查阅。<br /><br />jqGrid网上的Demo应用主要是基于PHP实现的，我之前也使用着struts2-jquery插件中的jqGrid集成。但是有两点原因，促使我仔细去研究jqGrid，而不仅仅是通过struts2-jquery插件的集成。<br /><br />首先，struts2-jque原创 2010-07-05 13:02:00 · 7850 阅读 · 3 评论 -
jqGrid与Struts2的结合应用（二） —— 操作Grid数据
上一篇中，jqGrid已经可以从Server端获得数据，并显示在Grid表格中了。下面说一下，如何操作Grid表格及其数据。jqGrid有很多方法函数，用来操作数据或者操作Grid表格本身。jqGrid的方法有两种调用方式：$("#grid_id").jqGridMethod( parameter1,...,parameterN );或者$("#grid_id").jqGrid('method', parameter1,...,parameterN );首先介绍一下jqGrid的几个最常用的方法函数，具体的原创 2010-07-06 16:08:00 · 30616 阅读 · 21 评论 -
jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格
根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是：$("#grid_id").jqGrid(options);也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jqGrid对象。重点就在传入的option选项上了，通过这些选项可以得到各种各样的Grid表格。1. jqGrid的重要选项具体的options参考，可以访问jqGrid文档关于option的章节（http://www.trirand.com/jqgrid原创 2010-07-05 23:11:00 · 58819 阅读 · 111 评论 -
jQuery 精简版弹出对话框层
原文地址: http://wange.im/jquery-dialog-layer.html弹出对话框在一个网站中是相对比较常见的功能，无论是确认信息还是注册申请，都可能会用到弹出层。用 JS 来实现这样的弹出对话框效果是再合适不过的了，就 jQuery 而言，就有很多高手们开发好的弹出层插件，甚至连 jQuery 官方也有提供 Dialog UI 组件。之前写过一些弹出层的效转载 2012-03-05 14:53:44 · 2601 阅读 · 0 评论