3

entonces el dropdown trae los siguientes valores

VALOR1
VALOR2
VALOR3

Quier que el combo traiga un valor por defecto para que me diga elija su opcion ejemplo:

-- SELECCIONE --
VALOR1
VALOR2
VALOR3

por que siempre me trae por defecto VALOR1

Controller

ViewBag.VBPais = new SelectList(db.Pais, "IdPais", "Nombre");

View

@Html.DropDownList("VBPais")

Probando con SelectListItem introducir la descripción de la imagen aquí

Intento de @Einer introducir la descripción de la imagen aquí

5
  • db.Pais es de tipo SelectListItem?
    – Einer
    Commented el 24 ene. 2018 a las 15:33
  • db.Pais es una tabla que la traigo de la base de datos.
    – user63489
    Commented el 24 ene. 2018 a las 15:35
  • Y que exactamente muestar el DropDownList? Como lo muestras en tu ejemplo?
    – Einer
    Commented el 24 ene. 2018 a las 15:36
  • me mustra el primer valor de mi tabla VALOR1
    – user63489
    Commented el 24 ene. 2018 a las 15:38
  • 1
    estas buscando algo como: @Html.DropDownList("VBPais", ViewBag.VBPais as SelectList, "--Seleccione uno--", new { @Class = "form-control" }) ???????
    – Antonio
    Commented el 24 ene. 2018 a las 15:41

4 respuestas 4

9

Primero tienes que convertir el tipo Pais a List<SelectListItem> para poder mostrar los datos en el SelectListItem:

// lo convertimos a lista
var paises = db.Pais.Select(x=> new SelectListItem{ Text = x.Nombre, Value = x.Id}).ToList();

Luego inserta un elemento al inicio de la lista que tendra el texto que esperas utilizando el metodo Insert:

// insertamos el elemento en la primera posicion:
pais.Insert(0, new SelectListItem{ Text = "-- SELECCIONE --", Value = "0" });

Y luego continua con lo que ya tienes:

ViewBag.VBPais = pais;

Y en tu vista:

@Html.DropDownList("VBPais", (IEnumerable<SelectListItem>)ViewBag.VBPais);
3
  • esta bueno solo esto mas. captura de pantalla
    – user63489
    Commented el 24 ene. 2018 a las 15:53
  • @R.Fernandez para eso usa un toString()
    – GDP
    Commented el 24 ene. 2018 a las 15:58
  • 1
    @R.Fernandez tienes que convertirlo a string IdPais.ToString()
    – Einer
    Commented el 24 ene. 2018 a las 16:38
7

prueba agregando los siguientes parámetros:

@Html.DropDownList("VBPais", null, "Seleccione un país")
2
  • @R.Fernandez me corrijo, no había leído el título. Al usar de esta manera involucra que el valor por defecto sería vacío.
    – Davlio
    Commented el 24 ene. 2018 a las 16:50
  • 1
    Asi mismo es y en parte debería ser así puesto que si se le asigna valor 0 a una opción del select pasaria como parámetro al controlador ese 0 y la validación la vería como válida cuando en realidad no lo es ya que no existe país con Id 0 en BD Commented el 24 ene. 2018 a las 17:24
5

POr experiencia propia te sugiero que siempre

 @Html.DropDownList("IdPais", null, "Seleccione un país", htmlAttributes: new { @class = "form-control" })
2
  • Eso es rodrigo pero recuerda que el cuarto parámetro de ese Helper es para los atribustos HTML pero por experiencia propia no siempre es new { class = "form-control" }, ¿Que pasaría si en vez de Bootstrap utilizo SemanticUI? Commented el 24 ene. 2018 a las 20:50
  • A los que tengan el mismo problema, deben comprender que para enlazar la ViewBag al método extendido DropDownList el primer parámetro debería ser VBPais y no IdPais. Asimismo, que el valor por defecto que tendría el primer <option> sería de valor vacío y no el valor 0, como indica el título de la pregunta.
    – Davlio
    Commented el 24 ene. 2018 a las 21:42
3

Es bien sencillo, sin necesidad de agregar opciones a tu lista, o por javascript. El truco está en el tercer parámetro del método de extension DropDownList:

@Html.DropDownList("VBPais", ViewBag.VBPais as SelectList, "-- SELECCIONE --", new { @class = "form-control" })

Con la nota que te hace por ahí, donde dicen que la opción tendría un valor vacío y que termina ayudándote por ejemplo en validaciones. Te resultaría un select-option así:

<select class="form-control" id="VBPais" name="VBPais">
  <option value="">-- SELECCIONE --</option>
  <option value="1">VALOR1</option>
  <option value="2">VALOR2</option>
  <option value="3">VALOR3</option>
</select>
2
  • 1
    Así mismo es Kodiak, e incluso el segundo parámetro puedes dejarlo en null como lo he definido puesto que (ViewBag.VBPais as SelectList) que has puesto como segundo parámetro ya lo has declarado sin darte cuenta en tu controlador con ViewBag.VBPais = new SelectList(db.Pais, "IdPais", "Nombre"); por lo que tu Helper ya sabe que necesita, en este caso "VBPais". Commented el 24 ene. 2018 a las 20:41
  • @VicenteAlmea Interesante, no me había dado cuenta de esa forma de relacionar el SelectList con el DropDownList. Gracias.
    – KodiakMx
    Commented el 25 ene. 2018 a las 17:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.