如果在Jquery Grid中選擇了項目，如何獲取按鈕

Question

我正在嘗試在HTML表中使用jqGrid並能正常工作，但是我想在選擇一個項目時獲得一個按鈕。

我嘗試了這個：

    $(function () {
        tableToGrid(".mytable", {
            autowidth:true,
            pager: '#pager',
            rowNum: 20,
            viewrecords: true,
            loadui: true,
            rowList: [10,20,50],
            multiselect: true,
            caption: "Multi Select Example",

            onSelectAll : function(aSel,selected) {
                if(selected){
                    var value =0;
                    for(var i=0;i<aSel.length;i++){
                        var data = jQuery(".mytable").getRowData(aSel[i]);
                        value += parseFloat(data.total);
                    }
                    jQuery('#gbox_').before( $('<button class="button" type="button" value="Edit">Edit</button>') );
                } else {
                    jQuery(".button").remove();
                }
            },
            onSelectRow: function (id) {
                var selRows = $(this).jqGrid('getGridParam','selarrrow');
                if (selRows.length === 0) {
                    $(".button").remove();
                } else {
                    $('#gbox_').before( $('<button class="button" type="button" value="Edit">Edit</button>') );
                }

            }
        });
    });

當我單擊一個項目時，我得到了按鈕，但是對於每個選中的項目：

當我選擇全部時，我沒有按鈕。 為什么？

任何幫助表示贊賞！ 謝謝，抱歉我的英語不好。

Answer 1

您將需要監聽onSelectAll事件。

Answer 2

如果我理解你的問題。 要將按鈕添加到單擊的項目，必須使用以下代碼：

$(function (e) {
            tableToGrid(".mytable", {
                autowidth:true,
                pager: '#pager',
                rowNum: 20,
                viewrecords: true,
                loadui: true,
                rowList: [10,20,50],
                multiselect: true,
                caption: "Multi Select Example",
                onSelectRow: function (id) {
                    var selRows = $(this).jqGrid('getGridParam','selarrrow');
                    if (selRows.length === 0) {
                        $(".button").remove();
                    } else {
                      $(e.target).before( $('<button class="button" type="button" value="Edit">Edit</button>') );
                    }

                }
            });
        });