0

我正在使用这个网站的网格源代码：

http://gridmvc.azurewebsites.net/

但我不明白查询字符串是如何为他的自定义列形成的。在我提供的链接上有一个编辑列，如果您将鼠标悬停在链接上，您可以看到带有查询字符串 ID 的超链接。我已经使用了这个源代码，但没有适合我的查询字符串。

控制器代码

 #region PartialViews
        [ChildActionOnly]
        public ActionResult RenderGrid()
        {
            DataLayer.RepositoryClient RC = new RepositoryClient();
            var People = RC.GetPeople();
            return PartialView("~/Views/Client/PartialViews/P_PersonGrid.cshtml", People);
        }

 #endregion

我从实体框架中获得了一份人员名单。然后我在局部视图中使用模型列表。

局部视图

@model List<Models.modelPeopleGrid>
@using GridMvc.Html

@{
    ViewBag.Title = "Person records";
}
<div>
 @Html.Label("Search for person")
    <input type="text" onkeyup="activateSearch()" id="txtSearch" style="width:150px";/>
</div>

<div class="grid-wrap" style="float:left">
    @Html.Grid(Model).Named("peopleGrid").Columns(columns =>
    {
        columns.Add(m => m.Firstname).Titled("Firstname").Filterable(true);
        columns.Add(m => m.Surname).Titled("Surname").Filterable(true);
        columns.Add(m => m.DateOfBirth).Titled("DateOfBirth").Filterable(true);
        columns.Add(m => m.Address).Titled("Address").Filterable(true);
        columns.Add(m => m.Borough).Titled("Borough").Filterable(true);
        columns.Add(m => m.PersonID).Encoded(false).Sanitized(false).SetWidth(30).RenderValueAs(
                @<b>
                    @Html.ActionLink("Edit person details", "EditPerson", "Index")
                </b>);
        columns.Add()
            .Encoded(false)
            .Sanitized(false)
            .SetWidth(30)
            .RenderValueAs(m =>
                @<b>
                    @Html.ActionLink("Add/remove claims", "EditClaim", "Index")
                </b>);
    }).WithPaging(20)
</div>

<div class="rowValues" style="float:right"></div>


<script>
    $(function () {
        pageGrids.peopleGrid.onRowSelect(function (e) {
            $(".rowValues").html(
                "<h4>Full details of person:</h4>" +
                "Firstname: " + e.row.Firstname + "<br />" +
                "Surname: " + e.row.Surname + "<br />" +
                "DateOfBirth: " + e.row.DateOfBirth + "<br />" +
                 "Address: " + e.row.Address + "<br />" +
                  "Borough: " + e.row.Borough + "<br />"
                );
        });
    });
</script>

<script type="text/javascript">

    function activateSearch() {
        var value = $("#txtSearch").val();

        $.ajax({
            url: "Client/GetPeople",
            dataType: 'html',
            type: "GET",
            data: { Name: value },
            success: function (data) {
                $('.webgrid').empty().html(data);
            },
            error: function () {
                alert("error");
            }
        });
    }
</script>

我不知道如何获取为这行代码形成的查询字符串：

 columns.Add(m => m.PersonID).Encoded(false).Sanitized(false).SetWidth(30).RenderValueAs(
                    @<b>
                        @Html.ActionLink("Edit person details", "EditPerson", "Index")
                    </b>);

在此处输入图像描述

我尝试将 html 对象属性作为 actionlink 的第四个参数，但由于某种原因，我得到了一个红色的 swiggly。

有人知道如何回答我的问题吗？

4

1 回答 1

1

如您链接到的网站上的示例所示，该RenderValueAs方法采用 lambda 表达式，其中参数表示该行的当前模型。

我尝试将 html 对象属性作为 actionlink 的第四个参数，但由于某种原因，我得到了一个红色的 swiggly。

通常，Visual Studio 中的 Razor Intellisense 和语法突出显示非常有问题。永远不要相信它。您在 Razor 页面中出现红色曲线这一事实并不意味着您的语法有错误。在大多数情况下，这意味着语法高亮器根本不理解语法。唯一可靠的是运行您的应用程序并查看它是否有效。

因此，考虑到这一点，您可以尝试：

columns
    .Add(m => m.PersonID)
    .Encoded(false)
    .Sanitized(false)
    .SetWidth(30)
    .RenderValueAs(m =>
        @<b>
            @Html.ActionLink(
                linkText: "Edit person details", 
                actionName: "EditPerson", 
                controllerName: "Index",      // <-- Huh, Index looks like an action name, double check that
                routeValues: new { id = m.PersonID }, 
                htmlAttributes: null
            )
         </b>
    );

请注意，我如何使用显式参数名称来使代码更具可读性，并避免框架设计者为我们提供的大量 ActionLink 方法的重载造成任何歧义。

于 2013-12-27T14:32:28.950 回答