如何在同一WebGrid中使用包含不同GetSelectLink方法的两列?

时间:2011-04-08 17:40:48

标签: webgrid

我是ASP.Net MVC3的初学者,尝试使用WebGrid实现一个表,我遇到了一个问题。

在这个表的一行中,我有“Id”和“Name”(来自DB)和两个更多链接:“编辑”和“删除”。这些链接使用同一网格内的item.GetSelectLink()执行,如下所示:

<div id="grid">
    @{
        var grid = new WebGrid(source: Model, rowsPerPage: 30, canPage: true, canSort: true, fieldNamePrefix: "gridDivisoes_", selectionFieldName: "Id");
    }

    @grid.GetHtml(
    tableStyle: "table", headerStyle: "header", footerStyle: "footer", alternatingRowStyle: "alternate",
    columns: grid.Columns(
                grid.Column("Name", header: "Division", style: "text-align-left", canSort: true),
                grid.Column(header: "Update?", style: "text-align-center", format: (item) => item.GetSelectLink("[update]")),
                grid.Column(header: "Delete?", style: "text-align-center", format:(item) => item.GetSelectLink("[delete]"))
            ))   

        if(grid.HasSelection)
        {
            if("[delete]" == grid. ????) //click's origin: "[delete]"
            {
                <input type="hidden" value="@Html.AttributeEncode(Model.ElementAt(grid.SelectedIndex).Id)" id="Id" name="Id" />
                <input type="hidden" value="@Html.AttributeEncode(Model.ElementAt(grid.SelectedIndex).Name)" id="Name" name="Name" />

                <br />
                <br />
                <br />
                <p>Do you really want to delete the division "@Model.ElementAt(grid.SelectedIndex).Name" ?</p>
                <p><input type="submit" value="Delete" /></p>
            }

            if ("[update]" == grid. ????) //click's origin: "[update]"
            {
                <input type="hidden" value="@Html.AttributeEncode(Model.ElementAt(grid.SelectedIndex).Id)" id="Id" name="Id" />

                <div class="editor-label">
                    Name
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(Page => Page.ElementAt(grid.SelectedIndex).Name)
                    @Html.ValidationMessageFor(Page => Page.ElementAt(grid.SelectedIndex).Name)
                </div>        
                <br />
                <br />
                <p><input type="submit" value="Update"/></p>
            }
        }
</div>

如何获取点击的来源并执行grid.HasSelection相应的“删除”或“更新”选项? 我无法相信我无法在这些选项之间选择一个,选择一行,同时只知道点击原点。

我怎么做比较?像那样的东西 if(“[delete]”== grid。????)

1 个答案:

答案 0 :(得分:1)

Amanda,如果我理解正确,你想要能够编辑和删除一行,对吗?

如果是这样,你可以试试这个:

columns: grid.Columns(
                grid.Column("Name", header: "Division", style: "text-align-left", canSort: true),
                grid.Column(format: (item) => Html.ActionLink("Update?", "Update", new { updateId = item.ID })),
                        grid.Column(format: (item) => Html.ActionLink("Delete?", "Update", new { deleteId = item.ID }))
            ))   

如果您愿意,甚至可以使用Ajax渲染行值的部分