Comment passer des données à l'url de jqgrid ligne si hypertexte est cliqué

Je comprends le problème de très bonne qualité. Je suis d'accord que les deux prédéfinis formateur que l'on peut utiliser actuellement ('showlink' et 'link' formateurs) ne sont pas assez flexibles.

Je peux vous suggérer un autre formateur qui vous pourriez télécharger ici. L'usage du formateur est très facile:

{label: "AddToCart", name: "Addtocrt_addtocrt", formatter: "dynamicLink",
    formatoptions: {
        url: function (cellValue, rowId, rowData) {
            return '/Store/AddToCart' + rowId + '?' +
                $.param({
                    quantity: rowData.Stocks_valkogus
                });
        }
    }
}

La url défini comme fonction sera utilisée dans le <a> que la valeur de href attribut.

En outre à la url formatoptions le 'dynamic-link' formateur prend en charge target option (avec la même signification que par 'showlink'), cellValue qui peut aussi être fonction et onClick rappel avec rowId, iRow, iCol, cellValue, e en tant que paramètres. Si le onClick de rappel est définie la valeur de url sera ignoré. On peut donc ignorer la définition du formateur option url.

La démo de montrer l'utilisation de la "dynamic-link' formateur:

L'actuel code de la formatter: 'dynamicLink' vous pouvez trouver ci-dessous:

/*global jQuery */
(function ($) {
'use strict';
/*jslint unparam: true */
$.extend($.fn.fmatter, {
dynamicLink: function (cellValue, options, rowData) {
//href, target, rel, title, onclick
//other attributes like media, hreflang, type are not supported currently
var op = {url: '#'};
if (typeof options.colModel.formatoptions !== 'undefined') {
op = $.extend({}, op, options.colModel.formatoptions);
}
if ($.isFunction(op.target)) {
op.target = op.target.call(this, cellValue, options.rowId, rowData, options);
}
if ($.isFunction(op.url)) {
op.url = op.url.call(this, cellValue, options.rowId, rowData, options);
}
if ($.isFunction(op.cellValue)) {
cellValue = op.cellValue.call(this, cellValue, options.rowId, rowData, options);
}
if ($.fmatter.isString(cellValue) || $.fmatter.isNumber(cellValue)) {
return '<a' +
(op.target ? ' target=' + op.target : '') +
(op.onClick ? ' onclick="return $.fn.fmatter.dynamicLink.onClick.call(this, arguments[0]);"' : '') +
' href="' + op.url + '">' +
(cellValue || '&nbsp;') + '</a>';
} else {
return '&nbsp;';
}
}
});
$.extend($.fn.fmatter.dynamicLink, {
unformat: function (cellValue, options, elem) {
var text = $(elem).text();
return text === '&nbsp;' ? '' : text;
},
onClick: function (e) {
var $cell = $(this).closest('td'),
$row = $cell.closest('tr.jqgrow'),
$grid = $row.closest('table.ui-jqgrid-btable'),
p,
colModel,
iCol;
if ($grid.length === 1) {
p = $grid[0].p;
if (p) {
iCol = $.jgrid.getCellIndex($cell[0]);
colModel = p.colModel;
colModel[iCol].formatoptions.onClick.call($grid[0],
$row.attr('id'), $row[0].rowIndex, iCol, $cell.text(), e);
}
}
return false;
}
});
}(jQuery));

J'ai l'intention de placer le code du formateur et quelques autres plugins pour jqGrid sur le github.

Mise à JOUR: Gratuit jqGrid étend les options de formatter: "showlink" (voir l'article de wiki et la réponse). Donc, on n'a pas besoin d'utiliser le formatter: "dynamicLink" dans le cas de l'utilisation de la libre jqGrid.

OriginalL'auteur Oleg