`
小杨学JAVA
  • 浏览: 900307 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jqgrid 使用方法 2012-02-29

 
阅读更多

Is there a way in jqgrid to have an editable column that uses a select like in this colModel example:

{ 
name: 'Options', 
index: 'Options', 
width: 150, 
align: 'left', 
resizable: false,
editable: true, 
edittype: 'select', 
editoptions: { 
    value: function() { return buildSelect(); } 
},
formatter: 'select'
}

but always shows the select?

I've got this working before with checkboxes, but there doesn't seem to be a way of doing it with selects. Ideally I'd like this to work in celledit mode. Any ideas?

link|improve this question

 
feedback
up vote3down voteaccepted

All is possible. I am not sure, that what you want is the best way. In the most cases I recommend to use some standard way, then your live will be easier especially after change to a new version of the control which you use.

Nevertheless you can use custom formatter (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter) instead of formatter: 'select' to show the contain of a column how you as prefer. For example,

{ name: 'Options', width: 150, align: 'left', editable: true, edittype: 'select',
  editoptions: { 
    value: function() { return buildSelect(); } 
  },
  formatter: function (cellvalue, options, rowObject, action) {
    if (cellvalue === 'Yes') {
      return '<select><option value="1" selected="selected">Yes</option>' +
                     '<option value="0">No</option></select>';
    } else {
      return '<select><option value="1">Yes</option>' +
                    '<option value="0" selected="selected">No</option></select>';
    }
  }
}

can be used to display select with 'Yes' and 'No' values instead of default one current value ('Yes' or 'No'). You can also bind some function for a change handle of such select elements.

分享到:
评论

相关推荐

    jquery.jqGrid.groupHeader-0.2.1.js

    jqGrid没有setComplexGroupHeaders方法,使用此插件实现三级分组表头功能

    jqGrid4.8.2 jqgrid_demo40

    jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料。 jqGrid中文文档.doc------附加放在这里的其它资料。 jqGrid的使用.doc------附加放在这里的其它资料。

    jqGrid学习笔记1 - - - - jqGrid英语PDF文档

    jqGrid是一款功能强大的JavaScript数据网格插件,常用于在网页上展示、操作和管理大量结构化数据。这个学习笔记主要围绕“jqGrid学习笔记1”展开,内容来源于jqGrid的英文PDF文档,结合了源码解析和实用工具的介绍。...

    jqGrid4.6.0 jqgrid_demo40

    jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载下来是没法用的,因为里面有些东西是错的,当然我这个demo40还是还有是些不足,比喻说数据库中少表导致...

    jQgrid demo

    在本"jQgrid demo"中,我们将深入探讨如何利用 jQGrid 实现交互式的数据展示和操作。 jQGrid 的核心特性包括: 1. **数据加载与显示**:jQGrid 支持从服务器或本地数据源动态加载数据,并以表格形式展示。它可以...

    \jqGrid中文说明文档-选项设置

    网上收藏的 jqGrid中文说明文档——选项设置 挺实用的

    jqgrid +bootstrap4.0 直接使用

    将 jqGrid 与 Bootstrap 4 结合使用,可以创建美观且功能丰富的数据网格,适用于各种设备。 标题 "jqgrid + bootstrap4.0 直接使用" 暗示这个压缩包提供了一个可以直接运行的 jqGrid 示例,集成了 Bootstrap 4 的...

    jqgrid jquery-ui-1.8.17.custom.css

    jqgrid jquey 样式 让表格变得更漂亮

    jqGrid-3.5.alfa-2

    5. 示例与文档:提供的demo可以帮助开发者直观地了解jqGrid的使用方法,readme文件则详细解释了这些示例的实现原理和新功能。 使用jqGrid开发时,开发者需要注意以下几点: 1. 配置初始化:在HTML中引入jqGrid及...

    jqgrid_doc

    "jqgriddocs_english_bi.pdf"文档是jqGrid的英文版官方文档,它详细介绍了如何安装和使用jqGrid,包括基本配置、数据源设定、列定义、操作方法、事件处理、自定义函数等内容。文档还涵盖了各种高级特性,如树形网格...

    jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar

    本文将围绕"jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar"这一压缩包中的两个主要组件进行深入探讨。 首先,jQuery.jqGrid 4.3.1是一个功能强大的表格展示和管理工具,适用于创建交互式的数据网格。这个版本提供了...

    jqGrid插件--JQuery表格插件

    1. **基本使用**:jqGrid通过在HTML表格元素上应用jQuery选择器和方法来初始化,允许开发者轻松地将静态或动态数据转化为可操作的表格。基本语法是`$("#gridId").jqGrid(options);`,其中`options`是一个包含配置...

    Guriddo_jqGrid_JS_5_2_X_demo.rar

    这个压缩包提供了离线使用的资源,使得开发者可以在本地环境中快速搭建和测试JQGrid的功能。 JQGrid的主要特性包括: 1. 数据网格:JQGrid提供了一个高度可定制的表格组件,支持分页、排序、搜索、过滤和编辑等...

    jquery.jqGrid-3.5-beta

    《jQuery.jqGrid-3.5-beta:一个强大的数据管理框架》 在Web开发领域,高效的数据管理和展示是至关重要的。jQuery.jqGrid是这样一个工具,它为开发者提供了强大而灵活的数据网格解决方案。这个名为"jquery.jqGrid-...

    jquery.jqGrid-3.8.2.zip

    jquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zip

    jquery.jqGrid-4.5.2.zip

    - 在使用 jqGrid 时,需要确保浏览器支持 jQuery,因为 jqGrid 是构建在 jQuery 之上的。 - 考虑到性能和用户体验,合理设置分页大小和数据加载策略。 - 对于大量数据,考虑使用服务器端分页以减少页面加载时间。...

    jquery.jqGrid-4.4.3

    在本文中,我们将深入探讨jQuery.jqGrid-4.4.3版本,理解其功能、使用方法以及在实际项目中的应用。 jQuery.jqGrid是基于jQuery库的表格插件,提供丰富的功能,如数据的分页、排序、搜索和编辑等,适用于创建交互式...

    Guriddo_jqGrid_JS_5.4.0-Trial.zip

    4. **使用方法**:在HTML页面中引入jqGrid的相关CSS和JS文件,然后通过jQuery选择器初始化网格,并配置所需的参数。例如,设置数据源、列定义、操作按钮等。 5. **关键特性**: - **数据处理**:jqGrid支持异步...

    JqGrid项目(java web)

    在本文中,我们将深入探讨基于Java Web的JqGrid项目,该项目使用了Struts2和Spring框架进行构建。JqGrid是一款强大的JavaScript库,用于在Web应用中展示和操作数据,而Struts2和Spring是Java领域中常用的MVC框架,...

Global site tag (gtag.js) - Google Analytics