Reproduit du produit Road Library: http://www.pinlue.com/article/2020/03/0707/559989802342.html
Utilisez Juqery dans ASP.NET MVC réaliser actualisation de la page partielle
Ont fait une expérience, à part la note, ce regard quelques exemples comprennent décompressé le fichier: 1, MyMovieController.cs2, Index.aspx3, ViewUserControl1.ascx4, catégorie de film qui MyMovieController.cs ne disent pas le code est suit comme
MyMovieController.csusing système, en utilisant System.Collections.Generic, en utilisant System.Linq, en utilisant System.Web, en utilisant System.Web.Mvc, en utilisant System.Web.Mvc.Ajax; MyMVC.Controllers d'espace de nom {public class MYMovieController: {Controller / /// GET: / myMovie public / ActionResult Index () {return View ();} public ActionResult recherche (? chaîne de requête, int la page) {Liste <film> films = movie.Movies.Where (r => r.MovieName . .Contains (requête)) OrderByDescending (r => r.MovieName) .Skip ((page ?? 0) * 4) .Take (4) .ToList (); if (Request.IsAjaxRequest ()) {int = moiveCount movie.Movies.Where (r => r.MovieName.Contains (requête)) Count ();. Viewdata [ "totalPage"] = (int) Math.Ceiling (moiveCount / 4d); Viewdata [ "requête"] = requête , le retour Voir ( "ViewUserControl1", films);} else {return View ();}}}}
Système movie.csusing, en utilisant System.Collections.Generic, en utilisant System.Linq, en utilisant System.Web, espace de noms MyMVC {film public class {MovieName public string {get; set;} public string Catégorie {get; set;} film public ( chaîne movieName, catégorie de chaîne) {this.MovieName = movieName; this.Category = catégorie;} Liste public static <film> films {get {return new List <film> {nouveau film ( "Le dragon", "les films d'action" ), nouveau film ( "Die Hard", "film d'action"), nouveau film ( "longhumen", "film d'action"), nouveau film ( "Way of the dragon", "film d'action"), nouveau film ( "dragon", "film d'action"), nouveau film ( "wars dragon", "film d'action"), nouveau film ( "Robocop", "film d'action"), nouveau film ( « déchargement dragon A "" les films d'action « )}}}}}
ViewUserControl1.ascx <% @ Control Language = "C #" Inherits = "System.Web.Mvc.ViewUserControl <IEnumerable <MyMVC.movie >>" %> <table> <thead> <tr> <th> MovieName </ th> <th> Catégorie </ th> </ tr> </ thead> <tbody> <% foreach (var élément dans le modèle) {%> <tr> <td> <% = Html.Encode (item.MovieName)%> </ td> <td> <% = Html.Encode (item.Category)%> </ td> </ tr> <%}%> </ tbody> </ table> <p> <% = int totalPage ( int) ViewData [ "totalPage"]; chaîne de requête = ViewData [ "requête"] ToString ();. for (var i = 0; i <totalPage; i ++) {%> <a href = titre "#" = "< i% =%> "> <% = Html.Encode (i + 1)%> </a> <%}%> </ p>
Index.aspx <% @ Page Language = "C #" Inherits = "System.Web.Mvc.ViewPage" %> <DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" « http: // www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <head runat = "server"> <title> Index </ title> <style type = "text / css"> # table résultat thead tr {background-color: #CCCCCC;} </ style> <script src = » ../../ Scripts / jquery-1.4. 1-vsdoc.js » type = "text / javascript"> </ script> <type script = "text / javascript"> // 发送 异步 请求, 将 结果 输出 到 <div id = "résultat"> </ div>中 // 最后 一个 参数 可以 是 "html" 也 可以 是 recherche fonction "texte" (requête, la page) {$. poste ( "/ myMovie / Recherche", "query =" + requête + "& page ="+ La page, la fonction (données) {$ ( "# résultat") html (données); $ ( "# tableau résultat tbody tr: impair") .. Css ( "fond", "# F5DEB3");} « , texte "); // lien saute faux retour de bouclier;} $ (function () {// bind événement est $ bouton recherche (" recherche # ") # requête" cliquez sur (function () {recherche ($ (." ) .val ());}) // onglet est connecté avec le nouveau généré bind cliquez événement $ ( "a") en direct ( "clic", function () {recherche ($ ( "# requête") val (.. ), $ (this) .attr ( "title"));});}) </ script> </ head> <body> <div> <h2> Rechercher Films </ h2> <% = Html.TextBox ( "requête")%> <input type = id "bouton" = "recherche" value = "soumettre" /> <div id = "résultat"> </ div> </ div> </ body> </ html># F5DEB3 ");}," text "); // lien hypertexte saute retour de bouclier faux;} $ (function () {// bind l'événement bouton de recherche $ (" # recherche « ) cliquez sur (function (). {recherche ($ ( "# requête") val ().);}) // cliquez événement est connecté à lier nouvellement généré $ onglet (. "a") en direct ( "clic", function () {recherche ($ ( "#query") val (), $ (this) .attr ( "titre")) ;.});}) </ script> </ head> <body> <div> <h2> Rechercher Films </ h2> <% = Html.TextBox ( "requête")%> <input type = id "bouton" = "recherche" value = "soumettre" /> <div id = "résultat"> </ div> </ div> </ body> </ html># F5DEB3 ");}," text "); // lien hypertexte saute retour de bouclier faux;} $ (function () {// bind l'événement bouton de recherche $ (" # recherche « ) cliquez sur (function (). {recherche ($ ( "# requête") val ().);}) // cliquez événement est connecté à lier nouvellement généré $ onglet (. "a") en direct ( "clic", function () {recherche ($ ( "#query") val (), $ (this) .attr ( "titre")) ;.});}) </ script> </ head> <body> <div> <h2> Rechercher Films </ h2> <% = Html.TextBox ( "requête")%> <input type = id "bouton" = "recherche" value = "soumettre" /> <div id = "résultat"> </ div> </ div> </ body> </ html>val (), $ (this) .attr ( "title"));});}) </ script> </ head> <body> <div> <h2> 搜索 电影 </ h2> <% = Html. TextBox ( "requête")%> <input type = id "bouton" = "recherche" value = "提交" /> <div id = "résultat"> </ div> </ div> </ body> </ html >val (), $ (this) .attr ( "title"));});}) </ script> </ head> <body> <div> <h2> 搜索 电影 </ h2> <% = Html. TextBox ( "requête")%> <input type = id "bouton" = "recherche" value = "提交" /> <div id = "résultat"> </ div> </ div> </ body> </ html >
