MVC में एक सूची <ऑब्जेक्ट> से रेजर ड्रॉपडेलिस्ट को पॉप्युलेट करना

Question

मेरे पास एक मॉडल है:

public class DbUserRole
    {
        public int UserRoleId { get; set; }
        public string UserRole { get; set; }
    }

public class DbUserRoles
    {
        public List<DbUserRole> GetRoles()
        {
            BugnetReports RoleDropDown = new BugnetReports();
            List<DbUserRole> Roles = new List<DbUserRole>();
            DataSet table = RoleDropDown.userRoleDropDown();
            foreach (DataRow item in table.Tables[0].Rows)
            {
                DbUserRole ur = new DbUserRole();
                ur.UserRole = Convert.ToString(item["UserRoleName"]);
                ur.UserRoleId = Convert.ToInt32(item["UserRoleID"]);
                Roles.Add(ur);
            }
            return Roles;
        }
    }

और यहाँ नियंत्रक है जो दृश्य लोड करता है:

        //
        // GET: /Admin/AddNewUser

        public ActionResult AddNewUser()
        {
            DbUserRoles Roles = new DbUserRoles();
            return View(Roles.GetRoles());
        }

मैं @foreachनीचे दिखाए गए अनुसार लूप का उपयोग करके सूची में आइटम प्राप्त कर सकता हूं :

@foreach (var item in Model)
       {
           <tr>
               <td>
                   @item.UserRoleId
               </td>
               <td>
                   @item.UserRole
               </td>
           </tr>
       }

लेकिन मैं उस मॉडल के साथ एक लटकती सूची को कैसे पॉपुलेट करता हूं, जो मुझे नागवार गुजरा है, मैंने कोशिश की है

@Html.DropDownListFor(x => x.UserRole)

लेकिन मुझे कोई भाग्य नहीं है।

Answer 1

आप अपने व्यावसायिक तर्क को एक दृष्टिकोण में अलग कर सकते हैं, इसलिए आपके विचार में क्लीनर पृथक्करण है।

सबसे पहले आईडी को स्टोर करने के लिए एक व्यूमॉडल बनाएं जिसमें उपयोगकर्ता उन वस्तुओं की एक सूची के साथ चयन करेगा जो दिखाई देंगे DropDown।

ViewModel:

public class UserRoleViewModel
{
    // Display Attribute will appear in the Html.LabelFor
    [Display(Name = "User Role")]
    public int SelectedUserRoleId { get; set; }
    public IEnumerable<SelectListItem> UserRoles { get; set; }
}

संदर्भ:

• DisplayAttribute

कंट्रोलर के अंदर अपनी UserRoleसूची प्राप्त करने और इसे उस रूप में बदलने की विधि तैयार करें जिसे दृश्य में प्रस्तुत किया जाएगा।

नियंत्रक:

private IEnumerable<SelectListItem> GetRoles()
{
    var dbUserRoles = new DbUserRoles();
    var roles = dbUserRoles
                .GetRoles()
                .Select(x =>
                        new SelectListItem
                            {
                                Value = x.UserRoleId.ToString(),
                                Text = x.UserRole
                            });

    return new SelectList(roles, "Value", "Text");
}

public ActionResult AddNewUser()
{
    var model = new UserRoleViewModel
                    {
                        UserRoles = GetRoles()
                    };
    return View(model);
}

संदर्भ:

• SelectListItem
• SelectList Constructor (IEnumerable, String, String)

अब जब व्यूअमोडल बनाया गया है तो प्रेजेंटेशन लॉजिक को सरल बनाया गया है

राय:

@model UserRoleViewModel

@Html.LabelFor(m => m.SelectedUserRoleId)
@Html.DropDownListFor(m => m.SelectedUserRoleId, Model.UserRoles)

संदर्भ:

• LabelExtensions.LabelFor
• SelectExtensions.DropDownListFor

यह उत्पादन करेगा:

