asp.net - mvc - Agregar ListItems a DropDownList de una lista genérica

html dropdownlist mvc 5

Question

Tengo un código aspx: (muestra)

<asp:DropDownList runat="server" ID="ddList1"></asp:DropDownList>   

Con este código detrás:

List<System.Web.UI.WebControls.ListItem> colors = new List<System.Web.UI.WebControls.ListItem>();
colors.Add(new ListItem("Select Value", "0"));
colors.Add(new ListItem("Red", "1"));
colors.Add(new ListItem("Green", "2"));
colors.Add(new ListItem("Blue", "3"));
ddList1.DataSource = colors;
ddList1.DataBind();

La salida se ve así:

<select name="ddList1" id="ddList1">
    <option value="Select Value">Select Value</option>
    <option value="Red">Red</option>
    <option value="Green">Green</option>
    <option value="Blue">Blue</option>
</select>   

Mi pregunta es: ¿por qué mis valores (números) desaparecieron y el texto se usó como el valor Y el texto? Sé que funciona si uso el ddList1.Items.Add(New ListItem("text", "value")) , pero necesito usar una lista genérica como fuente de datos por otros motivos.

Answer 1

Porque el método DataBind vincula valores solo si se establece la propiedad DataValueField. Si establece la propiedad DataValueField en "Valor" antes de llamar a DataBind, sus valores aparecerán en el marcado.

ACTUALIZACIÓN: también deberá establecer la propiedad DataTextField en "Texto". Es porque el enlace de datos y la adición de elementos manualmente no funcionan de la misma manera. El enlace de datos no conoce la existencia del tipo ListItem y genera marcado al evaluar los elementos en el origen de datos.

Answer 2

Si está compilando ListItems, no necesita usar DataBind () en primer lugar.

Solo agrégalos a tu DropDownList:

ddList1.Items.Add(new ListItem("Select Value", "0"));
ddList1.Items.Add(new ListItem("Red", "1"));
ddList1.Items.Add(new ListItem("Green", "2"));
ddList1.Items.Add(new ListItem("Blue", "3"));

DataBind () es útil cuando ya tiene un collection / dataobject (normalmente un DataTable o DataView) que se puede usar como un DataSource, configurando DataTextField y DataValueField (como escribió buyutec).

Answer 3

Y aquí está el método que realiza el enlace de datos. Usted puede ver exactamente lo que está pasando:

protected internal override void PerformDataBinding(IEnumerable dataSource)
{
    base.PerformDataBinding(dataSource);
    if (dataSource != null)
    {
        bool flag = false;
        bool flag2 = false;
        string dataTextField = this.DataTextField;
        string dataValueField = this.DataValueField;
        string dataTextFormatString = this.DataTextFormatString;
        if (!this.AppendDataBoundItems)
        {
            this.Items.Clear();
        }
        ICollection is2 = dataSource as ICollection;
        if (is2 != null)
        {
            this.Items.Capacity = is2.Count + this.Items.Count;
        }
        if ((dataTextField.Length != 0) || (dataValueField.Length != 0))
        {
            flag = true;
        }
        if (dataTextFormatString.Length != 0)
        {
            flag2 = true;
        }
        foreach (object obj2 in dataSource)
        {
            ListItem item = new ListItem();
            if (flag)
            {
                if (dataTextField.Length > 0)
                {
                    item.Text = DataBinder.GetPropertyValue(obj2, dataTextField, dataTextFormatString);
                }
                if (dataValueField.Length > 0)
                {
                    item.Value = DataBinder.GetPropertyValue(obj2, dataValueField, null);
                }
            }
            else
            {
                if (flag2)
                {
                    item.Text = string.Format(CultureInfo.CurrentCulture, dataTextFormatString, new object[] { obj2 });
                }
                else
                {
                    item.Text = obj2.ToString();
                }
                item.Value = obj2.ToString();
            }
            this.Items.Add(item);
        }
    }
    if (this.cachedSelectedValue != null)
    {
        int num = -1;
        num = this.Items.FindByValueInternal(this.cachedSelectedValue, true);
        if (-1 == num)
        {
            throw new ArgumentOutOfRangeException("value", SR.GetString("ListControl_SelectionOutOfRange", new object[] { this.ID, "SelectedValue" }));
        }
        if ((this.cachedSelectedIndex != -1) && (this.cachedSelectedIndex != num))
        {
            throw new ArgumentException(SR.GetString("Attributes_mutually_exclusive", new object[] { "SelectedIndex", "SelectedValue" }));
        }
        this.SelectedIndex = num;
        this.cachedSelectedValue = null;
        this.cachedSelectedIndex = -1;
    }
    else if (this.cachedSelectedIndex != -1)
    {
        this.SelectedIndex = this.cachedSelectedIndex;
        this.cachedSelectedIndex = -1;
    }
}

Answer 4

"Si está compilando ListItems, no necesita usar DataBind () en primer lugar".

Agregar de manera directa a la lista desplegable es la manera más sencilla (y dado que el código de ejemplo es el correcto), pero digamos que tiene un origen de datos no ordenado y desea ordenar los elementos de la lista.

Una forma de lograr esto sería crear una lista genérica de ListItem y luego usar el método de ordenación heredado antes de enlazar datos a la lista.

Hay muchos wys para despellejar a un gato ...