JQGrid编辑类型: 'select' using dataurl returns with not saving select value

转载 作者：行者123 更新时间：2023-12-02 01:19:52 24 4

我有一个带有 edittype:'Select' 的 JQGrid 列，使用 dataUrl 返回包含不同帐户组的组的帐户列表。

我的问题:保存行时，没有值传递到“选择”列的 editurl。如果我删除 ，则值将传递给我的 Select 列的 editurl。

描述:对于我的列数据，我返回帐户名称，而不是值，因此当网格加载时会显示名称。

当编辑一行(内联编辑)时，将调用 dataUrl 并显示选择列表，并为行数据选择“我的帐户”。

然后，我从“选择”列表中选择一个新帐户，然后按 Enter 键保存。所选帐户值不会传递到该列的 editurl 函数。如果我从帐户值中删除 ，则帐户值将传递给 editurl 函数。

我不确定我是否做错了什么，即没有设置网格参数，

希望你能帮助我。

提前致谢，

克里斯

我的网格代码:

$(document).ready(
function () {
    var lastSelection;
    var grid = jQuery("#BankTransactions");
    grid.jqGrid({
        url: '/DropDown/GridData/',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['TransactionLineId', 'TransactionId', 'BankTransactionId', 'Number', 'Amount', 'Category'],
        colModel: [
                    { name: 'transactionLineId', index: 'transactionLineId', editable: true, editrules: { edithidden: true }, hidden: true, width: 40, align: 'left' },
                    { name: 'transactionId', index: 'transactionId', editable: true, editrules: { edithidden: true }, hidden: true, width: 40, align: 'left' },
                    { name: 'bankTransactionId', index: 'bankTransactionId', editable: true, editrules: { edithidden: true }, hidden: true, width: 40, align: 'left' },
                    { name: 'Number', index: 'Number', width: 100, align: 'left', sortable: false },
                    { name: 'Amount', index: 'SubAmount', editable: true, width: 100, align: 'right', sortable: false, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'class="BankTranEdit"' }, formatter: 'currency', formatoptions: { decimalSeparator: '.', thousandsSeparator: ',', decimalPlaces: 2, defaultValue: ' '} },
                    { name: 'CategoryIdURL', index: 'CategoryIdURL',
                        editable: true,
                        edittype: 'select',
                        //formatter: 'select',
                        editoptions: { dataUrl: "/DropDown/CategorySelectList" },
                        width: 220,
                        align: 'left'
                    },
                  ],
        pager: jQuery('#pager'),
        rowNum: 100,
        rowList: [25, 50, 100],
        editurl: "/Dropdown/GridSave",
        sortname: 'Number',
        sortorder: "desc",
        viewrecords: true,
        width: 1250,
        height: 450,
        onCellSelect: function (rowid, iCol, cellContent, e) {
                        grid.restoreRow(lastSelection);
                        grid.editRow(rowid, true, null, null, null, null, null);
                        lastSelection = rowid;  
                      }

    });
});

/Dropdown/GridData 的输出:

{"total":1,
"page":1,
"records":6,
"rows":[
    {"id":165,"cell":["165","249","125","DM000249","1500.00","Sales"]},
    {"id":145,"cell":["145","229","105","SM000229","100.00","Rent"]},
    {"id":153,"cell":["153","237","113","SM000237","38.07","Bank Fees"]},
    {"id":185,"cell":["185","269","145","SM000269","750.00","Cash Discounts"]},
    {"id":194,"cell":["194","278","154","SM000278","13.29","Rent"]},
    {"id":211,"cell":["211","295","171","SM000295","100.00","Rent"]}]
}   

/Dropdown/CategorySelectList 的输出

<select>
<optgroup label='Expenses'>
<option value='42'>Accounting Fees</option>
<option value='60'>Bank Fees</option>
<option value='23'>Bank Service Charges</option>
<option value='24'>Books and Publications</option>
<option value='25'>Cash Discounts</option>
<option value='43'>Rent</option>
</optgroup>
<optgroup label='Income'>
<option value='19'>Sales</option>
<option value='20'>Services</option>
<option value='21'>Interest Income</option>
<option value='22'>Other Income</option>
</optgroup>
</select>

最佳答案

当前版本的 jqGrid 不适用于 <optgroup> <select>里面.

我发现<optgroup>的用法在某些情况下可能会有帮助。于是我稍微调试了一下jqGrid代码，发现只需要更改jqGrid的两行代码(jqGrid 4.1.1中grid.inlinedit.js的143-144行或jquery.jqGrid.src.js的第8262-8263行)来自