<label for="SelectedUserRoleId">User Role</label>
<select id="SelectedUserRoleId" name="SelectedUserRoleId">
    <option value="1">First Role</option>
    <option value="2">Second Role</option>
    <option value="3">Etc...</option>
</select>

Comments

मुझे खुशी है कि आपने इसे मददगार पाया!

— डस्टिन किंगेन

मान लें कि यह फ़िल्टर के साथ एक सूची है (एक ग्रिड जो ड्रॉप डाउन में व्हाट्स द्वारा फ़िल्टर किए गए परिणाम दिखाता है)। क्या आप इसी दृश्य में ग्रिड परिणाम जोड़ेंगे? धन्यवाद

— अर्नेस्टो

धन्यवाद, यह पहला अच्छा स्पष्टीकरण है जो मुझे इस रेजर एक्सटेंशन के बारे में मिला है, और जिसमें आधिकारिक एमएस डॉक्स पढ़ना शामिल है।

— रॉबर्ट मसीह

शानदार और बहुत मददगार। यह भविष्य के लिए बुकमार्क किया जाएगा! +1

— माइक अपजॉन

अपने नियंत्रक में, आप कैसे करते हैं var roles = dbUserRoles.GetRoles() ...जब GetRolesविधि नियंत्रक में स्थित होती है, जबकि dbUserRolesमॉडल वर्ग का एक उदाहरण है?

— डायलन Czenski

Answer 2

  @Html.DropDownList("ddl",Model.Select(item => new SelectListItem
{
    Value = item.RecordID.ToString(),
    Text = item.Name.ToString(),
     Selected = "select" == item.RecordID.ToString()
}))

Comments

झूठ नहीं है?

— नाथन हार्टले

मेरे मॉडल में कोई चयन नहीं है। जानोगे क्यों?

— a_Annold

using System.Linq;एक्सटेंशन विधि का चयन करने के लिए।

— इकोलिस

Answer 3

एक तरीका हो सकता है;

    <select name="listbox" id="listbox">
    @foreach (var item in Model)
           {

                   <option value="@item.UserRoleId">
                      @item.UserRole 
                   </option>                  
           }
    </select>

Comments

अच्छा जवाब, मुझे html I का पूर्ण नियंत्रण है

— अलेक्जेंडर जी

अति उत्कृष्ट! यह सबसे अच्छा जवाब होना चाहिए। सच में HTML का नियंत्रण ले लो। धन्यवाद :)

— एंटोनियो

Answer 4

कुछ के करीब:

@Html.DropDownListFor(m => m.UserRole, 
   new SelectList(Model.Roles, "UserRoleId", "UserRole", Model.Roles.First().UserRoleId), 
   new { /* any html  attributes here */ }) 

DropDownListFor को आबाद करने के लिए आपको एक SelectList की आवश्यकता होती है। आपके द्वारा आवश्यक किसी भी HTML विशेषताओं के लिए, आप जोड़ सकते हैं:

new { @class = "DropDown", @id = "dropdownUserRole" }

Answer 5

इसके बजाय List<UserRole>, आप अपने मॉडल को शामिल कर सकते हैं SelectList<UserRole>। SelectedUserRoleIdस्टोर करने के लिए एक संपत्ति भी जोड़ें ... अच्छी तरह से ... चयनित UserRole का आईडी मान।

चयन सूची भरें, फिर अपने उपयोग में देखें:

@Html.DropDownListFor(x => x.SelectedUserRoleId, x.UserRole)

और आपको ठीक होना चाहिए

Http://msdn.microsoft.com/en-us/library/system.web.mvc.selectlist(v=vs.108).aspx भी देखें ।

Answer 6

आपके कॉल में DropDownListForकुछ और मापदंडों की जरूरत होती है ताकि इसे बाहर निकाला जा सके। आपको निम्न SO प्रश्न के रूप में चयनकर्ता की आवश्यकता है:

MVC3 DropDownListFor - एक सरल उदाहरण है?

