0
300
VistasAgregue sangría para texto largo en el menú desplegable de selección múltiple de kendo para diferenciar que es un registro único
Necesito agregar una sangría al mostrar los datos en el menú desplegable de selección múltiple de kendo.
A continuación se muestra el código:
@(Html.Kendo().MultiSelect() .Name("OrderSelection") .DataTextField("OrderData") .DataValueField("OrderId") .AutoClose(false) .Placeholder("Select Orders...") .Height((wndHeight - 260)) .Events(e => { e.Select("onOrderSelect").Deselect("onOrderDeselect"); e.Open("validateDates"); }) .DataSource(source => { source.Read(read => { read.Action("ReadOrderItemsByDate", "CustomNotes").Data("orderSelectionReuestData"); }) .ServerFiltering(false); }) ) 
En la imagen de arriba, quiero agregar un espacio antes de las habilidades de texto para que el usuario sepa que no es un registro separado sino un solo registro.
1 Respuestas
Responde la pregunta0
Eso podría ser difícil de hacer. De todos modos, creo que necesita usar un ItemTemplate. Esto es equivalente a lo que obtiene de forma predeterminada y solo representa el elemento de datos:
.ItemTemplate("#= data #")Sin embargo, puedes poner cualquier html que quieras allí. Por ejemplo, envuélvalo en un div con una clase:
.ItemTemplate("<div class='add-border'>#= data #</div>")Luego puede apuntar a esa clase con css para agregar un borde, relleno, resaltado o un color de fondo al div. O simplemente agregue estilo en línea si lo desea. Esa es mi sugerencia, agregue algún tipo de borde o fondo para distinguir cada elemento.