再利用可能なig-gridを作成する方法

Question

私は例を検索しましたが、見つけられませんでした。私の目標は、異なる変数を渡すことによってCreateGridメソッドを再利用することです。私の問題は、グリッド内の列を動的に設定できないことです。私は列変数を渡す方法を理解できません。誰かが知っている場合は、例を提出するか、私に例を案内してください。どんな助けもありがとうございます。

おかげで...

例：私は列に気付かなかったことを恥ずかしい

$(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

は配列です。 などの列を設定します。

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%" } 
] 

誰かを助けてくれることを願っています。