आपके पास वहां क्या है, आपने केवल यह बताया है कि डेटा कहाँ संग्रहीत करना है, न कि सूची को कहाँ से लोड करना है।

Answer 7

   @{
        List<CategoryModel> CategoryList = CategoryModel.GetCategoryList(UserID);
        IEnumerable<SelectListItem> CategorySelectList = CategoryList.Select(x => new SelectListItem() { Text = x.CategoryName.Trim(), Value = x.CategoryID.Trim() });
    }
    <tr>
        <td>
            <B>Assigned Category:</B>
        </td>
        <td>
            @Html.DropDownList("CategoryList", CategorySelectList, "Select a Category (Optional)")
        </td>
    </tr>

Comments

यहां कई उत्तर दिए गए हैं, लेकिन इस अंतिम समस्या को सबसे अच्छा आईएमओ हल करना चाहिए।

— डेथस्टॉकलर

Answer 8

मैं इसे अप्रोच करने जा रहा हूं जैसे कि आपके पास एक उपयोगकर्ता मॉडल है:

Users.cs

public class Users
{
    [Key]
    public int UserId { get; set; }

    [Required]
    public string UserName { get; set; }

    public int RoleId { get; set; }

    [ForeignKey("RoleId")]
    public virtual DbUserRoles DbUserRoles { get; set; }
}

और एक DbUserRoles मॉडल जो डेटाबेस में उस नाम से एक तालिका का प्रतिनिधित्व करता है:

DbUserRoles.cs

public partial class DbUserRoles
{
    [Key]
    public int UserRoleId { get; set; }

    [Required]
    [StringLength(30)]
    public string UserRole { get; set; }
}

एक बार जब आप साफ कर चुके थे, तो आपको अपने नियंत्रक में इस तरह से UserRoles का संग्रह बनाने और भरने में सक्षम होना चाहिए:

var userRoleList = GetUserRolesList();
ViewData["userRoles"] = userRolesList;

और ये सहायक कार्य हैं:

private static SelectListItem[] _UserRolesList;

/// <summary>
/// Returns a static category list that is cached
/// </summary>
/// <returns></returns>
public SelectListItem[] GetUserRolesList()
{
    if (_UserRolesList == null)
    {
        var userRoles = repository.GetAllUserRoles().Select(a => new SelectListItem()
         {
             Text = a.UserRole,
             Value = a.UserRoleId.ToString()
         }).ToList();
         userRoles.Insert(0, new SelectListItem() { Value = "0", Text = "-- Please select your user role --" });

        _UserRolesList = userRoles.ToArray();
    }

    // Have to create new instances via projection
    // to avoid ModelBinding updates to affect this
    // globally
    return _UserRolesList
        .Select(d => new SelectListItem()
    {
         Value = d.Value,
         Text = d.Text
    })
     .ToArray();
}

Repository.cs

समारोह के GetAllUserRoles()लिए मेरा रिपोजिटरी फ़ंक्शन , ऊपर:

public class Repository
{
    Model1 db = new Model1(); // Entity Framework context

    // User Roles
    public IList<DbUserRoles> GetAllUserRoles()
    {
        return db.DbUserRoles.OrderBy(e => e.UserRoleId).ToList();
    }
}

AddNewUser.cshtml

फिर अपने दृश्य में ऐसा करें:

<table>
    <tr>
        <td>
            @Html.EditorFor(model => model.UserName,
                  htmlAttributes: new { @class = "form-control" }
                  )
        </td>
        <td>
            @Html.DropDownListFor(model => model.RoleId,
                  new SelectList( (IEnumerable<SelectListItem>)ViewData["userRoles"], "Value", "Text", model.RoleId),
                  htmlAttributes: new { @class = "form-control" }
                  )
         </td>
     </tr>
 </table>

Answer 9

