jqGrid 内联编辑:自动完成列的奇怪行为

2024-03-30

我有一个带有自动完成列的 jqGrid (使用内联编辑)。当用户从自动完成列中选择一个值时,事件处理程序会在另一列上设置一个值,并将自动完成列上的值设置为除label从自动完成源返回。两列定义(完整jsFiddle http://jsfiddle.net/syltech/27dLM/37/示例在这里):

{
    name: 'cartoonId',
    index: 'cartoonId',
    width: 90,
    editable: false},
{
    name: 'cartoon',
    index: 'cartoon',
    width: 200,
    editable: true,
    edittype: 'text',
    editoptions: {
        dataInit: function(elem) {
            $(elem).autocomplete({
                source: autocompleteSource,
                select: function(event, ui){
                    var rowId = $("#inlineGrid").jqGrid('getGridParam', 'selrow');
                    if(ui.item){
                        $("#inlineGrid").jqGrid('setCell', rowId, 'cartoonId', ui.item.CartoonId);
                        $("#inlineGrid").jqGrid('setCell', rowId, 'cartoon', ui.item.Name);                            
                    }
                    return false;
                }
            });
        }
    }},

问题是,每当用户从自动完成中选择一个值时,无论是通过单击它还是使用箭头并按 Tab 键,该单元格都不再可编辑,并且网格似乎完全失去焦点。如果我注释掉设置的行cartoon单元格值,它表现正常。有什么办法可以解决这种行为吗?我需要整行保持编辑模式,包括cartoon列,直到用户完成编辑。

jqGrid 4.4.1
jQuery 1.7.2
jQuery 用户界面 1.8.18


你应该重命名Name的物品的属性autocompleteSource to value因为 jQuery UI 自动完成会检查label and value默认情况下(参见文档 http://docs.jquery.com/UI/Autocomplete#overview).

你不能使用setCell of the 'cartoon'当前处于编辑模式的列。你应该删除return false; from select回调也。所以代码可能看起来如下

dataInit: function (elem) {
    $(elem).autocomplete({
        source: autocompleteSource,
        select: function (event, ui) {
            var rowId = $("#inlineGrid").jqGrid('getGridParam', 'selrow');
            if (ui.item) {
                $("#inlineGrid").jqGrid('setCell', rowId, 'cartoonId',
                    ui.item.CartoonId);
            }
        }
    });
}

See http://jsfiddle.net/27dLM/38/ http://jsfiddle.net/27dLM/38/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jqGrid 内联编辑:自动完成列的奇怪行为 的相关文章

  • jqGrid treeGrid 捕获展开折叠事件

    我使用 jqGrid 来构建一些大树 现在我想记住cookie中展开和折叠的节点 所以我想捕捉展开和折叠事件 我在手册中找不到它 所以我用这种方式解决了 grid find div treeclick bind click function
  • 在jqGrid的Edit Url中传递参数进行表单编辑

    我在用jgGrid表单编辑 我在其中更新编辑的值 当我点击提交时editurl被叫 在这种情况下 在我的场景中 我必须将两个参数传递给控制器 jqGrid代码 var colname var colHeader var gridData v
  • RubyMine 无法识别 git 存储库中的 gem

    我们有一个带有自定义 gem 的 git 存储库 要安装它 Gemfile 有一行 gem my gem git gt email protected cdn cgi l email protection my gem git 安装 gem
  • python - Atom IDE 如何启用自动完成代码以查看模块中的所有函数

    我正在为我的 python 项目使用atom IDE 在某些情况下有自动完成建议 但我想知道是否可以列出导入模块具有的所有可能功能 例如 如果我导入import urllib当我打字时urlib 并按 ctrl tab 想要查看包含可能使用
  • 当 contentType=application/json 时 Jquery JQGrid 中断?

    我必须使用 ajaxSetup 将 contentType 全局更改为 application json ajaxSetup contentType application json charset utf 8 请参阅此问题了解为什么我必须
  • 当我使用 gridview:true 时, afterInsertRow : function(ids) 方法不执行

    当我设定gridview to true gridview true 在我们的jqGrid中增加jqGrid的性能 方法如下插入行后 或者其他类似的方法不被执行 以下是我的jgGrid的代码 jQuery displaylistGrid j
  • Jqgrid 模态 Colspan

    我想将 colspan 属性应用于 JQgrid 模式窗口内的 td 它呈现具有以下结构的模态形式
  • 如何为 jqGrid jsonify“添加”帖子/参数

    这个人要杀了我 我读过很多Oleg https stackoverflow com users 315935 oleg的评论 并通过文档 http www trirand com jqgridwiki doku php id wiki fo
  • Google 地图 v3 API - 自动完成(地址)

    尝试让我的谷歌地图应用程序自动完成工作 这是当前的代码 HTML
  • Xcode 4 没有代码完成

    我已经使用 Xcode 4 两周了 我注意到我没有获得 if else 和 switch 语句的代码完成宏 就像这篇文章描述的那样 http macdevelopertips com xcode xcode code completion
  • 有没有办法像 Visual Studio 一样让 Xcode 5 自动完成?

    Xcode 5 现在取代了 Xcode 4 我对这两种 IDE 的一个常见抱怨是它们不能非常积极地自动完成 在 Visual Studio 中 只要您按下非标识符键 如括号 逗号 点 空格等 就会提交自动补全 在 Xcode 5 上 您必须
  • mcdropdown 的替代方案

    我正在构建一个自动完成下拉列表 用户可以从多个级别的类别中进行选择 在该网站的先前版本中 我们使用http www givainc com labs mcdropdown jquery plugin htm http www givainc
  • Jquery ui 自动完成多个输入字段和 ajax 结果

    我正在尝试做其他几个人在堆栈上已经完成的事情 我已经尝试了所有可用的示例 但似乎无法使其工作 我已经复制了工作示例并反映了与我的情况相匹配的更改 但仍然没有 我使用的 HTML 看起来像这样 tr td a span class icon
  • 使用 openopenPanel() 方法打开 matAutocomplete

    我正在使用 Angular Material 的垫自动完成 https material angular io components autocomplete overview组件 并根据docs https material angula
  • jQuery-UI 的自动完成显示效果不佳,z-index 问题

    我目前正在我的客户网上商店中实现 jQuery UI 的自动完成功能 问题是 自动完成所在的元素的 z 索引高于自动完成的 z 索引 我尝试手动设置自动完成 z index 但我感觉 jQuery UI 正在覆盖它 事实上我的问题是重复的自
  • 使用 jqGrid 的 ASP.NET MVC 路由

    我正在尝试创建一个指向 url 的链接 例如首页 详情 1在 jqGrid 列中 文档显示 showlink baseLinkUrl showAction show addParam key 2 注意 addParam 应该包含 例如 格式
  • JQUERY MOBILE 文本输入中的自动完成

    我在网上搜索了很多但找不到任何解决方案 我正在制作一个网络应用程序 其中我想要 2 个文本框来获取用户的数据输入 我想要此文本框中的自动完成功能 自动完成的标签列表在本地可用 我尝试了listview 但我想要的是 在用户从自动完成提示中选
  • Bash 完成脚本在某些参数选项后完成文件路径

    我正在为命令行工具编写 bash 完成脚本 plink local cur prev opts COMPREPLY cur COMP WORDS COMP CWORD prev COMP WORDS COMP CWORD 1 opts 1
  • POJO 支持使用omnifaces 自动完成primefaces

    我正在尝试在我的项目中使用 primefaces 自动完成组件 以避免将特定转换器写入我尝试使用的每个列表对象全能面孔 http showcase omnifaces org converters ListConverter如建议的here
  • JQGrid - 在编辑表单中显示附加列

    我有一个 JQGrid 表 有 30 多个列 我认为这些列的内联编辑对用户来说并不友好 所以我想在网格模式下显示几列 并仅当用户打开该行的编辑表单时显示所有列 这可能吗 在教程中找不到这个 先感谢您 如果你想show并且不要编辑列 然后使用

随机推荐