Comment Charger des Vues Partielles avec Jquery UI Onglet en passant des paramètres?
J'ai une page parent (DistributionReview.aspx) qui a un Date de Dépôt pour sélectionner à l'aide de DatePicker.
Juste en dessous j'ai deux onglets(*DistributionByType* et DistibutionByStatus) que je veux charger PartialViews. Ici le paramètre de la PartialView est DepositDate.
Et j'ai un custom ViewModel appelé DistributionReviewModel que le parent de la page est mise en œuvre.
Je suis à venir à travers les articles qui sont directement chargement statique des vues partielles(Ex:
http://www.kevgriffin.com/blog/index.php/2010/02/23/using-jquery-tabs-and-asp-net-mvc-partial-views-for-ajax-goodness/
). Mais je suis à la recherche pour n'importe quel exemple de code/articles par le passage de paramètre?
Apprécier si quelqu'un peut partager des exemples de code pour passer des paramètres et charge de la partialview à la fois lors de la TabSelection est changé et et DepositDate est changé.
Merci pour votre temps.
Code Html:
<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: <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>
De Code C#:
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;
}
OriginalL'auteur Rita | 2011-06-21
Vous devez vous connecter pour publier un commentaire.
ici, vous avez un bon guide comment faire:
http://ericdotnet.wordpress.com/2009/03/17/jquery-ui-tabs-and-aspnet-mvc/
si vous avez des questions.. nous le faire savoir:)
PS vous pouvez télécharger l'exemple, et de jouer avec elle
OriginalL'auteur cpoDesign
Html de l'onglet en-têtes
Fonction Jquery
OriginalL'auteur Jayantha Lal Sirisena
Aussi cela fonctionne.
OriginalL'auteur muruge