tmp[nm] = $("select>option:selected",this).val();
tmp2[nm] = $("select>option:selected", this).text();

至

tmp[nm] = $("select>option:selected,select>optgroup>option:selected",this).val();
tmp2[nm] = $("select>option:selected,select>optgroup>option:selected",this).text();

或者只是为了

tmp[nm] = $("select option:selected",this).val();
tmp2[nm] = $("select option:selected",this).text();

解决问题。

如果需要支持选择 multiple: true属性:

应该以与上面相同的方式修改 grid.inlinedit.js 的另一行 ( line 149 )拥有 "select>option:selected" 。使用 multiple: true 制作 jqGrid属性与 dataUrl 一起使用属性一必须修复 grid.inlinedit.js 的另一行( line 67 ) 。一个需要改变

if(cm[i].edittype == "select" && cm[i].editoptions.multiple===true && $.browser.msie){
    $(elc).width($(elc).width());
}

例如以下内容

if(cm[i].edittype === "select" && typeof(cm[i].editoptions)!=="undefined" &&
   cm[i].editoptions.multiple===true &&
   typeof(cm[i].editoptions.dataUrl)==="undefined" && $.browser.msie) {

    $(elc).width($(elc).width());
}

此更改将阻止设置非常小的 width的选择之前由 $.ajax 加载来自dataUrl的请求。也许应该对 width 进行相同的修复success里面相应$.ajax的事件处理程序调用 grid.common.js其中 dataUrl 的数据将被加载。我在 IE9 中测试了我的演示，不需要修复 IE9。

您可以在此处查看带有固定 jqGrid 代码的演示:the single select demo , the multiselect demo 。您应该考虑到，服务器上没有将在 editurl 中使用的“/Dropdown/GridSave”代码。 。不过，您将在 Firebug 的 Fiddler 中看到，将发送到服务器的发布数据确实包含有关所选项目的信息。如果您想让演示在本地运行，您应该修改 editurl到'clientArray'并可能另外设置loadonce:true .

关于JQGrid编辑类型: 'select' using dataurl returns <select> with <optgroup> not saving select value，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6492100/

24 4 0

文章推荐： PHP 文件布局/设计

文章推荐： java - 如何配置 ldaptive 以使用连接池 (jaas)

文章推荐： java - 调用winapi函数后清空缓冲区

文章推荐： cuda - 英伟达 CUDA : Difference between Tesla T10 processors and Tesla M2090 processor

• MySQL相似表的索引使用不一致: 'Using index' and 'Using where; Using index'

  我在优化 JOIN 以使用复合索引时遇到问题。我的查询是: SELECT p1.id, p1.category_id, p1.tag_id, i.rating FROM products p1

