【问题标题】:Add button column in Html.Grid在 Html.Grid 中添加按钮列
【发布时间】:2013-08-26 08:06:07
【问题描述】:

我对 MVC 很陌生。我有一个 Html.Grid,其中有一些列。我想添加一个新列,其标题为“新列”。该列的每一行都有一个按钮。应该根据另一列的值禁用该按钮.例如,如果一行的“状态”列是“完成”,则应启用该按钮,否则应禁用该按钮。单击按钮时,将调用“MyController”中的“myMethod”。 我的视图中的现有代码如下所示:

Html.Grid(Model.Results)
            .RowAttributes(row => new Hash(@class => row.Item.Priority1 ? "redgrid" : row.IsAlternate ? "alternategrid" : "grid"))
            .Columns(column =>
            {
                column.For(c =>
                    (c.ExistsInPatRec == true) ?
                    Html.ActionLink(c.CaseNumber.ToString(), "Details", new { id = c.CaseNumber }, new { target = "_blank" })
                    : Html.Label(c.CaseNumber.ToString())
                    )
                    .Named("Case Number").SortColumnName("CaseNumber")
                    .Encode(false)
                    ;
//I have to add my column here.It will be disabled if "Status"="Incomplete"

                column.For(c => c.Status).Named("Status").SortColumnName("Status")
                    .Attributes(x =>
                    {
                        if (x.Item.Status == "Complete")
                            return new Hash(style => "background-color:#33CC00");
                        else if (x.Item.Status == "Incomplete")
                            return new Hash(style => "background-color:orange");
                        else
                            return new Hash(style => "");
                    });
                column.For(c => c.SomeId);

我已经添加了这一行:

column.For(c => "<button onclick='location.href='www.gmail.com';'>gmail</button>").Named("My New Column").Encode(false);

但它不起作用。当我单击按钮时,它不会将我带到链接。

有人可以帮帮我吗?

【问题讨论】:

  • 当前禁用和启用是否正常工作?
  • 我无法添加列,首先。启用/禁用是次要的。我不知道如何在网格中添加调用控制器中的动作的按钮。添加带有按钮的列的示例代码将很有帮助。
  • 所以你的专栏是用按钮出现的,而不是带你去链接,对吧?

标签: html button asp.net-mvc-2 mvccontrib-grid


【解决方案1】:

还没有检查你的整个代码,但试试这个:

变化:

column.For(c => "<button onclick='location.href='www.gmail.com';'>gmail</button>").Named("My New Column").Encode(false);

收件人:

column.For(c => "<button onclick=\"javascript:window.open('http://gmail.com');\">gmail</button>").Named("My New Column").Encode(false);

这至少应该使您的链接正常工作。由于您的按钮格式不正确,您的链接无法正常工作。

要触发Controller Actions,需要使用以下类型的代码。

column.For(c => "<input type=\"button\" value=\"Go Somewhere Else\" onclick=\"location.href='<%: Url.Action(\"myMethod\", \"myController\") %>'\" />").Encode(false);

【讨论】:

  • 感谢您指出这一点。我现在如何从按钮调用控制器中的动作?以及如何启用/禁用按钮?
  • 我不完全确定确切的语义,但要禁用按钮,您可以将按钮写为&lt;button disabled='disabled'&gt;Hi&lt;/button&gt;,因此您只需要根据条件添加/删除disabled='disabled'。跨度>
  • @user1550951:我已经添加了添加可以触发操作的按钮的代码。
猜你喜欢
  • 2011-12-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多