L'ajout d'une assistance HTML personnalisée de Projet MVC

J'ai été la navigation sur le web en essayant de trouver un bon exemple/tutoriel expliquant en détail comment je peux créer et utiliser mon propre HTML Helpers pour mon MVC 3 Rasoir application, j'ai trouvé celui-ci qui est comme suit

L'ajout de votre propre HtmlHelper dans ASP.NET MVC 3

J'ai créé une classe (réduit un peu) comme

using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Linq.Expressions;
using System.Web;
using System.Web.Mvc;
using System.Web.Mvc.Html;

namespace MyWebApp
{
    public static class ExtensionMethods
    {
         public static MvcHtmlString StateDropDownListFor<TModel, TValue>
                        (this HtmlHelper<TModel> html, 
                                        Expression<Func<TModel, TValue>> expression)
         {
             Dictionary<string, string> stateList = new Dictionary<string, string>()
             {
                {"AL"," Alabama"},
                {"AK"," Alaska"},
                {"AZ"," Arizona"},
                {"AR"," Arkansas"}

              };
              return html.DropDownListFor(expression, 
                       new SelectList(stateList, "key", "value"));
         }

     }
}

So far So good,

À l'intérieur de mon contrôleur j'ai aussi ajouté la référence 

using System.Web.Mvc.Html;

Maintenant à l'intérieur de mon point de vue, j'ai le texte suivant

@Html.StateDropDownList(x => x.State)

Mais j'obtiens l'erreur suivante

System.web.mvc.htmlhelper<system.collections.generic.list<Profile.ProfileImages>> does     not contain a definition for StateDropDownList and no extension method     StateDropDownList acception a first argument of type     system.web.mvc.htmlhelper<System.Collections.Generic.List<Profile.ProfileImages>> could be      found(Are you missing a using directive of an assembly reference?)

Quelqu'un pourrait s'il vous plaît dites-moi ce que im faire de mal ici.

  • Avez-vous un helper HTML appelé DisplayImageFor?
  • Désolé, j'ai ajouté les incorrecte erreur de déclaration, j'ai mis à jour ci-dessus.
InformationsquelleAutor Code Ratchet | 2013-09-21
  1. 16

    Vous devez inclure l'espace de noms dans votre point de vue:

    @using MyWebApp

    Ou vous pouvez importer l'espace de noms pour tous les points de vue à partir du web.config.

    <system.web.webPages.razor>
  <pages pageBaseType="System.Web.Mvc.WebViewPage">
    <namespaces>
      <add namespace="System.Web.Mvc" />
      <add namespace="System.Web.Mvc.Ajax" />
      <add namespace="System.Web.Mvc.Html" />
      <add namespace="System.Web.Optimization" />
      <add namespace="System.Web.Routing" />
      <add namespace="MyWebApp" />
    </namespaces>
  </pages>
</system.web.webPages.razor>
    • Je vous remercie pour votre aide.
    InformationsquelleAutor Ufuk Hacıoğulları
  2. 3

    Je pense qu'une option plus facile serait de faire ce qui suit:
    1. Créer une vue, comme d'habitude, placez vos aides dans que comme d'habitude avec le mélange de code html que vous le souhaitez.
    2. Déplacer la vue vers le dossier App_Code.
    3. Obtenir pour votre aide dans tous vos points de vue ainsi (Notez que _MyHelpers est le nom de la vue dans le dossier App_Code): 

    @_MyHelpers.JQMRadioTrueFalse("Voice Mail on your Home Phone?", "HomePhoneHasAnswerPhone", Model.TrueFalse, t.HomePhoneHasAnswerPhone)

    Ce serait un exemple d'un affichage dans le dossier App_Code qui est accessible sur n'importe quel affichage comme ci-dessus:

        @helper JQMRadioList(string Legend, string RadioListName, List<Fizz.DomainClasses.GenericClasses.GenericDropDownOption> options, bool Horizontal = false, string CurrentSelection = "")
    {
        <fieldset data-role="controlgroup" data-mini="true" data-theme="b" @((Horizontal) ? " data-type=\"horizontal\"" : "")>
            <legend>@Legend:</legend>
            @foreach (var li in options)
            {
                @JQMRadioListItem(RadioListName, li.TheValue, li.Text, CurrentSelection)
            }
        </fieldset>
    }
    • Pas sûr, qui a voté cette mais pourrais-je demander quelle était la raison?
    • Cette réponse montre comment créer un helper dans une vue. C'est une alternative pour le code en fonction des vues et il n'y a aucune raison pour que le downvote.
    InformationsquelleAutor Michael