`

【转】 jqGrid进阶教程:qGrid的数据格式化二

 
阅读更多

转至:http://blog.csdn.net/yangbobo1992/article/details/7929831

 

 

 

jqGrid是非常强大的,除了上一讲提到的预置的格式化外,还提供自定义的格式化方法,这种方法也是我比较喜欢的方法。
我们接上面的例子

$("#grid_id").jqGrid({

...

colModel : [ {name:'sex', edittype:'select', editoptions:{value:"1:男;2:女"}} ... ],

...

});

此时,我们增加格式化

 

$("#grid_id").jqGrid({

...

   colModel : [ {name:'sex', edittype:'select', editoptions:{value:"1:男;2:女"}},formatter:function(cellvalue, options, row){

     if(cellvalue==1){

         return "男";

    }else{

        return "女";

   }

   } ... ],

...

});

这样操作起来就比较方便。我们也可以把这个方法独立出来,例如:我们在数据库设置的时候常用1来标示“是”,0标示“否”,这时候我们前台展示的时候肯定不能只显示1或者0,于是必须转换,如果比较多字段用到,我们就采用独立出来写一个。

 

function sexFmatter(cellvalue, options, rowObject){

         if(cellvalue==1){

         return "男";

    }else{

        return "女";

   }

}

在formatter属性后面填写方法名

 

$("#grid_id").jqGrid({

...

   colModel : [ {name:'sex', edittype:'select', editoptions:{value:"1:男;2:女"}},formatter: sexFmatter... ],

...

});

分享到:
评论

相关推荐

    jqGrid(版本:5.1.0)

    - **导出功能**:可以将表格数据导出为Excel、CSV或其他格式。 - **国际化**:支持多语言,方便不同地区的用户使用。 - **主题化**:可自定义主题,与网站整体风格保持一致。 ### 2. jqGrid的安装与基本使用 首先...

    jqGrid使用demo: 数据加载 增加, 修改, 删除, 还原, 撤销等

    jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示和操作数据。它基于jQuery库,提供了丰富的数据网格功能,包括数据加载、增删查改等操作。在本示例中,我们将深入探讨如何利用jqGrid实现这些核心功能,...

    jqgrid加载本地数据并且分页例子

    6. **事件处理**:jqGrid提供了丰富的事件接口,如`loadComplete`,可以在数据加载完成后执行某些操作,如数据格式化或自定义处理。 7. **本地数据解析**:`localReader`选项用于解析本地数据数组。如果数据格式不...

    JQGrid系列教程 代码

    JQGrid是一款基于jQuery的强大的数据网格插件,用于在Web应用中展示和管理大量的结构化数据。它提供了丰富的功能,如分页、排序、搜索、编辑和添加数据等,是开发人员构建数据密集型用户界面的理想选择。在本教程中...

    JQGrid系列教程

    JQGrid 系列教程 JQGrid 是一个基于 jQuery 的表格控件,它使用 AJAX 方式与服务器端通信,能够实现多种功能,如排序、过滤、分页、编辑等。下面是 JQGrid 的一些关键特点和使用方法。 JQGrid 的特点 * 外观时髦...

    jqGrid 中文大全(1)

    “jqGrid基础学习:3jqGrid与后台的交互(基于struts2)”讲解了如何将jqGrid与Struts2框架相结合,实现数据的动态加载和异步通信。这对于构建数据驱动的Web应用至关重要。 3. **认识jqGrid**: “jqGrid基础学习...

    jqGrid手册教程一本通

    jqGrid是一款基于jQuery开发的插件,它主要用于在网页上实现数据的动态展示和操作。它能够将服务器端的数据以表格的形式展现给用户,并提供了丰富的功能,如数据的增删改查、排序、搜索等。 首先,我们需要理解...

    jqGrid中文教程

    jQGrid中文教程 jQGrid 是一个基于 jQuery 的开源插件,主要用于创建交互式网格控件。 jQGrid 提供了强大的数据展示和编辑功能,支持多种数据源,包括数组、XML 和 JSON 数据。 在开始使用 jQGrid 之前,需要具备...

    jqGrid的表格数据呈编辑转态

    - **jsonReader**:指定服务器返回的JSON数据格式。 2. **自定义单元格格式化**: - **`ajaxArrivalDate`**:日期格式化处理函数。 - 使用`<input>`元素来展示日期,并通过`datepicker`插件增强用户体验。 - **...

    jqGrid 的使用笔记:1. 开始

    jqGrid 提供了丰富的特性,包括数据分页、排序、过滤、编辑、导出等功能,使其成为 Web 应用程序中展示和操作大量数据的理想选择。 ### 1. 安装 jqGrid 首先,我们需要在项目中引入 jqGrid 的 CSS 和 JavaScript ...

    jqGrid教程

    jqGrid是一款基于jQuery的开源数据网格插件,用于在网页上展示和操作大量结构化数据。这个教程将全面深入地介绍jqGrid的各种功能和用法,帮助开发者掌握这个强大的工具。 一、jqGrid简介 jqGrid是jQuery库的一个...

    jqGrid数据调用实例

    它基于jQuery库,提供了丰富的功能,如数据分页、排序、搜索、编辑等,支持JSON、XML、CSV等多种数据格式,适用于创建交互式的动态数据表格。本实例将深入探讨如何在实际项目中调用和使用jqGrid。 首先,我们需要在...

    jqgrid本地数据分页

    jqGrid是一款基于JavaScript的开源表格控件,它是jQuery库的一个插件,主要用于展示、编辑和管理大量数据。它提供了丰富的功能,包括数据分页、排序、搜索、过滤、编辑等,使用户可以方便地在网页上处理表格数据。 ...

    jqGrid表格应用——新增与删除数据

    2. **数据源**:jqGrid支持多种数据源,如JSON、XML、CSV等。在本例中,可能通过`do.php`或`connect.php`与服务器进行数据交换,使用Ajax请求获取或提交数据。`products.sql`可能是数据库脚本,用于创建相关的数据表...

    jqgrid序列

    - 数据处理:支持JSON、XML、CSV等多种数据格式,能够方便地与各种后端数据接口进行交互。 - 分页:提供内置的分页功能,可配置每页显示条目数量,支持上一页、下一页、跳转到指定页等功能。 - 排序:用户可以点击列...

    jqgrid行编辑+动态为其他列赋值

    在IT行业中,jqGrid是一个非常流行的JavaScript库,用于创建数据密集型Web应用程序,特别是用于展示和操作表格数据。jqGrid提供了丰富的功能,包括排序、筛选、分页以及行编辑等。在本例中,我们将深入探讨如何实现...

    jqgrid加载本地数据分页Demo

    你可以使用这些事件来处理额外的需求,比如数据格式化、自定义样式等。 6. **本地数据的排序和搜索** jqGrid不仅支持分页,还允许用户对数据进行排序和搜索。只需点击列头即可对相应列进行升序或降序排序。通过...

    JQuery Mobile 中实现 jqGrid 数据分组

    3. **配置jqGrid**:在JavaScript中,初始化jqGrid并设置必要的参数,其中包括数据源、列定义和分组选项。以下是一个简单的配置示例: ```javascript $(document).on("pageinit", function () { $("#grid")....

    jqGrid dome asp.net

    jqGrid 是一个强大的 jQuery 插件,用于在网页上创建、读取、更新和删除(CRUD)数据,尤其适用于构建交互式的表格展示大量数据。它提供了丰富的功能,包括分页、排序、过滤、编辑、拖放列以及自定义操作。在 ASP...

    jqgrid+struts2

    6. **前端与后端数据交互**:jqGrid通过AJAX请求向Struts2 Action发送请求,Action根据请求参数进行相应的数据处理,然后将结果返回给前端,更新表格内容。 **四、示例代码片段** 以下是一个简单的jqGrid初始化示例...

Global site tag (gtag.js) - Google Analytics