populate déroulant avec des colonnes de grille

Question

J'ai une liste déroulante dans ma barre d'outils de ma grille. Je veux remplir la liste déroulante avec les noms de colonne de cette grille. Aucune suggestion?

@(Html.Kendo().Grid(Model)  
.Name("Grid") 
.Columns(columns => 
{ 
    columns.Bound(p => p.Name).Groupable(false); 
    columns.Bound(p => p.FullName); 
    //columns.Command(commandAction: command => command.Custom("ViewDetails").Click("showDetails")); 
}) 

.DataSource(dataSource => dataSource 
    .Ajax() 
    .Read(read => read.Action("Customers_read", "jvIndex")) 

    .PageSize(1) 
) 


.ToolBar(toolbar => 
{ 

    toolbar.Template(@<text> 
          <div class="toolbar"> 


           <input type="text" class="k-input"/> 
            @(Html.Kendo().DropDownList() 
            .Name("categories") 
            .OptionLabel("All") 
            .DataTextField("") 
            .DataValueField("") 

            .Events(e=>e.Change("categoriesChange")) 
            .BindTo() 
           ) 

           <button class="k-button" id="get">Filter</button> 

          </div> 
         </text>); 

}) 
.HtmlAttributes(new { style = "height: 430px" }) 
.Pageable() 
.Sortable() 
.Scrollable() 
.DataSource(dataSource => dataSource 
    .Ajax() 
    .PageSize(20) 
    .ServerOperation(false) 
    .Model(model => model.Id(p => p.Name)) 
    .Read("ToolbarTemplate_Read", "jvIndex") 
) 

) )

Answer 1

J'ai essayé la même chose sans beaucoup de chance ... fini juste en utilisant un datatable comme les modèles de grille, et nous pourrions simplement itérer les noms de colonnes du modèle à remplir la liste déroulante.

Answer 2

Vous pouvez récupérer un tableau de noms de colonnes en utilisant ce code.

var grid = $("#grid").data("kendoGrid"); 
var columns = grid.columns; 

// Add them to the dropdown list, maybe something like this: 
$("#categories").data("kendoDropDownList").dataSource.data(columns); 

Answer 3

Essayez comme ça,

.ToolBar(toolbar => 
    { 
     toolbar.Template(@<text> 
      <div class="toolbar"> 
        <input type="text" class="k-input"/> 
            @(Html.Kendo().DropDownList() 
            .Name("categories") 
            .OptionLabel("All") 
            .DataTextField("Text") 
            .DataValueField("Value") 
          .AutoBind(false) 
          .Events(e => e.Change("categoriesChange")) 
          .DataSource(ds => 
          { 
           ds.Read("column", "Grid"); 
          }) 
         ) 
         </div> 
     </text>); 
    }) 

Contrôleur

public ActionResult column() 
     { 

      // your get column method 

      return Json(column, JsonRequestBehavior.AllowGet); 
     }