v3.5.0

Author: paramquery

ChangeLog.txt

@@ -1,18 +1,12 @@
-jQuery grid plugin, supports 100,000+ records.
-==================================================
-[ParamQuery Grid](http://paramquery.com) (for jQuery)
+jQuery grid plugin, also support Angular, Reactjs, Vuejs
+========================================================
+[ParamQuery Grid](http://paramquery.com)
 
-[Angularjs Grid](http://angularjsgrid.com) (for Angularjs)
-
-Copyright (c) 2012-2018 Paramvir Dhindsa 
+Copyright (c) 2012-2021 Paramvir Dhindsa 
 
 [Released under GPL v3 license](http://paramquery.com/license)
- 
-      
-ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. 
-
-Angularjs binding is also supported now. More bindings with other MVC/MVVM frameworks like Knockoutjs, Reactjs are coming soon.
-
+       
+ParamQuery grid is a lightweight javascript grid for Angular, jQuery, Reactjs, Vuejs
 
 
 1. [Tutorial](http://paramquery.com/tutorial)
@@ -31,8 +25,17 @@ Angularjs binding is also supported now. More bindings with other MVC/MVVM frame
 ### Features:
 
 ```
+
+Supports 100,000+ records.
+
+Support for Angular, Reactjs, Vuejs, Knockout, plain js. 
+
 Copy paste to and from Excel.
 
+Autofill, drag to fill.
+
+State management.
+
 Edit history and tracking: undo and redo.
 
 Local, remote and custom sorting for common data formats like Integer, real numbers, Strings, dates, etc.
@@ -45,7 +48,7 @@ Column and row grouping and fixed summary row.
 
 Frozen rows & columns like Excel.
 
-Export to Excel & CSV format.
+Export to Excel(xlsx), HTML, JSON & CSV format.
 
 Nesting of grids and row details.
 
@@ -59,7 +62,7 @@ Theme support.
 
 i18n.
 
-Consistent look and functionality across all major browsers IE(8+), Firefox, Chrome, Opera, etc
+Consistent look and functionality across all major browsers IE(11), Edge, Firefox, Chrome, Opera, etc
 
 Displays data source formats like HTML, Array, XML, JSON, etc.
 

README.md

@@ -1,14 +1,14 @@
 /*!
- * Angularjs grid v2.0.5
- *
- * Copyright (c) 2016 Paramvir Dhindsa (http://paramquery.com)
+ * ParamQuery Pro v3.5.0
+ * 
+ * Copyright (c) 2012-2021 Paramvir Dhindsa (http://paramquery.com)
  * Released under GNU General Public License v3
  * http://paramquery.com/license
- *
+ * 
  */
+ 
 (function($) {
     "use strict";
-    var pq = window.pq = window.pq || {};
     if (pq.ng) {
         return;
     }
@@ -69,13 +69,13 @@
             }
         })() : null;
         dataStr && (DM.data = $scope.$eval(dataStr));
-        options.render = self.onRender(self, options, options.render);
-        ngM.compileHeader && (options.refreshHeader = self.onRefreshHeader(self, options.refreshHeader));
-        ngM.compileToolbar && (options.dataAvailable = self.oneDataReady(self, 'dataAvailable'));
-        options.beforeRefreshData = self.onDataReady(self, dataStr, options.dataReady);
-        compileRows && (options.refresh = self.onRefresh(self, options.refresh));
-        $ele.pqGrid(options).data('pqGrid');
-        $ele.on("pqgridcellsave", self.onRefreshRowCell(self, compileRows)).on("destroy", self.onDestroy(self));
+        options.render = self.onRender(self, options, options.render, function(grid) {
+            ngM.compileHeader && grid.on('refreshHeader', self.onRefreshHeader(self));
+            ngM.compileToolbar && grid.one('dataReady', self.oneDataReady(self));
+            grid.on('dataReady', self.onDataReady(self, dataStr));
+            compileRows && grid.on('refresh', self.onRefresh(self));
+        });
+        self.grid = pq.grid($ele, options).on("refreshRow refreshCell", self.onRefreshRowCell(self, compileRows)).on("destroy", self.onDestroy(self));
         self.bindEvents($attr);
         watch === true && dataStr && self.digest($scope);
     };
@@ -98,7 +98,7 @@
         for (key in keys) {
             if (key.indexOf("on") === 0) {
                 eventName = key.substring(2, 3).toLowerCase() + key.substr(3);
-                self.$ele.on("pqgrid" + eventName.toLowerCase(), self.onEvent(self, $attr[key]));
+                self.grid.on(eventName, self.onEvent(self, $attr[key]));
             }
         }
     };
@@ -197,7 +197,7 @@
     _p.onDataReady = function(self, dataStr) {
         return function onDataReady(evt) {
             if (dataStr) {
-                var data = self.grid.options.dataModel.data;
+                var data = this.options.dataModel.data;
                 self.updateObjInt(data);
                 self.$parse(dataStr).assign(self.$scope, data);
             };
@@ -237,18 +237,14 @@
     _p.onRefreshRowCell = function(self, bind) {
         return function(evt, ui) {
             if (bind) {
-                var $tr = self.grid.getRow(ui);
-                setTimeout(function() {
-                    try {
-                        self.rowScope($tr, ui.rowData, ui.rowIndx);
-                    } catch (ex) {}
-                });
+                var $tr = this.getRow(ui);
+                self.rowScope($tr, ui.rowData, ui.rowIndx);
             }
         };
     };
     _p.onRefresh = function(self) {
         return function() {
-            var grid = self.grid,
+            var grid = this,
                 $trs, $tr, i = 0,
                 len, ui, rd;
             self.cleanRowScopes();
@@ -266,30 +262,29 @@
     };
     _p.onRefreshHeader = function(self) {
         return function() {
-            var grid = self.grid,
+            var grid = this,
                 $scope = self.$scope;
             self.$compile(grid.$header)($scope);
             self.digest($scope);
         };
     };
-    _p.oneDataReady = function(self, str) {
+    _p.oneDataReady = function(self) {
         return function() {
-            var grid = self.grid,
+            var grid = this,
                 $scope = self.$scope;
-            self.$compile(grid.$toolbar)($scope);
+            self.$compile(grid.toolbar())($scope);
             self.digest($scope);
-            $(this).pqGrid('option', str, null);
         };
     };
-    _p.onRender = function(self, options, cb) {
+    _p.onRender = function(self, options, optionsRender, cb) {
         return function(evt, ui) {
-            var grid = $(this).data('paramqueryPqGrid'),
+            var grid = this,
                 $scope = self.$scope;
             $scope.grid = grid;
-            self.grid = grid;
             grid.$scope = $scope;
             options.grid = grid;
-            cb && cb.call(this, evt, ui);
+            optionsRender && optionsRender.call(grid, evt, ui);
+            cb(grid);
         };
     };
     _p.onDestroy = function(self) {
@@ -344,9 +339,7 @@
                 column.render = self.templateCell(template);
             }
             if (template = column.editorTemplate) {
-                column.editor = {
-                    type: self.templateEditor(self, column.editor, template, $compile, $scope)
-                };
+                column.editor = self.templateEditor(self, column.editor, template, $compile, $scope);
             }
             if (valids = column.validations) {
                 for (var j = 0; j < valids.length; j++) {
@@ -377,6 +370,7 @@
             $compile(tmpl)(edScope);
             scope_editor = edScope.editor;
             edScope.$destroy();
+            return $.extend(editor, scope_editor);
         };
     };
     _p.templateCell = function(tmpl) {

angular/ng.pqgrid.dev.js

@@ -2,20 +2,30 @@
 <html>
 <head>
 <!--jQuery dependencies-->
-	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" />    
+	<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" />
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
+	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
 
 <!--PQ Grid files-->
     <link rel="stylesheet" href="pqgrid.min.css" />
-    <script src="pqgrid.min.js"></script>
+    <link rel="stylesheet" href="pqgrid.ui.min.css" />
+    
+    <script src="pqgrid.dev.js"></script>
 
 <!--jqueryui touch punch for touch devices-->
     <script src="touch-punch/touch-punch.min.js"></script>
 
 <!--PQ Grid Office theme-->
     <link rel='stylesheet' href='themes/office/pqgrid.css' />
 
+<!--jsZip for zip and xlsx export-->
+    <script src="jsZip-2.5.0/jszip.min.js"></script>
+<style>
+    *{
+        font-size:12px;
+        font-family: Arial;
+    }
+</style>
 <script>
     $(function () {
         var data = [[1, 'Exxon Mobil', '339938.0', '36130.0'],