• sql - 优化查询以删除 "Using where; Using temporary; Using filesort"

  我有一个简单的 SQL 查询，我正在尝试对其进行优化以删除“使用位置；使用临时；使用文件排序”。 这是表格: CREATE TABLE `special_offers` ( `so_id` int

• mysql - EXPLAIN 语句说 'Using where; Using index' 如果在查询中设置了 USE INDEX() 否则就说 'Using where'

  我有一个具有以下结构的应用程序表 app_id VARCHAR(32) NOT NULL, dormant VARCHAR(6) NOT NULL, user_id INT(10) NOT NULL

• mysql - Extra :-Using where; Using temporary; Using filesort如何优化MYSQL

  此查询的正确索引是什么。 我尝试为此查询提供不同的索引组合，但它仍在使用临时文件、文件排序等。 总表数据 - 7,60,346 产品= '连衣裙' - 总行数 = 122 554 CREATE TAB

• mysql - 为什么额外的是 "using where;using index"而不是 "using index"

  为什么额外的是“使用where;使用索引”而不是“使用索引”。 CREATE TABLE `pre_count` ( `count_id`

• 按日期排序时，MySQL 数据库使用 "Using where; Using temporary; Using filesort"

  我有一个包含大量记录的数据库，当我使用以下 SQL 加载页面时，速度非常慢。 SELECT goal.title, max(updates.date_updated) as update_sort F

• MySQL - 'Using index condition' 与 'Using where; Using index'

  我想知道 Using index condition 和 Using where 之间的区别；使用索引。我认为这两种方法都使用索引来获取第一个结果记录集，并使用 WHERE 条件进行过滤。 Q1。有什

• Cannot setup TypeScript to use `using` keyword(无法将TypeScript设置为使用“using”关键字)

  I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "

• Cannot setup TypeScript to use `using` keyword(无法将TypeScript设置为使用“using”关键字)

  I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "

• Cannot setup TypeScript to use `using` keyword(无法将TypeScript设置为使用“using”关键字)

  I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "

• mysql - 如何避免MySQL中的 "Using index; Using temporary; Using filesort "，21表JOIN

  mysql Ver 14.14 Distrib 5.1.58，用于使用 readline 5.1 的 redhat-linux-gnu (x86_64) 我正在接手一个旧项目。我被要求加快速度。我通过

• mysql - OrmLite(服务堆栈): Only use temporary db-connections (use 'using' ?)

  在过去 10 多年左右的时间里，我一直打开数据库 (mysql) 的连接并保持打开状态，直到应用程序关闭。所有查询都在连接上执行。 现在，当我在 Servicestack 网页上看到示例时，我总是看到

• sql - 优化 MySQL 查询以避免 "Using where; Using temporary; Using filesort"

  我使用 MySQL 为我的站点构建了一个自定义论坛。列表页面本质上是一个包含以下列的表格:主题、上次更新和# Replies。 数据库表有以下列: id name body date topic_id

• mysql - EXPLAIN中的 "Using index"和 "Using where; Using index"有什么区别

  在mysql中解释的额外字段中你可以得到: 使用索引 使用where;使用索引 两者有什么区别？ 为了更好地解释我的问题，我将使用下表: CREATE TABLE `test` ( `id` bi

• using - Haxe中的 `using`关键字是什么？

  我经常看到人们在其Haxe代码中使用关键字using。它似乎在import语句之后。 例如，我发现这是一个代码片段: import haxe.macro.Context; import haxe.ma

• 克洛尤尔 : how do I use use "and" in "reduce"?

  这个问题在这里已经有了答案: "reduce" or "apply" using logical functions in Clojure (2 个答案) 关闭 8 年前。 “and”似乎是一个宏，

• 克洛尤尔 : how do I use use "and" in "reduce"?

  这个问题在这里已经有了答案: "reduce" or "apply" using logical functions in Clojure (2 个答案) 关闭 8 年前。 “and”似乎是一个宏，

• c++ - 注册表模式 : to use or not to use

  我正在考虑在我的应用程序中使用注册表模式来存储指向某些应用程序窗口和 Pane 的弱指针。应用程序的一般结构如下所示。 该应用程序有一个 MainFrame 顶层窗口，其中有几个子 Pane 。可以有

• When to use == and when to use is?(什么时候使用==，什么时候使用IS？)

  奇怪的是：。似乎a是b或多或少被定义为id(A)==id(B)。用这种方式制造错误很容易：。有些名字出人意料地出现在Else块中。解决方法很简单，我们应该使用ext==‘.mp3’，但是如果ext表面

• mysql - 优化 'GROUP BY'-查询，消除 'Using where; Using temporary; Using filesort'

  我遇到了一个我似乎无法解决的 MySQL 问题。为了能够快速执行用于报告目的的 GROUP BY 查询，我已经将几个表非规范化为以下内容(该表由其他表上的触发器维护，我已经同意了与此): DROP T

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

• html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
• JMeter 在响应断言中使用 span 标签的问题
• html - 在 :hover and :active? 上具有不同效果的 CSS 动画
• html - 相对于居中的 html 内容固定的 CSS 重复背景？

滴滴打车优惠券免费领取

全站热门文章

• [这可能是最好的Spring教程！]Maven的模块管理——如何拆分大项目并且用parent继承保证代码的简介性
• 不当愣头青、聊聊软件架构中的那些惯用的保命手段
• SAM4MLLM：结合多模态大型语言模型和SAM实现高精度引用表达分割|ECCV'24
• Ubuntu22.04LTS离线安装Harborv2.11(附https认证，Trivy镜像扫描)
• 太强了！14.7Kstar！Windows系统居然还有开源替代版了？！
• 使用wxpython开发跨平台桌面应用，对WebAPI调用接口的封装
• 【VMwareVCF】通过备份的配置文件还原SDDCManager组件。
• .NETCore委托底层原理浅谈
• “嵌入”在大语言模型中是解决把句子转换成向量表示的技术
• Nuxt.js应用中的schema：resolved事件钩子详解

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com