Wie erstelle ich ein wiederverwendbares ig-Gitter

Question

Ich habe nach einem Beispiel gesucht, konnte aber keins finden. Mein Ziel ist es, die CreateGrid-Methode durch Übergabe verschiedener Variablen wiederzuverwenden. Mein Problem ist, dass ich die Spalten im Raster nicht dynamisch setzen kann. Ich kann nicht herausfinden, wie man die Spaltenvariable weitergibt. Wenn jemand weiß, bitte ein Beispiel einreichen oder mich zu einem Beispiel verweisen. Jede Hilfe wird geschätzt.

Dank ...

Beispiel:

$(document).ready(function() {  
     var blnAuto = false; 


     var dogs = @Html.Raw(Json.Encode(Model.DogList)); 
     var gridA = "#gridDog"; 
     var dogColumns = '{ key: "Type", headerText: "Type", dataType: "string", width: "50%"},{ key: "Name", headerText: "Name", dataType: "string", width: "50%" }' 

     CreateGrid(dogs, gridA, blnAuto, dogColumns); 

     var cars = @Html.Raw(Json.Encode(Model.CarList)); 
     var gridB = "#gridCar"; 
     var carColumns = '{ key: "Make", headerText: "Make", dataType: "string", width: "34%"},{ key: "Model", headerText: "Model", dataType: "string", width: "33%" }, { key: "Year", headerText: "Year", dataType: "string", width: "33%"}' 

     CreateGrid(cars, gridB, blnAuto, carColumns)   
    }) 



    function CreateGrid(data, grid, autoGen, columnVariable) 
    { 
     var bln = false; 


      $(grid).igGrid({ 
       width: "100%", 
       dataSource: data, 
       dataSourceType: "json", 
       autoGenerateColumns: bln, 
       columns: [ columnVariable ], 
       features: [ 
        { 
         name: "Sorting", 
         type: "local", 
         applySortedColumnCss: false, 
         sortedColumnTooltip: "", 
         unsortedColumnTooltip: "" 
        } 
       ] 
      }); 
    } 
    </script> 

Answer 1

Es ist mir peinlich, dass ich nicht die Spalten bemerkt haben ist ein Array. Stellen Sie die Spalten wie:

var carColumns = [ 
    { key: "Make", headerText: "Make", dataType: "string", width: "34%" }, 
    { key: "Model", headerText: "Model", dataType: "string", width: "33%" }, 
    { key: "Year", headerText: "Year", dataType: "string", width: "33%"} 
] 

var dogColumns = [ 
    { key: "Type", headerText: "Type", dataType: "string", width: "50%" }, 
    { key: "Name", headerText: "Name", dataType: "string", width: "50%" } 
] 

Hoffe, dass es jemand da draußen hilft.