Jqgrid，dataEvent 不适用于edittype：custom

Question

我是 jqgrid 的新手，我有一个编辑类型是自定义的列。

编辑行数据后，我希望将行保存为模糊（当我在所选行之外单击时），为此我使用了 dataEvent ，但它不起作用。

我使用的是 Jqgrid 版本 4.1。

谁能帮我解决这个问题。

我在下面附上了一段代码：

{ name: 'Roles', index: 'Roles', align: 'left', editable: true, 
  edittype: "custom",
  editoptions: {custom_element: renderRoleColumn, custom_value: roleColumnValue,
                dataEvents: [{ type: 'blur',
                               fn: function (e) {
                                    alert("roles");
                               }
                             }]
               }
}

Answer 1

你是对的。 jqGrid 的当前实现不使用dataInit 或dataEvents （请参阅jqGrid 的the source code 不要像所有其他编辑类型一样调用options = bindEv(elem,options)）。问题只是我不确定这是一个错误。在 jqGrid 的the documentation 中描述了在edittype: "custom" 的情况下完成的所有步骤。

我不认为这是个问题。您可以在custom_element 内进行任何绑定。您没有发布任何您使用的renderRoleColumn 和roleColumnValue 代码，但是如果您将blur 事件句柄绑定到您返回的自定义元素，它将起作用。

更新：您的自定义格式化程序 renderRoleColumn 返回 <div> 和 <select> 和 <input> 元素作为子元素。 <div> 无法获得焦点，也不会处理 blur 事件。所以你应该将blur绑定到子元素<select>和<input>。代码可以如下所示

function renderRoleColumn() {
    //... your current code which generate HTML fragment in the roleDiv as string

    // create DOM element from the HTML fragment with jQuery wrapper
    var $custom = $(roleDiv);

    // make binding to children
    $custom.find('select,input').blur(function (e) {
        alert('blur on ' +
            e.target.tagName.toLowerCase() +
            ' id=' + e.target.id);
    });

    return $custom[0]; // return roleDiv as DOM element
}