Estoy usando la propiedad elegida de jquery para diseñar asp: lista desplegable en mi proyecto. Estoy siguiendo un proyecto existente. En eso, el menú desplegable se completa con el siguiente código.
Compatible con archivos jquery:
<script type="text/javascript" src="../Scripts/jquery-3.4.1.min.js"></script> <script src="../Scripts/jquery-1.9.1.js" type="text/javascript"></script> <script src="../scripts/chosen.jquery.min.js" type="text/javascript"></script> <link href="../styles/chosen.min.css" rel="stylesheet" type="text/css" /> <link href="../Styles/jquery-ui.css" rel="stylesheet" /> <script type="text/javascript" src="../Scripts/jquery-ui.js"></script>Código desplegable en la interfaz:
<asp:DropDownList ID="dropdown" TabIndex="28" CssClass="chosen-default" AutoPostBack="true" OnSelectedIndexChanged="dropdown_selectedIndexChanged" runat="server"> </asp:DropDownList>menú desplegable poblado en el backend con el resultado de la tabla:
dropdown.DataSource = objResult.Tables[6].DefaultView; dropdown.DataTextField = objResult.Tables[6].Columns["Name"].ToString(); dropdown.DataValueField = objResult.Tables[6].Columns["Id"].ToString(); dropdown.DataBind();Y la función elegida se usa para este menú desplegable para darle estilo.
$(function () { $('#dropdown').chosen(); });Y el resultado es como esta imagen. La lista tiene un nombre seguido de una identificación entre paréntesis.
también estamos siguiendo lo mismo, pero solo se muestra el nombre en la lista desplegable. No se muestra la identificación. Por favor ayuda.
Además del hecho de que está cargando jQuery en diferentes versiones varias veces, simplemente puede crear la cadena que desee:
dropdown.DataTextField = $"{objResult.Tables[6].Columns["Name"].ToString()} ({objResult.Tables[6].Columns["Id"].ToString()})";o para facilitar la lectura:
var name = objResult.Tables[6].Columns["Name"].ToString(); var id = objResult.Tables[6].Columns["Id"].ToString(); dropdown.DataTextField = $"{name} ({id})";