diff options
| author | Michael Leibman <michael.leibman@gmail.com> | 2012-01-17 12:29:57 -0800 |
|---|---|---|
| committer | Michael Leibman <mleibman@google.com> | 2012-01-17 12:29:57 -0800 |
| commit | 061ac59fb6a4c09a49d5abe1fa86c26f9d13bf66 (patch) | |
| tree | 94f65296e682881a84214cd3ed608cc991ccf666 /examples/example-checkbox-row-select.html | |
| parent | 6634f168da6a03ce36a4a63c83f9acd1c33cbd5d (diff) | |
| download | SlickGrid-061ac59fb6a4c09a49d5abe1fa86c26f9d13bf66.zip SlickGrid-061ac59fb6a4c09a49d5abe1fa86c26f9d13bf66.tar.gz SlickGrid-061ac59fb6a4c09a49d5abe1fa86c26f9d13bf66.tar.bz2 | |
Reformatted code.
Diffstat (limited to 'examples/example-checkbox-row-select.html')
| -rw-r--r-- | examples/example-checkbox-row-select.html | 110 |
1 files changed, 53 insertions, 57 deletions
diff --git a/examples/example-checkbox-row-select.html b/examples/example-checkbox-row-select.html index 99b78d1..e1d0124 100644 --- a/examples/example-checkbox-row-select.html +++ b/examples/example-checkbox-row-select.html @@ -1,31 +1,31 @@ <!DOCTYPE HTML> <html> <head> - <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> - <link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" /> - <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" charset="utf-8" /> - <link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" /> - <style> - .slick-cell-checkboxsel { - background: #f0f0f0; - border-right-color: silver; - border-right-style: solid; - } - </style> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <link rel="stylesheet" href="../slick.grid.css" type="text/css" /> + <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css" /> + <link rel="stylesheet" href="examples.css" type="text/css" /> + <style> + .slick-cell-checkboxsel { + background: #f0f0f0; + border-right-color: silver; + border-right-style: solid; + } + </style> </head> <body> - <div style="position:relative"> - <div style="width:600px;"> - <div id="myGrid" style="width:100%;height:500px;"></div> - </div> +<div style="position:relative"> + <div style="width:600px;"> + <div id="myGrid" style="width:100%;height:500px;"></div> + </div> - <div class="options-panel"> - <h2>Demonstrates:</h2> - <ul> - <li>Checkbox row select column</li> - </ul> - </div> - </div> + <div class="options-panel"> + <h2>Demonstrates:</h2> + <ul> + <li>Checkbox row select column</li> + </ul> + </div> +</div> <script src="../lib/firebugx.js"></script> @@ -45,46 +45,42 @@ <script src="../slick.grid.js"></script> <script> - var grid; - var data = []; - var options = { - editable: true, - enableCellNavigation: true, - asyncEditorLoading: false, - autoEdit: false - }; - var columns = []; + var grid; + var data = []; + var options = { + editable:true, + enableCellNavigation:true, + asyncEditorLoading:false, + autoEdit:false + }; + var columns = []; + $(function () { + for (var i = 0; i < 100; i++) { + var d = (data[i] = {}); + d[0] = "Row " + i; + } - $(function() - { - for (var i=0; i<100; i++) { - var d = (data[i] = {}); - d[0] = "Row " + i; - } + var checkboxSelector = new Slick.CheckboxSelectColumn({ + cssClass:"slick-cell-checkboxsel" + }); - var checkboxSelector = new Slick.CheckboxSelectColumn({ - cssClass: "slick-cell-checkboxsel" - }); + columns.push(checkboxSelector.getColumnDefinition()); - columns.push(checkboxSelector.getColumnDefinition()); + for (var i = 0; i < 5; i++) { + columns.push({ + id:i, + name:String.fromCharCode("A".charCodeAt(0) + i), + field:i, + width:100, + editor:TextCellEditor + }); + } - for (var i = 0; i < 5; i++) { - columns.push({ - id: i, - name: String.fromCharCode("A".charCodeAt(0) + i), - field: i, - width: 100, - editor: TextCellEditor - }); - } - - - grid = new Slick.Grid("#myGrid", data, columns, options); - grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow:false})); - grid.registerPlugin(checkboxSelector); - - }) + grid = new Slick.Grid("#myGrid", data, columns, options); + grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow:false})); + grid.registerPlugin(checkboxSelector); + }) </script> </body> </html> |