如何通过传递参数加载与jQuery UI的标签部分景致？ [英] How to Load Partial Views with Jquery UI Tab by passing parameters?

问题描述

我有一个父页面（ DistributionReview.aspx ），它有一个存款日期使用的DatePicker选择。

略低于我的两个标签（*的 DistributionByType 的*和 DistibutionByStatus ），我想加载PartialViews。 这里参数的PartialView是DEPOSITDATE 的

和我有调用自定义视图模型 DistributionReviewModel 父页面正在实施。

我对面是直接加载静态局部视图（前篇来：
<一href=\"http://www.kevgriffin.com/blog/index.php/2010/02/23/using-jquery-tabs-and-asp-net-mvc-partial-views-for-ajax-goodness/\" rel=\"nofollow\">http://www.kevgriffin.com/blog/index.php/2010/02/23/using-jquery-tabs-and-asp-net-mvc-partial-views-for-ajax-goodness/
 ）。但我通过传递参数寻找任何code样品/文章？

鸭preciate如果任何人都可以分享code样品来传递参数和加载partialview既当TabSelection发生变化，并DEPOSITDATE更改

感谢您的时间。

HTML code：

 ＆LT;脚本类型=文/ JavaScript的＆GT;$（函数（）{
    //标签
    $（＃divDistributionReview）标签（）;    $（＃fileDepositDate）日期选择器（）; //日期时间选择器
    VAR DEPOSITDATE = $（＃fileDepositDate）VAL（）。}）;
 

 ＆LT; D​​IV ID =容器＆GT;＆下;使用％（Html.BeginForm（frmDistributionReview，DistibutionReview））
{％GT;    ＆LT; D​​IV＆GT;选择日期：放大器; NBSP; ＆LT;输入类型=文本ID =fileDepositDateNAME =日期选择器值='＆LT;％=计算机[FileDepositDate]％GT;' /＆GT;＆LT; / DIV＆GT;
    ＆LT; D​​IV ID =divDistributionReview＆GT;
    ＆LT; UL＆GT;
    ＆LT;立GT;＆LT; A HREF =/ DistributionReview / DistributionByType＆GT;分布类型＆lt; / A＆GT;＆LT; /李＆GT;
    ＆LT;立GT;＆LT; A HREF =/ DistributionReview / DistributionByStatus＆GT;状态和LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;
    ＆LT; / DIV＆GT;
        ＆LT;％}％GT;
＆LT; / DIV＆GT;
 

C＃code：

 公众的ActionResult DistributionReview（）
    {
        计算机[FileDepositDate] = DateTime.Now.ToShortDateString（）;
        VAR视图=查看（ApplicationConstants.DistributionReviewViewName，新MegaLockbox.Web.ViewModels.DistributionByTypeViewModel（SecurityManager的，distributionReviewDataAdapter，Convert.ToDateTime（计算机[FileDepositDate]）））;
        返回视图。
    }
    公众的ActionResult DistributionByType（字符串ID）
    {
        日期时间DEPOSITDATE;
        VAR视图=新PartialViewResult（）;
        如果（DateTime.TryParse（ID，出DEPOSITDATE））
        {
            鉴于= PartialView（ApplicationConstants.DistributionByTypeViewName，新MegaLockbox.Web.ViewModels.DistributionByTypeViewModel（SecurityManager的，distributionReviewDataAdapter，DEPOSITDATE））;
        }
        返回视图。
    }    公众的ActionResult DistributionByStatus（字符串ID）
    {
        日期时间DEPOSITDATE;
        VAR视图=新PartialViewResult（）;
        如果（DateTime.TryParse（ID，出DEPOSITDATE））
        {
            鉴于= PartialView（ApplicationConstants.DistributionByStatusViewName，新MegaLockbox.Web.ViewModels.DistributionByTypeViewModel（SecurityManager的，distributionReviewDataAdapter，DEPOSITDATE））;
        }
        返回视图。
    }
 

解决方案

在这里，你有很好的指导如何做到这一点：

的http：/ /ericdotnet.word$p$pss.com/2009/03/17/jquery-ui-tabs-and-aspnet-mvc/

如果您有任何问题..让我们知道：）

PS，你可以下载这个例子，并使用它

I have a parent page (DistributionReview.aspx) that has a Deposit Date to select using DatePicker.

Just below I have two tabs(*DistributionByType* and DistibutionByStatus) that I want to load PartialViews. Here the parameter to the PartialView is DepositDate.

And I have a custom ViewModel called DistributionReviewModel that the parent page is implementing.

I am coming across articles that are directly loading static partial views(Ex: http://www.kevgriffin.com/blog/index.php/2010/02/23/using-jquery-tabs-and-asp-net-mvc-partial-views-for-ajax-goodness/ ). But I am looking for any code sample/articles by passing parameter?

Appreciate if anyone can share code samples to pass parameters and load the partialview both when the TabSelection is changed and and DepositDate is changed.

Thanks for your time.

Html Code:

<script type="text/javascript">

$(function () {
    //tab
    $("#divDistributionReview").tabs();

    $("#fileDepositDate").datepicker(); //DateTime Picker
    var depositDate = $("#fileDepositDate").val();

});

<div id="container" >

<% using (Html.BeginForm("frmDistributionReview", "DistibutionReview"))
{ %>

    <div> Select a Date: &nbsp;     <input type="text" id="fileDepositDate" name="datepicker"  value='<%= ViewData["FileDepositDate"] %>' /></div>     
    <div id="divDistributionReview">             
    <ul>                 
    <li><a href="/DistributionReview/DistributionByType">Distribution Type</a></li>                 
    <li><a href="/DistributionReview/DistributionByStatus">Status</a></li>             
    </ul>     
    </div> 
        <%} %>
</div>

C# Code:

public ActionResult DistributionReview()
    {
        ViewData["FileDepositDate"] = DateTime.Now.ToShortDateString();
        var view = View(ApplicationConstants.DistributionReviewViewName, new MegaLockbox.Web.ViewModels.DistributionByTypeViewModel(securityManager, distributionReviewDataAdapter, Convert.ToDateTime(ViewData["FileDepositDate"])));
        return view;
    }


    public ActionResult DistributionByType(string id)
    {
        DateTime depositDate;
        var view = new PartialViewResult();
        if (DateTime.TryParse(id , out depositDate))
        {
            view = PartialView(ApplicationConstants.DistributionByTypeViewName, new MegaLockbox.Web.ViewModels.DistributionByTypeViewModel(securityManager, distributionReviewDataAdapter, depositDate));
        }
        return view;
    }

    public ActionResult DistributionByStatus(string id)
    {
        DateTime depositDate;
        var view = new PartialViewResult();
        if(DateTime.TryParse(id, out depositDate) )
        {
            view = PartialView(ApplicationConstants.DistributionByStatusViewName, new MegaLockbox.Web.ViewModels.DistributionByTypeViewModel(securityManager, distributionReviewDataAdapter, depositDate));
        }
        return view;
    }

解决方案

here you have nice guide how to do this:

http://ericdotnet.wordpress.com/2009/03/17/jquery-ui-tabs-and-aspnet-mvc/

if you have any questions.. let us know:)

PS you can download the example, and play with it

这篇关于如何通过传递参数加载与jQuery UI的标签部分景致？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！