是否可以在 jqgrid 的底部添加超链接？

Question

我有一个 JQgrid，它只包含一个包含一些 4 个值的列...我需要在这 4 个值之后添加一个常量超链接，它与单元格中的值无关。它不应该是与列结合...相反，它应该在列下方的 JQgrid 内显示为单独的超链接。如何实现这一点？？

这是我的代码：

aspx：

<table id="UsersGrid" width = "750px">

     </table> 

Js：

$(function () {
            $("#UsersGrid").jqGrid({

                datatype: function (pdata) { getData(pdata); },
                colNames: ['CampaignName'],
                colModel: [
                        { name: 'campaign_name', index: 'CampaignName', width: 750},
                    ],
                    hidegrid: false,
                caption: 'Recent Campaigns'

            });
});

 function getData(pData) {
            var userid = $("#userId").val();
            var postData = {};
            postData.userId = userid;

            $.ajax({
                type: "GET",
                url: "/iSpaceWeb/CampaignService.svc/GetRecentCampaigns",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: postData,
                success: function (data) {
                    ReceivedClientData(JSON.parse(data));
                },
                error: function (data, textStatus) {
                    alert('An error has occured retrieving data!');
                }
            });
        }

        function ReceivedClientData(data) {
            var thegrid = $("#UsersGrid");
            for (var i = 0; i < data.length; i++) {
                thegrid.jqGrid('addRowData', i, data[i]);
            }

        }

Answer 1

您可以添加 footerrow: true 作为 jqGrid 的另一个选项，其中包括页脚行。要填充该行，您可以使用footerData:

$("#UsersGrid").jqGrid("footerData", "set", {
    campaign_name: "<a href='http://www.google.com'>Google</a>"
}, false);

此外，我不建议您使用datatype 作为函数并使用addRowData 来填充数据。这是非常糟糕的风格。取而代之的是，您可以使用datatype: "json" 并使用ajaxGridOptions: { contentType: "application/json; charset=utf-8" } 和serializeGridData 设置Ajax 请求的其他选项。

$.ajax 中的success 内部的JSON.parse(data) 调用具有dataType: "json" 看起来非常可疑。我想您将 CampaignService.svc/GetRecentCampaigns 手动 中返回的对象转换为 JSON 字符串。这是不对的。您应该返回 object 并且 WCF 运行时会将返回的数据 * 自动 * 转换为 JSON 字符串。您当前的代码将序列化为 JSON 两次，因此您还必须解析服务器响应两次：一次将由具有 dataType: "json" 的 $.ajax 解析，另一次通过调用 @ 解析它987654338@ 明确。你应该在你的服务器代码中解决这个问题，并在客户端调用 JSON.parse(data) 之后删除。