Question

我正在使用带有自定义按钮列的Jqgrid。我使用jqgrid的load complete方法来填充按钮。我在加载完成时使用的代码下面。

var grid =  $("#grid"),
             iCol = getColumnIndexByName(grid,'custom'); // 'custom' - name of the actions column
             grid.children("tbody")
                    .children("tr.jqgrow")
                    .children("td:nth-child("+(iCol+1)+")")
                    .each(function() {
                     $("<div>",
                            {
                                title: "button1",
                                mouseover: function() {
                                    $(this).addClass('ui-state-hover');
                                },
                                mouseout: function() {
                                    $(this).removeClass('ui-state-hover');
                                },
                                click: 
                                handle your click function here
                                }
                          ).css({"margin-left": "5px", float:"left"})
                           .addClass("ui-pg-div ui-inline-save")
                           .attr('id',"customId")
                           .append('<span class="ui-button-icon-primary ui-icon ui-icon-disk"></span>')
                           .appendTo($(this).children("div")); 
                )};

var getColumnIndexByName = function(grid,columnName) {
                var cm = grid.jqGrid('getGridParam','colModel'), i=0,l=cm.length;
                for (; i<l; i+=1) {
                    if (cm[i].name===columnName) {
                        return i; // return the index
                    }
                }
                return -1;
            };

它显示所有行中的按钮。但是我想根据第一列和第二列的值只显示几行。有没有简单的方法可以获得第一列和第二列值，或者我需要再次迭代“tbody”并检索结果？请帮帮我。

Answer 1

您应该查看自定义格式化程序。

在列中，您可以在colmodel中定义格式化程序，以触发网格的每一行。然后，您可以执行以下操作：

function formatterName(cellvalue, rowid, rowObject)
{
    if(rowObject[1] == "YourValue" && rowObject[2] == "YourValue"){ // index for choosing which column to check
         // run code for displaying buttons in the columns that matches your criteria
    }
}

加载完成后的jqgrid自定义按钮列

1 个答案: