45 lines
2.1 KiB
HTML
45 lines
2.1 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>ng-grid workbench</title>
|
|
<link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css" />
|
|
<link rel="stylesheet" type="text/css" href="../ng-grid.css" />
|
|
<script type="text/javascript" src="largeLoad.js"></script>
|
|
<script type="text/javascript" src="largeTestData.js"></script>
|
|
<script type="text/javascript" src="../lib/jquery-1.9.1.js"></script>
|
|
<script type="text/javascript" src="../lib/jquery-ui-1.9.1.custom.min.js"></script>
|
|
<script type="text/javascript" src="../lib/angular.js"></script>
|
|
<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.js"></script>
|
|
<script type="text/javascript" src="../build/ng-grid.debug.js"></script>
|
|
<script type="text/javascript" src="main.js"></script>
|
|
<script>
|
|
angular.module('myApp',['ngGrid']);
|
|
</script>
|
|
<style type="text/css">
|
|
.ngRow.selected {
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
background-color: #76b617;
|
|
background-image: -webkit-linear-gradient(top, #76b617, #638911);
|
|
background-image: -moz-linear-gradient(top, #76b617, #638911);
|
|
background-image: -o-linear-gradient(top, #76b617, #638911);
|
|
background-image: -ms-linear-gradient(top, #76b617, #638911);
|
|
background-image: linear-gradient(top, #76b617, #638911);
|
|
-webkit-border-radius: 4px 4px 4px 4px;
|
|
-moz-border-radius: 4px 4px 4px 4px;
|
|
border-radius: 4px 4px 4px 4px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body ng-app="myApp" ng-controller="userController" >
|
|
<div id="parent" style="position: absolute; top: 0; bottom: 0; left:0; right: 0;">
|
|
<div style="width: 1600px; height: 600px;" ng-grid="gridOptions">
|
|
</div>
|
|
</div>
|
|
<div>{{mySelections | json}}</div>
|
|
<button ng-click="checkData()">Check Data</button>
|
|
<button ng-click="Add()">Insert Rows</button>
|
|
<button ng-click="changeLang()">change Language</button>
|
|
<button ng-click="setSelection()">set Selections</button>
|
|
</body>
|
|
</html> |