lib/test/jquery.simulate.js

@@ -12,7 +12,8 @@
 ;(function( $, undefined ) {
 
 var rkeyEvent = /^key/,
-	rmouseEvent = /^(?:mouse|contextmenu)|click/;
+	rmouseEvent = /^(?:mouse|contextmenu)|click/,
+	rtouchEvent = /^touch/;
 
 $.fn.simulate = function( type, options ) {
 	return this.each(function() {
@@ -82,13 +83,16 @@ $.extend( $.simulate.prototype, {
 		if ( rmouseEvent.test( type ) ) {
 			return this.mouseEvent( type, options );
 		}
+		else if ( rtouchEvent.test( type) ) {
+			return this.mouseEvent( type, options );
+		}
 	},
 
 	mouseEvent: function( type, options ) {
 		var event, eventDoc, doc, body;
 		options = $.extend({
 			bubbles: true,
-			cancelable: (type !== "mousemove"),
+			cancelable: (type !== "mousemove" && type !== "touchmove"),
 			view: window,
 			detail: 0,
 			screenX: 0,

misc/tutorial/101_intro.ngdoc

@@ -66,7 +66,7 @@ Steps:
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', function ($scope) {
 

misc/tutorial/102_sorting.ngdoc

@@ -24,7 +24,7 @@ data has changed by calling `gridApi.core.notifyDataChange( grid, uiGridUtils.da
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {
       $scope.gridOptions1 = {

misc/tutorial/103_filtering.ngdoc

@@ -51,7 +51,7 @@ for `filters: [{ term: 'xxx' }]`. See the "age" column below for an example.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {
       $scope.gridOptions = {

misc/tutorial/104_i18n.ngdoc

@@ -19,7 +19,7 @@ Another option is to use the i18nService and use the setCurrentLang method
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', 'i18nService', '$http', function ($scope, i18nService, $http) {
         $scope.langs = i18nService.getAllLangs();

misc/tutorial/105_footer.ngdoc

@@ -14,7 +14,7 @@ show the aggregation but without a label.  Refer the third column in the example
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope','uiGridConstants', '$http', function ($scope, uiGridConstants, $http) {
     var data = [];

misc/tutorial/106_binding.ngdoc

@@ -19,7 +19,7 @@ MODEL\_COL\_FIELD which will be replaced with row.entity.field.  Use MODEL\_COL\
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.edit']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit']);
 
     app.controller('MainCtrl', ['$scope', function ($scope) {
 

misc/tutorial/108_hidden_grids.ngdoc

@@ -43,7 +43,7 @@ It's all up to you. And if you know a better way then please submit it in an iss
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.hideGrid = true;

misc/tutorial/109_multiple_grids.ngdoc

@@ -7,7 +7,7 @@ Using multiple grids on a single page
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions1 = {};

misc/tutorial/110_grid_in_modal.ngdoc

@@ -7,7 +7,7 @@ Using a grid in a modal popup
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$rootScope', '$scope', '$http', 'modal', function ($rootScope, $scope, $http, modal) {
       var myModal = new modal();

misc/tutorial/111_cellClass.ngdoc

@@ -9,7 +9,7 @@ In this example, we will override the color and background for the first column
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {

misc/tutorial/112_swapping_data.ngdoc

@@ -7,7 +7,7 @@ You can swap out data in the grid by simply providing a different reference.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', function ($scope) {
       $scope.swapData = function() {

misc/tutorial/113_adding_and_removing_columns.ngdoc

@@ -13,7 +13,7 @@ def properties), and call the notifyDataChange api to force an update.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {
       $scope.columns = [{ field: 'name' }, { field: 'gender' }];

misc/tutorial/114_row_header.ngdoc

@@ -8,7 +8,7 @@ You can add a row header column, which goes into the left pinned container
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.columns = [{ field: 'name' }, { field: 'gender' }];

misc/tutorial/115_headerCellClass.ngdoc

@@ -9,7 +9,7 @@ set the background and foreground color of the header if the sort direction is A
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {
       $scope.gridOptions = {

misc/tutorial/120_RTL.ngdoc

@@ -7,7 +7,7 @@ The grid supports RTL languages
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {

misc/tutorial/190_large_dataset.ngdoc

@@ -14,7 +14,7 @@ Demonstrates the following:
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {  };

misc/tutorial/191_horizontal_scrolling.ngdoc

@@ -7,7 +7,7 @@ Demonstrating scrolling with large amount of columns
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$timeout', function ($scope, $timeout) {
       $scope.gridOptions = {

misc/tutorial/201_editable.ngdoc

@@ -62,7 +62,7 @@ $scope.gridOptions.columnDefs = [
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.edit', 'addressFormatter']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit', 'addressFormatter']);
 
     angular.module('addressFormatter', []).filter('address', function () {
       return function (input) {

misc/tutorial/202_cellnav.ngdoc

@@ -13,7 +13,7 @@ remembering the state of a page and scrolling back to that position when a user
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.cellNav', 'ui.grid.pinning']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.cellNav', 'ui.grid.pinning']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = {};

misc/tutorial/203_pinning.ngdoc

@@ -9,7 +9,7 @@ It is also possible to disable pinning on column level. Note the 'id' column def
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.pinning']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.pinning']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = {};

misc/tutorial/204_column_resizing.ngdoc

@@ -39,7 +39,7 @@ $scope.gridOptions = {
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.resizeColumns']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.resizeColumns']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {

misc/tutorial/205_row_editable.ngdoc

@@ -54,7 +54,7 @@ each save will take 3 seconds to complete.  Any row saved with a gender of "male
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.edit', 'ui.grid.rowEdit', 'ui.grid.cellNav', 'addressFormatter']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit', 'ui.grid.rowEdit', 'ui.grid.cellNav', 'addressFormatter']);
 
     angular.module('addressFormatter', []).filter('address', function () {
       return function (input) {

misc/tutorial/206_exporting_data.ngdoc

@@ -19,7 +19,7 @@ In this example we use the native grid menu buttons, and we show both the pdf an
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid', 'ui.grid.selection', 'ui.grid.exporter']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid', 'ui.grid.selection', 'ui.grid.exporter']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {

misc/tutorial/207_importing_data.ngdoc

@@ -48,7 +48,7 @@ illustrates that doing so is not mandatory).
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid', 'ui.grid.importer']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid', 'ui.grid.importer']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$interval', function ($scope, $http, $interval) {
       $scope.data = [];

misc/tutorial/210_selection.ngdoc

@@ -41,7 +41,7 @@ Two examples are provided, the first with rowHeaderSelection and multi-select, t
 
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.selection']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.selection']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = { 

misc/tutorial/211_two_grids.ngdoc

@@ -8,7 +8,7 @@ each other.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.selection']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.selection']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = {};

misc/tutorial/212_infinite_scroll.ngdoc

@@ -13,7 +13,7 @@ Specify percentage when lazy load should trigger:
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.infiniteScroll']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.infiniteScroll']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = {};

misc/tutorial/213_auto_resizing.ngdoc

@@ -11,7 +11,7 @@ To use, include the `'ui.grid.autoResize'` module in your angular app's dependen
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.autoResize']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.autoResize']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = {};

misc/tutorial/214_pagination.ngdoc

@@ -7,7 +7,7 @@ When pagination is enabled, the data is displayed in pages that can be browsed u
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.pagination']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.pagination']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {};

misc/tutorial/215_paging.ngdoc

@@ -7,7 +7,7 @@ When paging is enabled, the data is displayed in pages that can be browsed using
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.paging']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.paging']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {

misc/tutorial/301_custom_row_template.ngdoc

@@ -9,7 +9,7 @@ You can use [external scopes](/docs/#/tutorial/202_externalScopes) in your row t
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$timeout', '$interval', function ($scope, $http, $timeout, $interval) {
       var start = new Date();

misc/tutorial/301_editableOnFocus.ngdoc

@@ -11,7 +11,7 @@ See api docs for default navigation keys and how you can override.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.edit', 'ui.grid.cellNav']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit', 'ui.grid.cellNav']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {  };

misc/tutorial/302_custom_header.ngdoc

@@ -7,7 +7,7 @@ Create a grid almost the same as the most basic one, but with a custom header
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
       $scope.gridOptions = {

misc/tutorial/303_customizing_column_menu.ngdoc

@@ -26,7 +26,7 @@ See the example below for usage.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ngAnimate', 'ui.grid']);
+    var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
 
     app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {
       $scope.blargh = function() {

misc/tutorial/304_grid_menu.ngdoc

@@ -18,7 +18,7 @@ internationalization function that waits 1 second then prefixes each column with
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.exporter', 'ui.grid.selection']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.exporter', 'ui.grid.selection']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$interval', '$q', function ($scope, $http, $interval, $q) {
       var fakeI18n = function( title ){

misc/tutorial/305_externalScopes.ngdoc

@@ -19,9 +19,9 @@ Then in a template, you access the scope using getExternalScopes() function.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid']);
 
-    app.controller('MainCtrl', ['$scope', '$log', function ($scope, $log) {
+    app.controller('MainCtrl', ['$scope', '$log', '$http', function ($scope, $log, $http) {
 
      $scope.myViewModel = {
         someProp:'abc',
@@ -33,12 +33,12 @@ Then in a template, you access the scope using getExternalScopes() function.
      $scope.gridOptions = {};
 
        $scope.gridOptions.columnDefs = [
-             { name: 'firstName' },
-             { name: 'lastName'},
+             { name: 'name' },
+             { name: 'gender'},
              { name: 'ShowScope',
                  cellTemplate:'<button class="btn primary" ng-click="getExternalScopes().showMe()">Click Me</button>' }
            ];
-
+     /*
      $scope.gridOptions.data = [
         {
             "firstName": "Cox",
@@ -59,6 +59,13 @@ Then in a template, you access the scope using getExternalScopes() function.
             "employed": false
         }
     ];
+    */
+
+    $http.get('/data/100.json')
+      .success(function(data) {
+        $scope.gridOptions.data = data;
+      });
+
     }]);
   </file>
   <file name="index.html">

misc/tutorial/306_expandable_grid.ngdoc

@@ -33,7 +33,7 @@ SubGrid nesting can be done upto multiple levels.
 @example
 <example module="app">
   <file name="app.js">
-    var app = angular.module('app', ['ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']);
+    var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']);
 
     app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
       $scope.gridOptions = {