jQuery Grid checkbox, autoheight, and editmode: 'click' problem
Select the background of a checkbox then click on the checkbox in another cell - you will get an exception in JS console - Uncaught TypeError: Cannot read property 'height' of undefined. Also checkboxes will disappear.
Author: http://jqwidgets.com
HTML
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div >
<form novalidate name="frmDailyBrokerage" ng-controller="DailyBrokerageStatementController">
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td width="15%"></td>
<td width="15%"></td>
<td width="15%"></td>
<td width="15%"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td width="15%">Location : <input type="text" ng-model="request.Loc" class="txtBoxSmall" required/></td>
<td width="15%">Date : <input type="text" ng-model="request.dt" placeholder="YYYY-MM-DD" class="txtBoxMedium" required="true"/></td>
<td width="15%">Branch Sauda:<input type="checkbox" ng-model="request.rs"></td>
<td width="15%"><input type="submit" value="View" ng-click="submit(request)"/></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="12"><hr></td>
</tr>
</table>
<div ng-show="data.length > 0">
<table class="CSSTableGenerator">
<tr>
<td rowspan="2">Name</td>
<td rowspan="2">Trade Code</td>
<td rowspan="2">ClientSegment</td>
...
JavaScript
(function () {
var app = angular.module('DailyBrokerageStatementController', []);
app.controller("DailyBrokerageStatementController", ['$scope', '$http', function ($scope, $http) {
//$scope.request={fromDate:""};
$scope.data = null;
$scope.submit = function (request) {alert(request.rs);
if (request.rs == true) {
request.rs = "Y";
}
else {
request.rs = "N";
}
};
}]);
})();