재사용 가능한 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%" } 
] 

은 거기에 누군가가 도움이되기를 바랍니다.