Similar Example in Angular UI Grid -


looking similar example of angular ui grid given in http://technoscripts.com/export-html-table/ datatables - png, excel, pdf etc.,

angular ui grid example has export pdf , csv

below content of index.html

<head>   <script src="angular.min.js"></script>   <script src="ui-grid.min.js"></script>   <script src="csv.js"></script>   <script src="pdfmake.js"></script>   <script src="vfs_fonts.js"></script>   <link rel="stylesheet" href="ui-grid.min.css" /> </head>  <body>    <div ng-controller="mainctrl">     <div id="grid" ui-grid="gridoptions" ui-grid-pagination ui-grid-exporter class="grid"></div>   </div>    <script src="app.js"></script> </body>  </html>

below content of app.js

var app = angular.module('app', ['ui.grid', 'ui.grid.pagination', 'ui.grid.exporter']); app.controller('mainctrl', ['$scope', 'uigridexporterservice', 'uigridexporterconstants', function($scope, uigridexporterservice, uigridexporterconstants) { $scope.export = function(format) { var exportdata = []; var exportcolumnheaders = $scope.gridoptions.showheader ? uigridexporterservice.getcolumnheaders($scope.gridapi.grid, uigridexporterconstants.visible) : []; angular.foreach($scope.gridapi.grid.rows, function(row) { if (row.visible) { var values = []; angular.foreach(exportcolumnheaders, function(column) { var value = row.entity[column.name]; values.push({ value: value }); }); exportdata.push(values); } }); var content; if (format=="csv") { content = uigridexporterservice.formatascsv(exportcolumnheaders, exportdata, ','); uigridexporterservice.downloadfile($scope.gridoptions.exportercsvfilename, content, $scope.gridoptions.exporterolderexcelcompatibility); } else { content = uigridexporterservice.prepareaspdf($scope.gridapi.grid, exportcolumnheaders, exportdata); pdfmake.createpdf(content).open(); } }; $scope.gridoptions = { enablegridmenu: true, exportermenucsv: false, exportermenupdf: false, gridmenucustomitems: [{ title: 'csv export (filtered & paged grid)', action: function() { $scope.export('csv'); }, order: 210 }, { title: 'pdf export (filtered & paged grid)', action: function() { $scope.export('pdf'); }, order: 250 }], enablefiltering: true, paginationpagesizes: [8, 16, 24], paginationpagesize: 8, //paging: false, exportercsvfilename: 'filtereddata.csv', onregisterapi: function(gridapi) { $scope.gridapi = gridapi; }, columndefs: [{name: 's.no', field: '', displayname: 's.no', width: 80, celltemplate: '{{rowrenderindex+1}}'}, {name: 'date'}, {name: 'file name'}, {name: 'file path'}, {name: 'download count'}], data: [{"date": "01-01-1980", "file name": "diagram.jpeg", "file path": "\arch\diagram.jpeg", "download count": "10"}] }; } ]);

thanks.


Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more