jqgrid格式化程序'动作' - 更改编辑按钮样式

时间:2013-02-26 12:22:33

标签: jqgrid styles formatter

我正在使用格式化程序'actions'的jqgrid,以在每一行上显示“编辑”按钮。它运行良好,但现在我想显示一个“更新”链接,而不是显示默认的编辑按钮。这可能吗?

我的colModel看起来像:

        colModel: [
            { name: 'Listname', formatter: displayListName, width: 270, sortable: false },
            { name: 'OrigListname', hidden: true, editable: true, editrules: {edithidden:true} },
            { name: 'NumOfContacts', hidden: true },
            { name: 'IsPrivate', hidden: true, editable: true, editrules: { edithidden: true }, edittype: 'checkbox' },
            { name: 'CanUpdate', hidden: true },
            { name: 'Recipients', formatter: displayRecipients, width: 100, sortable: false },
            { name: 'Update', formatter: 'actions', width: 100, sortable: false,
                formatoptions:{
                    keys: true,
                    editbutton: true,
                    editformbutton: true,
                    delbutton: false,
                    editOptions: {
                        closeOnEscape: true,
                        closeAfterAdd: true,
                        viewPagerButtons: false,
                        closeAfterEdit: true,
                        afterSubmit: function (response, postdata) {
                            var r = $.parseJSON(response.responseText);
                            return [r.success, r.Description, null];
                        }
                    };
                 }
            },                
            { name: 'Import', formatter: displayImport, width: 100, sortable: false },
            { name: 'Export', formatter: displayExport, width: 100, sortable: false }
        ]

提前谢谢你, 可人。

1 个答案:

答案 0 :(得分:0)

<div>中使用的formatter: "action"替换为链接(<a>)并非易事。我认为你必须使用自定义格式化程序来实现这些要求。我建议你从the answer查看演示。我认为您可以以非常接近的方式实施您的要求。