2013年3月6日
摘要: JavaScript中instanceof对于不同的构造器可能都返回true我们知道 instanceof 运算符用来检查对象是否为某构造器的实例。下面列举它返回true的各种情景。1、对象obj是通过new Constructor创建的,那么 obj instanceof Constructor 为true?123456function Person(n, a) { this.name = n; this.age = a;}var p = new Person('John Backus', 82);console.log(p instanceof Person); // tr 阅读全文
posted @ 2013-03-06 21:26 tware_dsy 阅读(167) 评论(0) 推荐(0) 编辑
  2013年3月4日
摘要: <script>jQuery("#grid_id").jqGrid({... colModel: [ ... {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter}, ... ]...});function currencyFmatter (cellvalue, options, rowObject){ // do something here return new_fo 阅读全文
posted @ 2013-03-04 10:30 tware_dsy 阅读(427) 评论(0) 推荐(0) 编辑
  2013年2月26日
摘要: 这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的jqGrid选项、jqGrid的事件等等。1. jqGrid选项补充说明之前已经介绍了许多经常用到的jqGrid选项,还有一部分虽然还没有介绍,但却能肩负特殊的功能。例如:altRows:当次此选项为true时,表格的行将呈现交替样式显示(zebra-striped)。altclass:此选项只在altRows为true时才有效,交替显示的样式;默认值为:ui-priority-secondary。datastr:当datatype选项为xmlstring或jsonstring时,设置此选项可以充当Grid中的数据内容。deepem 阅读全文
posted @ 2013-02-26 15:32 tware_dsy 阅读(257) 评论(0) 推荐(1) 编辑
摘要: jqGrid的一项高级功能就是嵌套子表格,使用起来也非常简单。使用的方式有两种:使用普通的subGrid子表格;使用一个完整jqGrid作为子表格;显然第二种方式更加通用,功能更加强大,因此我主要使用第二种方式。至于第一种方式,可以具体参考官方文档(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:subgrid)。使用完整jqGrid作为子表格使用子表格,涉及到jqGrid的三个选项:subGrid:首先必须将jqGrid的subGrid选项设置为true,默认为false;当此项设为true的时候,Grid表格的最左边将会添加一列,里面有 阅读全文
posted @ 2013-02-26 15:31 tware_dsy 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 终于讲到排序了,这一部分应该说还是比较好理解的。jqGrid通过colModel选项中的sortable来控制是否可以以某列的值排序。sortable的默认值是true,当设为false时,即此列不能用于排序。[javascript]view plaincopy$(function(){$("#gridTable").jqGrid({...colModel:[{name:"id",index:"id",label:"编码",width:40},{name:"lastName",index:&qu 阅读全文
posted @ 2013-02-26 15:29 tware_dsy 阅读(286) 评论(0) 推荐(1) 编辑
摘要: 上一篇主要讲述了,如何结合Action类进行查询,以及查询的几种主要方式。在searchGrid方法中,我们传入的options选项,定义了查询所需要的通用属性。举个例子来说吧,当点击查询按钮的时候,弹出的查询对话框里包含Grid中的各个列作为可选的查询条件,而比较方式也统统都是等于、不等于、小于、小于等于、大于、大于等于、开始于、不开始于等等。假如我们并不希望用户使用这么多的查询条件,或者某列是文本形式的、根本不可能出现大于小于之类的问题的时候,如何针对不同的列,定义这些条件的构成方式呢?我们可以使用colModel的options属性,来覆盖searchGrid的options属性中的某些 阅读全文
posted @ 2013-02-26 15:28 tware_dsy 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 这篇主要讲的是jqGrid的查找功能。根据官方文档的介绍,jqGrid的查找功能分四种:工具条查询;自定义查询;单条件表单查询;高级表单查询(复杂条件查询);我个人认为这样划分比较复杂,可以基本分为两大类,即:表单查询:包括单条件查询和高级查询(复杂条件查询);工具条查询:包括工具条查询和自定义查询;而这两大类中,也以表单查询更常用。现在逐个说明一下(我改变了官方文档的讲解顺序,我觉得自己的这个顺序,更直观,更靠近现实使用)。1. 单条件表单查询先从服务器端看起,为了配合jqGrid的查询功能,我们需要在JqGridBaseAction类中添加几个成员变量。成员变量的名字必须和jqGrid的p 阅读全文
posted @ 2013-02-26 15:26 tware_dsy 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 在介绍排序与查询之前,先介绍一下Pager、Navigator和自定义按钮。默认情况下,Pager Bar分为3个部分:页码栏区域(Pager)导航按钮区域(Navigator Buttons)记录信息区域(Record Information)1. Pager和Record Information的常用属性在jqGrid的options选项中,有许多是专门针对Pager的,之前的例子中已经使用了一个——“pager”选项,用来指明Pager Bar在页面中对应的区域。主要的属性有:pager:必须是一个有效的html元素。这个元素可以根据页面的需要,被放置于页面的任何位置。在指定pager选 阅读全文
posted @ 2013-02-26 15:24 tware_dsy 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 上一篇中的最后一点提到了,如果在服务器端出现异常,没能完成预期的操作,那么客户端(浏览器)中的jqGrid还继续更新数据吗?这一篇就来说说服务器端的操作。首先看一下服务器端的代码,我将查看行数据和操作行数据放在了两个Action类里面:ViewContactAction和ContactConsoleAction。[java]view plaincopypackagecn.gengv.struts2ex.jqGrid;importjava.util.List;importcom.byzl.hare.model.Contact;importcom.byzl.hare.model.PatentCas 阅读全文
posted @ 2013-02-26 15:23 tware_dsy 阅读(972) 评论(0) 推荐(0) 编辑
摘要: 上一篇中,jqGrid已经可以从Server端获得数据,并显示在Grid表格中了。下面说一下,如何操作Grid表格及其数据。jqGrid有很多方法函数,用来操作数据或者操作Grid表格本身。jqGrid的方法有两种调用方式:$("#grid_id").jqGridMethod( parameter1,...,parameterN );或者$("#grid_id").jqGrid('method', parameter1,...,parameterN );首先介绍一下jqGrid的几个最常用的方法函数,具体的方法API也可以参考官方文档(h 阅读全文
posted @ 2013-02-26 15:22 tware_dsy 阅读(407) 评论(0) 推荐(0) 编辑