WebGrid列中的MVC3 Html.BeginForm?

时间:2011-11-29 11:59:36

标签: asp.net-mvc-3 webgrid

我今晚早些时候有一个疯狂的想法,并且已经完成了3/4的方法并且遇到了一个奇怪的问题。我想在控制器上自动生成所有方法的索引而不是返回一个ActionResult ,以及每个用于汇总其有效数据的简单表格。通过反思看起来很简单:

Quickie ViewModel用于保存每个反射动作:

public class ReflectedAction
{
    public ReflectedAction(MethodInfo methodInfo, string controllerName)
    {
        this.ActionName = methodInfo.Name;
        this.ControllerName = controllerName;
        this.Parameters = methodInfo.GetParameters().Select(p => p.Name);
    }

    public string ControllerName { get; set; }

    public string ActionName { get; set; }

    public IEnumerable<string> Parameters { get; set; }
}

反映当前控制器上所有操作的操作:

public virtual ActionResult AutoIndex()
{
    Type controllerType = this.ControllerContext.Controller.GetType();
    string controllerName = controllerType.Name.Replace("Controller", string.Empty);

    var methods = this.ControllerContext.Controller.GetType().GetMethods().Where(
            m => m.ReturnType.Name.Contains("ActionResult"));

    var model = methods.Select(m => new ReflectedAction(m, controllerName));

    return View(model);
}

在视图中,我只想使用一个简单的WebGrid将每个动作渲染为一行,第一列是动作的名称,第二列是迷你形式,能够填充out动作的任何字段(我尝试将其作为帮助程序,或以网格格式内联,后者包含在此处:

@using TfsMvc.Controllers
@model IEnumerable<TestController.ReflectedAction>

@{
    ViewBag.Title = "AutoIndex";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>AutoIndex</h2>

@{
    var grid = new WebGrid(
        source: Model,
        ajaxUpdateContainerId: "grid",
        defaultSort: "ActionName",
        canPage: false);
}

<div id="grid">
    @grid.GetHtml(
    tableStyle: "grid",
    headerStyle: "head",
    alternatingRowStyle: "alt",
    columns: grid.Columns(
        grid.Column("ActionName"),
        grid.Column(format: (action) =>
            {
                using (Html.BeginForm((string)action.ActionName, (string)action.ControllerName, FormMethod.Get))
                {
                    string htmlString = string.Empty;

                    foreach (string parameter in action.Parameters)
                    {
                        htmlString = "<span>" + Html.Label(parameter) + Html.TextBox(parameter) + "</span>";
                    }

                    htmlString += "<input type=\"submit\" />";

                    return new HtmlString(htmlString);
                }
            }))
        )
</div>

网格出现以正确呈现,但奇怪的部分是所有表单html标记呈现在网格外部,但控件在网格内呈现:

<div id="grid">
    <form action="/Test/CloneTestPlan" method="get"></form>
    <form action="/Test/ConfigureTestPlan" method="get"></form>
    <form action="/Test/EnvConfig" method="get"></form>
    <form action="/Test/FixTestLink" method="get"></form>

    <!-- ton of other actions snipped-->

    <table class="grid">
        <thead>
            <tr class="head"><th scope="col"><a href="#" onclick="$(&#39;#grid&#39;).load(&#39;/Test/SecretIndex?sort=ActionName&amp;sortdir=DESC&amp;__=634581349851993336 #grid&#39;);">ActionName</a></th><th scope="col"></th></tr>
        </thead>
        <tbody>
            <tr><td>CloneTestPlan</td><td><span><label for="subid">subid</label><input id="subid" name="subid" type="text" value="" /></span><input type="submit" /></td></tr>
            <tr class="alt"><td>ConfigureTestPlan</td><td><span><label for="apply">apply</label><input id="apply" name="apply" type="text" value="" /></span><input type="submit" /></td></tr>
            <tr><td>EnvConfig</td><td><span><label for="create">create</label><input id="create" name="create" type="text" value="" /></span><input type="submit" /></td></tr>
            <tr class="alt"><td>FixTestLink</td><td><span><label for="commit">commit</label><input id="commit" name="commit" type="text" value="" /></span><input type="submit" /></td></tr>

            <!-- ton of other actions snipped-->

        </tbody></table>
</div>

如您所见,标签会在表格外部呈现!知道我在这里做错了吗?或者你可以不在Webgrid中 BeginForm吗?制作一堆个人表格的更好方法是什么?

提前致谢!

2 个答案:

答案 0 :(得分:3)

尝试自己渲染<form>而不使用帮助程序。

看起来lambdas在吐出内容之前在helper中执行,这导致BeginForm呈现为立即输出。

答案 1 :(得分:2)

我不确定它是否会对你的情况有所帮助,但我遇到了类似的问题而我所做的是:

  1. 使用以下代码创建部分

    @using(Html.BeginForm()){
        //some code
    }
    
  2. 在问题发生的地方,请将此部分称为“部分”,因此在您的情况下,它将类似于:

    grid.Column(format: (action) =>
    {
        Html.Partial("SomePartial")
    })
    
  3. PS:我打电话给Partial的地方不同,所以我不确定上面是否有效。