`
zhangcs053
  • 浏览: 33106 次
  • 性别: Icon_minigender_1
  • 来自: 徐州
社区版块
存档分类
最新评论

jquery grid 扩展formatter

阅读更多
先将代码给出,以后整理。
{name:'isopen', index:'isopen', width:55, edittype:"checkbox",editoptions: {value:"1:0"}, editable:true, formatter:"customIsOpen"},
jQuery.extend($.fn.fmatter , {
    customIsOpen : function(cellvalue, options, rowobject) {
        if(cellvalue == 1)
return "开放";
else
return "没有开放";
    }
});
jQuery.extend($.fn.fmatter.customIsOpen , {
unformat : function(cellvalue, options, cellobject) {
var value = $(cellobject).html() == "开放" ? "1" : "0";
return value;
}
});
分享到:
评论

相关推荐

    Jquery 实现列的拖动 jquery grid

    对于内容的自由展示,jQuery Grid支持多种自定义格式化和编辑器,可以通过`formatter`和`editoptions`进行配置。例如,如果某列是日期类型,我们可以设置自定义的日期格式化函数: ```javascript { name: 'date...

    Jquery Grid4.6

    **jQuery Grid 4.6 知识点详解** jQuery Grid,又称为 jqGrid,是一款基于 jQuery UI 1.7.2 的强大数据网格插件,用于在网页上展示和操作结构化数据。jqGrid 提供了丰富的功能,包括数据分页、排序、搜索、编辑、...

    jqgrid使用说明及实例

    利用`cellEdit`、`rowSelect`等选项启用这些功能,并使用`formatter`和`editoptions`进行格式化和编辑行为定制。 5. **自定义功能**:jqGrid的灵活性在于其强大的自定义能力。你可以通过事件处理函数扩展功能,如`...

    Jquery仿Ext表格flexigrid

    Flexigrid是一款基于jQuery的开源表格插件,它在功能和用户体验上模仿了Ext JS的Grid组件。这款插件以其轻量级、高效和丰富的特性,深受Web开发者喜爱,尤其适用于需要展示大量数据并进行排序、分页等操作的场景。 ...

    jquery.jqGrid-3.8.2.zip

    例如,`ui.jqgrid.css`是默认的主题样式,提供了标准的jQuery UI样式,而`jquery.jqgrid.src.css`包含了源代码中所有的CSS规则,用于自定义和扩展。 2. **src** 文件夹:这是jqGrid的核心源代码,包含JavaScript...

    jquery easy ui edatagrid 动态编辑表格 例子

    `edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的交互性和数据编辑能力。 首先,`edatagrid`是基于jQuery和Easy UI框架的一个组件,它允许用户在表格中直接进行数据...

    SlickGrid2.2-master.zip

    5. **插件支持**:有多种插件可用于扩展SlickGrid的功能,如ColumnPicker(列选择器)、Formatter(格式化器)和Editor(编辑器)。 在描述中提到的"SlickGrid2.2-master.zip",可能包含以下文件和目录结构: - `...

    从easyui里分离出来的grid控件

    EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如表格(Grid)、对话框(Dialog)等,帮助开发者快速构建用户界面。然而,在旧版本的Internet Explorer(如IE6)中,EasyUI的性能表现可能不尽如人意,...

    SlickGridDemo

    6. **自定义行为**:如果标准功能无法满足需求,开发者可以通过覆盖默认行为或编写自定义函数来扩展SlickGrid的功能。 通过深入研究"SlickGridDemo",你可以掌握SlickGrid的基本用法和高级技巧,从而在自己的项目中...

    jQuery EasyUI之DataGrid使用实例详解

    <div id="grid"> ``` 2. 初始化DataGrid,设置其属性。以下是一些常见的选项: - `width`和`height`分别设定DataGrid的宽度和高度。 - `nowrap`控制单元格内的文本是否换行。 - `striped`设置是否显示行间交替...

    datagrid显示图片并点击放大浏览样式文件.zip

    首先,EasyUI是一个轻量级的JavaScript框架,它基于jQuery,提供了一系列易于使用的组件,如datagrid、dialog和menu等,用于构建用户界面。而TopJUI则是在EasyUI的基础上进行扩展和增强的框架,增加了更多的组件和...

    jqGrid教程

    jqGrid是jQuery库的一个扩展,主要用于创建交互式的数据表格。它支持分页、排序、搜索、过滤、编辑等多种功能,使得数据管理变得简单而直观。通过自定义配置,可以适应各种业务需求,提升用户体验。 二、安装与引入...

    jquery easyui中treegrid用法的简单实例

    通过自定义 formatter 和事件处理,我们可以扩展其功能,例如添加复选框并响应用户的选择。然而,需要注意的是,EasyUI 的内部处理可能会影响到直接的 DOM 操作,因此在处理这类问题时需要采取适当的方法,如事件...

    jquery easyui 对于开始时间小于结束时间的判断示例

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一套丰富的组件,如 Dialog、Grid 和 Form,使得构建交互式用户界面变得简单。在本示例中,我们将探讨如何使用 jQuery EasyUI 的 ValidateBox 组件来实现开始...

    SYPRO示例项目源码和EasyUI入门视频教程

    第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...

    FisherGrid使用说明

    FisherGrid的设计基于flexigrid(一个jQuery插件)进行后台扩展,开发者通过配置列信息和SQL语句,利用JSP自定义Tag来创建Grid。其架构主要包括Tag(页面开发入口)、GridModel(Grid的模型对象)、Grid模板文件、...

    jqgriddocs

    6. **自定义操作**: 可以在行内或行尾添加自定义按钮,实现如删除、查看等操作,通过`formatter`和`formatoptions`实现。 **三、jqGrid 高级特性** 1. **行选择**: 支持单选和多选,`multiselect`参数控制是否启用...

    Spring MVC 分页组件和JqGrid导出

    在本文中,我们将深入探讨Spring MVC分页组件和JqGrid如何协同工作,实现高效的数据展示和导出功能。...在实际项目中,我们需要根据具体需求,合理配置和扩展这两个工具,以实现最佳的业务逻辑和用户体验。

    深入研究jqgrid

    7. **自定义行为**:可以使用jQuery的事件处理和扩展API来添加自定义行为,如添加按钮、弹出对话框等。 **三、jqGrid的扩展和插件** - jqGrid的插件如`jqGrid TreeGrid`允许创建树形结构的表格,用于展示层级关系...

    jqGrid_API中文

    - **自定义列**:通过`formatter`和`unformat`函数,可以实现自定义列的显示和数据解析。 - **编辑模式**:使用`inlineNav`或`editGridRow`方法,可以开启行内编辑或弹窗编辑模式。 - **导出数据**:利用API可以将...

Global site tag (gtag.js) - Google Analytics