Question

我正在寻找一种方法来执行“添加到购物车”ajax调用以传递产品代码（行ID）和点击行中其他列的数量，如果在jqgrid列中单击，则重定向到购物车页面。

根据 https://github.com/free-jqgrid/jqGrid/wiki/improvement-of-formatter:-"showlink"

showlink formatter已得到改进，因此我尝试使用它。

我尝试了colmodel

{"label":"Add to cart",
"name":"Addtocrt_addtocrt","search":false,"sortable":false,
"viewable":false,"formatter":"showlink","formatoptions":{"showAction":addToCartOnClick
}}

和方法

function addToCartOnClick(rowId, iRow, iCol, cellValue, e) {
    var 
     $quantity = $('#' + $.jgrid.jqID(rowId) + '>td:nth-child(' + (iCol + 1) + ')'),
     quantityVal;
    if (iCol < 0) {
        quantityVal = 1;
    } else
        if ($quantity.find('>input').length === 0) {
            quantityVal = $quantity.text();
        }
        else {
            quantityVal = $quantity.find('>input').val();
        }
    window.location = 'Store/AddToCart?' + $.param({
        id: rowId,
        quantity: quantityVal
    });
}

在jree jqgrid中没有调用addToCartOnClick。

在jqgrid 4.6 dynamiclink formatter

中

onClick=addToCartOnClick

按照How to pass data to url from jqgrid row if hyperlink is clicked

中的描述进行工作

在免费的jqgrid中，也没有从dynamicLink格式化程序调用addToCartOnClick。

如何从free jqgrid中的clicked行调用方法并获取列值？

Answer 1

showAction可用于仅设置网址部分。如果您要使用该选项，则必须使用javascript:前缀（请参阅the answer）启动addToCartOnClick，将其定义为全局功能。< / p>

最好在onClick formatoptions中使用新选项formatter: "showlink"。在阅读完问题后，我直接编写了the corresponding changes免费jqGrid的代码。您应该刷新从GitHub使用的源。现在你可以使用

{name: "Addtocrt_addtocrt", label: "Add to cart",
    search: false, sortable: false, viewable: false,
    formatter: "showlink",
    formatoptions: {
        onClick: function (options) {
            // object options contains properties, which could be helpful
            //    iCol - index of the column in colModel
            //    iRow - index of the row
            //    rowid
            //    cm - element of colModel
            //    cmName - the same as cm.name
            //    cellValue: the text inside of `<a>`
            //    a - DOM element of clicked <a>
            //    event - Event object of the click event
            location.href = "http://www.google.com/";
            return false; // it's important to suppress the default a action
        }
    }}

如果在免费的jqgrid列中单击，如何执行ajax调用并重定向到其他页面

1 个答案: