MVC3 (Rasoir) radio boutons de contrôles

En premier,je dois créer des boutons radio dans un mvc3 vue partielle.

Quand je suis sur l'écran j'ai besoin de sélectionner un seul bouton radio et extrait une valeur spécifique.

Comment puis-je faire cela (avec JS ou C# par exemple) ?

            <div id="UserDeleteInfosField">
                <p>
                    @Html.RadioButton("HasUserLeave", new { id = "rb1" })
                    @UserAccountResources.UserLeave
                    @Html.HiddenFor(x => x.UserLeave)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("HasUserTransfer", new { id = "rb2" })
                    @UserAccountResources.UserTransfer
                    @Html.HiddenFor(x => x.UserTransfer)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("HasUserDetachment", new { id = "rb3" })
                    @UserAccountResources.UserDetachment
                    @Html.HiddenFor(x => x.UserDetachment)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("HasUserRetirement", new { id = "rb4" })
                    @UserAccountResources.UserRetirement
                    @Html.HiddenFor(x => x.UserRetirement)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("HasUserStatus", new { id = "rb5" })
                    @UserAccountResources.UserStatus
                    @Html.HiddenFor(x => x.UserStatus)   
                </p>
            </div>

Merci d'avance !

Ars_n

OriginalL'auteur Ars_n | 2012-10-29

asp.net-mvc-3 c#javascript radio-button razor

5

Oeil à l'exemple de comprendre comment les boutons radio sont regroupées: exemple

Vous avez besoin même name attribut, comme ici:
```
<input type="radio" name="group2" value="Water" /> Water<br />
<input type="radio" name="group2" value="Beer" /> Beer<br />
<input type="radio" name="group2" value="Wine" checked /> Wine<br />
```
Votre exemple:
```
@Html.RadioButton("SameGroup", "rb1")
@Html.RadioButton("SameGroup", "rb2")
@Html.RadioButton("SameGroup", "rb3")
@Html.RadioButton("SameGroup", "rb4")
@Html.RadioButton("SameGroup", "rb5")
```
Seulement vérifié la valeur que vous recevrez dans le contrôleur de l'action sur le post.

Vous pouvez également générer des étiquettes avec des identifiants uniques de sorte qu'en cliquant sur Water, etc. en fait sélectionne le bouton radio.

OriginalL'auteur webdeveloper

Si vous avez besoin d'un groupe de composants radiobutton? Je utiliser un helper personnalisé pour que.

Code pour le helper:

public static MvcHtmlString RadioButtonForSelectList<TModel, TProperty>(
       this HtmlHelper<TModel> htmlHelper,
       Expression<Func<TModel, TProperty>> expression,
       IEnumerable<SelectListItem> listOfValues)
    {
        var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
        var sb = new StringBuilder();

        if (listOfValues != null)
        {
            //Create a radio button for each item in the list 
            foreach (SelectListItem item in listOfValues)
            {
                //Generate an id to be given to the radio button field 
                var id = string.Format("{0}_{1}", metaData.PropertyName, item.Value);

                //Create and populate a radio button using the existing html helpers 
                var label = htmlHelper.Label(id, HttpUtility.HtmlEncode(item.Text));

                var radio = htmlHelper.RadioButtonFor(expression, item.Value, new { id = id }).ToHtmlString();

                if (item.Selected)
                {
                    radio = htmlHelper.RadioButtonFor(expression, item.Value, new { id = id, @checked = "checked", }).ToHtmlString();
                }


                //Create the html string that will be returned to the client 
                //e.g. <input data-val="true" data-val-required="You must select an option" id="TestRadio_1" name="TestRadio" type="radio" value="1" /><label for="TestRadio_1">Line1</label> 
                sb.AppendFormat("<div class=\"RadioButton\">{0}{1}</div>", radio, label);
            }
        }

        return MvcHtmlString.Create(sb.ToString());
    }

maintenant, à votre avis, vous pouvez simplement utiliser:

@Html.RadioButtonForSelectList(model => model.yourproperty, Model.listUsedToPopulate)

Maintenant, vous ne serez en mesure de vérifier l'un des composants radiobutton à l'époque. La valeur est stockée dans le modèle.yourproperty.

Merci pour votre réponse. Finalement, j'ai opté pour une autre solution (groupe de boutons radio).
Toujours heureux de vous aider
C'est une excellente solution. Je vous remercie.
Si vous vous trouvez à l'intérieur d'une collection, l'étiquette est en train de "intelligemment" insérer IDForModel avant de votre pièce d'identité. Vous allez avoir besoin d'utiliser cette variable pour vos boutons radio id: var modelID = string.Format("{0}_{1}", htmlHelper.IdForModel(), id);

OriginalL'auteur middelpat

Je devine que vous voulez après cela à un contrôleur de méthode, c'est peut-être ce que vous essayez de faire:

Disons que le contrôleur méthode prend un paramètre, appelé myParameter, vous devez définir le nom de la radio boutons à la même chose pour le groupe, puis définissez la valeur à tout ce que vous avez besoin de:

<div id="UserDeleteInfosField">
    <p>
        @Html.RadioButton("myParameter", UserAccountResources.UserLeave)
        @UserAccountResources.UserLeave
        @Html.HiddenFor(x => x.UserLeave)   
    </p>
    <br />
    <p>
        @Html.RadioButton("myParameter", UserAccountResources.UserTransfer)
        @UserAccountResources.UserTransfer
        @Html.HiddenFor(x => x.UserTransfer)   
    </p>
    <br />
    <p>
        @Html.RadioButton("myParameter", UserAccountResources.UserDetachment)
        @UserAccountResources.UserDetachment
        @Html.HiddenFor(x => x.UserDetachment)   
    </p>
    <br />
    <p>
        @Html.RadioButton("myParameter", UserAccountResources.UserRetirement)
        @UserAccountResources.UserRetirement
        @Html.HiddenFor(x => x.UserRetirement)   
    </p>
    <br />
    <p>
        @Html.RadioButton("myParameter", UserAccountResources.UserStatus)
        @UserAccountResources.UserStatus
        @Html.HiddenFor(x => x.UserStatus)   
    </p>
</div>

OriginalL'auteur Mario Sannum

Merci pour vos réponses.

J'ai enfin créer un groupe pour chaque boutons radio.
Et j'appelle la propriété dans la rb paramètre de l'objet.

            <div id="UserDeleteInfosField">
                <p>
                    @Html.RadioButton("RbDeleteGroup", Model.UserLeave)
                    @UserAccountResources.UserLeave
                    @Html.HiddenFor(x => x.UserLeave)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("RbDeleteGroup", Model.UserTransfer)
                    @UserAccountResources.UserTransfer
                    @Html.HiddenFor(x => x.UserTransfer)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("RbDeleteGroup", Model.UserDetachment)
                    @UserAccountResources.UserDetachment
                    @Html.HiddenFor(x => x.UserDetachment)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("RbDeleteGroup", Model.UserRetirement)
                    @UserAccountResources.UserRetirement
                    @Html.HiddenFor(x => x.UserRetirement)   
                </p>
                <br />
                <p>
                    @Html.RadioButton("RbDeleteGroup", Model.UserStatus)
                    @UserAccountResources.UserStatus
                    @Html.HiddenFor(x => x.UserStatus)   
                </p>
            </div>

Donc dans ce cas je ne peux cocher un bouton radio en même temps et récupéré la valeur de la propriété du ViewModel.

    [Display(Name = "UserAccountDeleteInfos", ResourceType = typeof(UserAccountResources))]
    public string UserLeave
    {
        get { return UserAccountResources.UserLeave; }
    }

OriginalL'auteur Ars_n

Vous devez vous connecter pour publier un commentaire.