【问题标题】:Load ASP.NET MVC strongly typed partial view on radiobutton click在单选按钮单击时加载 ASP.NET MVC 强类型部分视图
【发布时间】:2010-01-16 03:55:15
【问题描述】:

我有两个强类型部分视图(开发人员列表和测试人员列表),各自的视图是 Developers.ascx 和 Testers.ascx

现在我想根据选择的单选按钮加载一个局部视图。 如何读取单选按钮选项的值? 如果有人能提供 Code sn-p 或一些指南,我将不胜感激。

珍惜你的时间!

这是我的父控制器代码和视图:

父控制器:

[HttpGet]
public ActionResult View IT People List(string type)
{
    var developers = from d in itEntity.Developers select s; 
    return View(developers); 
}

父视图:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mvc.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<DataModel.Developers>>" %>
<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="cphContent" runat="server">
    <h2>View All IT Dept List</h2>
    <table>
        <tr>
        <td class="Form_Label"><label for="txType">Select List:</label>  </td>
            <td>
                <%= Html.RadioButton("Type", 1, true)%> Developers&nbsp;&nbsp;<%= Html.RadioButton("Type", 2, false)%> Testers
            </td>        
        </tr>
        <tr>
            <td colspan = 2>
            <%Html.RenderPartial("Developers", Model);%>
            </td>
        </tr>
    </table>
</asp:Content>

两个强类型控制器是:

[HttpGet]
public ActionResult Developers()
{ 
var developers = from d in itEntity.Developers select d; return View(developers);
}


[HttpGet]
public ActionResult Testers()
{ 
var testers = from t in itEntity.Testers select t; return View(testers);
}

谢谢 丽塔

【问题讨论】:

    标签: asp.net-mvc


    【解决方案1】:
    $('input:radio[name=Type]').change(function() {
        var url = '/Home/Developers';
        if ($(this).val() === '2') {
            url = '/Home/Testers';
        }
        $("#result").load(url);
    });
    

    【讨论】:

    • 单选按钮更改事件未触发?有什么线索吗?
    • 谢谢!!被困在试图弄清楚为什么我的单选按钮列表没有在更改或单击时触发 - 这种语法有效:)
    【解决方案2】:

    使用 jQuery 进行 ajax 调用,从局部视图返回 html(单击单选按钮)。然后再次使用jQuery来修改你页面的html。

    查看$.ajax$.html 文档了解详细信息。

    【讨论】:

      猜你喜欢
      • 2013-01-28
      • 1970-01-01
      • 2015-05-22
      • 1970-01-01
      • 2021-12-07
      • 2014-05-18
      相关资源
      最近更新 更多