jquery - 从 jqGrid 的 gridComplete 事件期间创建的按钮调用函数？

Question

我正在尝试在 gridComplete 事件期间创建的按钮的 onclick 事件中调用一个函数。加载正常...这是第一行中按钮的渲染 html 的样子

<input type="button" onclick="deleteRow(9197113);" value="Delete" style="height: 22px; width: 70px;">

但是当我单击按钮时......该函数没有被调用，并且 firebug 说......

deleteRow 未定义

如何调用函数，而不是使用内联 javascript,,,(顺便说一句，它确实有效，但我想调用该函数以提高可读性和可维护性)。我已经包含了工作内联 javascript...它在下面的代码片段中被注释掉了...

下面是 jqGrid 设置的网格完整部分。

jQuery("#list").jqGrid({

   ........................

    gridComplete: function() {
        var ids = jQuery("#list").jqGrid('getDataIDs');
        for (var i = 0; i < ids.length; i++) {
            var cl = ids[i];
            de = "<input style='height:22px;width:70px;' type='button' value='Delete' onclick='deleteRow('" + cl + "' );' />";   
            //de = "<input style='height:22px;width:70px;' type='button' value='Delete' onclick=\"jQuery('#list').jqGrid('delGridRow', '" + cl + "', {msg: 'Delete this entry?'});\" />"; 
            jQuery("#list").jqGrid('setRowData', ids[i], { Delete: de });
        }
    }

   ........................

 });

这是deleteRow()函数...

function deleteRow() {
    alert("hit delete button");
    // jQuery("#grid_id").jqGrid('delGridRow', row_id_s,options );
}

Answer 1

我会更改您的网格完整功能，以便它为输入提供一个“删除”类，然后在我的文档就绪功能中为该类选择器设置一个实时单击事件。

类似这样的

gridComplete: function() {
    var ids = jQuery("#list").jqGrid('getDataIDs');
    for (var i = 0; i < ids.length; i++) {
        var cl = ids[i];
        de = '<input style="height:22px;width:70px;" type="button" class="delete" value="Delete" />';
        $("#list").jqGrid('setRowData', ids[i], { Delete: de });
    }
}

$('#list .delete').live('click',function(){
    var id = $(this).parent().attr('id');
});