javascript - jQwidgets - 单击 GridView 按钮单元格但不会触发行选择

Question

所以我正在创建一个 jQwidgets GridView ，并用一些数据填充它。

我有一个作为按钮的单元格:

{ text: 'Action', datafield: 'Action', width: widthInStr, cellsrenderer: editButtonFunc }

这是 editButtonFunc :

var editButtonFunc = function(){
            return '<input type="button" onClick="showEditInventoryScreenFunction()" class="gridButton" value="Edit/Audit Log"/>';
        };

我希望当单击按钮时触发行选择事件来调用此函数:

showEditInventoryScreenFunction = function(){

            $("#jqxgrid").on('rowselect', function (event) {

                var row = event.args.rowindex;
                var datarow = $("#jqxgrid").jqxGrid('getrowdata', row);

                console.log(datarow);

                var itemId = datarow.Action;

                console.log(itemId);

                inventoryController.inventoryEditItems(selector, data1, data2, itemId);

            });
        };

现在，当我单击按钮时，如果我选择一行或再次单击按钮，则什么也不会发生，然后 jqxgrid onclick 函数就会激活。

我想在单击按钮时激活 jqxgrid onclick 功能。

Answer 1

有一个 jQWigets Grid 示例，它展示了如何处理按钮点击。您可以看看jQwidgets Grid Popup Editing