@model AdventureWork.CRUD.WebApp4.Models.EmployeeViewModel
@{
    ViewBag.Title = "Detalle";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Ingresar Usuario</h2>

@using (Html.BeginForm())
{

    @Html.AntiForgeryToken()
<div class="form-horizontal">


    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.PersonType, labelText: "Tipo de Persona", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.Employee.PersonType, new List<SelectListItem>
       {
               new SelectListItem{ Text= "SC", Value = "SC" },
               new SelectListItem{ Text= "VC", Value = "VC" },
                  new SelectListItem{ Text= "IN", Value = "IN" },
               new SelectListItem{ Text= "EM", Value = "EM" },
                new SelectListItem{ Text= "SP", Value = "SP" },

       }, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Employee.PersonType, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeGender, labelText: "Genero", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.Employee.EmployeeGender, new List<SelectListItem>
       {
           new SelectListItem{ Text= "Masculino", Value = "M" },
           new SelectListItem{ Text= "Femenino", Value = "F" }
       }, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeGender, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.PersonTitle, labelText: "Titulo", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.PersonTitle, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.PersonTitle, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.PersonFirstName, labelText: "Primer Nombre", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.PersonFirstName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.PersonFirstName, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.PersonMiddleName, labelText: "Segundo Nombre", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.PersonMiddleName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.PersonMiddleName, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.PersonLastName, labelText: "Apellido", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.PersonLastName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.PersonLastName, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.PersonSuffix, labelText: "Sufijo", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.PersonSuffix, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.PersonSuffix, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.DepartmentID, labelText: "Departamento", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.Employee.DepartmentID, new SelectList(Model.ListDepartment, "DepartmentID", "DepartmentName"), htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Employee.DepartmentID, "", new { @class = "text-danger" })
        </div>
    </div>


    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeMaritalStatus, labelText: "Estado Civil", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.Employee.EmployeeMaritalStatus, new List<SelectListItem>
       {
           new SelectListItem{ Text= "Soltero", Value = "S" },
           new SelectListItem{ Text= "Casado", Value = "M" }
       }, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeMaritalStatus, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.ShiftId, labelText: "Turno", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.Employee.ShiftId, new SelectList(Model.ListShift, "ShiftId", "ShiftName"), htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Employee.ShiftId, "", new { @class = "text-danger" })
        </div>
    </div>



    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeLoginId, labelText: "Login", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.EmployeeLoginId, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeLoginId, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeNationalIDNumber, labelText: "Identificacion Nacional", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.EmployeeNationalIDNumber, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeNationalIDNumber, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeJobTitle, labelText: "Cargo", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.EmployeeJobTitle, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeJobTitle, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeBirthDate, labelText: "Fecha Nacimiento", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.EmployeeBirthDate, new { htmlAttributes = new { @class = "form-control datepicker" } })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeBirthDate, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Employee.EmployeeSalariedFlag, labelText: "Asalariado", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Employee.EmployeeSalariedFlag, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Employee.EmployeeSalariedFlag, "", new { @class = "text-danger" })
        </div>
    </div>



    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Guardar" class="btn btn-default" />
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10" style="color:green">
            @ViewBag.Message
        </div>
        <div class="col-md-offset-2 col-md-10" style="color:red">
            @ViewBag.ErrorMessage
        </div>
    </div>
</div>


}

Comments

क्या आप अपना उत्तर बता सकते हैं, कृपया इससे आपके समाधान को समझना आसान हो जाएगा।

— कोडएफएक्सएक्स

यदि आप अपना उत्तर और कोड स्पष्ट नहीं करते हैं तो यह बहुत उपयोगी नहीं है। कृपया कुछ स्पष्टीकरण जोड़ने पर विचार करें

— f-CJ

वह मैन्युअल रूप से आइटम सम्मिलित कर रहा है। यदि आपके पास सैकड़ों या हजारों प्रविष्टियाँ हैं, लेकिन यह बहुत उपयोगी नहीं है। शामिल करना चाहिए किया है EmployeeViewModelऔर Employee, हालांकि, वहाँ वस्तुओं को दिखाने के लिए, और उनके प्रकार के।

— vapcguy