2017-02-02 8 views
0

私はpdf makeを使用してテーブルを作成しました。各セル(リージョン、グループなど)を自分のビューに表示します。ここでpdfを使用してテーブルに式を呼び出す

PDFファイルのヘッダーを使用してエクスポートjsの中のテーブルです:

以下
  exporterPdfHeader: { 
       margin: [30, 5, 30, 15], 
       table: { 

       widths: [ '*', '*', '*' /*, '*'*/ ], 

       body: [ 
        [ 'Region: ', 'Group: ', 'MC: ' ], 
        [ 'District #: ', 'Route #: ', 'Week Ending Date: ' ] 

       ] 
       } 

      },  

は、私の見解の例

<div class="selection-header well well-sm"> 
    <div class="row"> 
    <div class="col-xs-6 col-md-4"> 
     <label>Region:</label> 
     <span>{{searchFilter.region.description}}</span> 
    </div> 
    <div class="col-xs-6 col-md-4"> 
     <label>Group:</label> 
     <span>{{searchFilter.group.description}}</span> 
    </div> 
    <div class="col-xs-6 col-md-4"> 
     <label>MC:</label> 
     <span>{{searchFilter.marketCenter.description}}</span> 
    </div> 
    <div class="col-xs-6 col-md-4"> 
     <label>District #:</label> 
     <span>{{searchFilter.district.description}}</span> 
    </div> 
    <div class="col-xs-6 col-md-4"> 
     <label>Route #:</label> 
     <span>{{searchFilter.route.description}}</span> 
    </div> 
    <div class="col-xs-6 col-md-4"> 
     <label>Week Ending Date:</label> 
     <span>{{searchFilter.endWeek.description}}</span> 
    </div> 
</div> 

私は地域を含むセルは、この引数を呼び出し、なりたいですpdf makeを使用してエクスポートしましたが、どうすればこのことができますか?どんな助けも大いにありがたいです

+0

をpdfheaderを設定し、HTML内で宣言式です。口ひげは、ロジックのないテンプレートフレームワークです。これは、まさにangularJSに似ていません。 –

+0

@DanielShillcockご清聴ありがとうございます。あなたは私の問題を手伝ってくれますか、それとももっと情報が必要ですか? – Adrew

答えて

0

結果グリッドオプションを選択します。スコープをgetData関数に設定します。

$scope.test = '' 

$scope.getData = function(){ 
... 
$scope.test = $scope.searchFilter.region.description; 
} 

これは

{{searchFilter.region.description}}</span> 

は、最後に私はあなたが「角度のビュー」と「口ひげ引数を」混乱していると思うの放送内

$scope.$on('net', function(event, filter) { 

    $scope.gridOptions.exporterPdfHeader = { 
     margin: [30, 5, 30, 15], 
     table: { 

      widths: [ '*', '*', '*' ], 

      body: [ 
       [ 'Region: '+ $scope.region, 'Group: ', 'MC: '], 
       [ 'District #: ', 'Route #: ', 'Week Ending Date: '] 

      ] 
      } 

    }; 

    $scope.export(); 
}); 
0

私は、双方向データバインディングデータのレンダリングに手を加えるためにいくつかの基本的なangularJSチュートリアルに従う必要があると思います。以下は、あなたが達成したいと思う角度の例です。以下の例を見てuserInfodocDefinitionに変更してください。あなたはおそらくネストされたng-repeatが必要になるでしょうが、これは容易に研究可能です。

コントローラ

var app = angular.module['ExampleApp,[]); 
app.controller('ExampleCtrl', function($scope){ 
    $scope.userInfo= [ 
        {name:'Jani',country:'Norway'}, 
        {name:'Hege',country:'Sweden'}, 
        {name:'Kai',country:'Denmark'} 
          ]; 
}) 

ビュー

<body ng-app='ExampleCtrl'> 
     <table> 
     <tr> 
      <th>Name</th> 
      <th>Country</th> 
     </tr> 
     <tr ng-repeat="info in userInfo"> 
      <td>{{info.name}}</td> 
      <td>{{info.country}}</td> 
     </tr> 
     </table> 
</body> 

私は最初のスコープのテストOUを作成し

<body ng-app='ExampleCtrl'> 
    <table> 
     <tr> 
     <th>Name</th> 
     <th>Country</th> 
     </tr> 
     <tr> 
     <td>Jani</td> 
     <td>Norway</td> 
     </tr> 
     <tr> 
     <td>Hege</td> 
     <td>Sweden</td> 
     </tr> 
     <tr> 
     <td>Kai</td> 
     <td>Denmark</td> 
     </tr> 
    </table> 
</body> 
+0

私は何をしたいのかに関するコードを更新しました。 gridOptions内では、このテーブルをヘッダとしてpdf makeを使用してエクスポートしています。この例はまだ適用されますか? – Adrew

+0

私が呼び出しようとしているデータは、検索ボックス内の項目を選択することによって作成されるため、そのデータをすべて自分の配列に入れる必要がありますか? – Adrew

関連する問題