dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
75 lines (71 loc) • 2.56 kB
HTML
<html dir="ltr">
<head>
<title>Test Nested sorting plugin of dojox.grid.EnhancedGrid</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<link rel=stylesheet href="support/common.css"/>
<style type="text/css">
body {
font-size: 0.9em;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding: 0.5em;
}
.title {
text-align:center;
}
#grid {
width: 85.2em;
height: 50em;
}
</style>
<script type="text/javascript" src="../../../../dojo/dojo.js"
data-dojo-config="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript" src="../../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript">
dojo.require("dojox.grid.EnhancedGrid");
dojo.require("dojox.grid.enhanced.plugins.NestedSorting");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.require("dojo.parser");
</script>
<script type="text/javascript">
var layout = [[
{name: 'Column A', field: 'id'},
{name: 'Column B', field: 'col2', nosort: true},
{name: 'Column C', field: 'col3'},
{name: 'Column D', field: 'col4', width: "150px"},
{name: 'Column E', field: 'col5'},
{name: 'Column F', field: 'col6'},
{name: 'Column G', field: 'col7', width: "150px"},
{name: 'Column H', field: 'col1', width: "150px"}
]];
dojo.addOnLoad(function(){
grid = new dojox.grid.EnhancedGrid({
id: "grid",
store: test_store,
structure: layout,
rowSelector: "20px",
sortFields: [{attribute: 'col4', descending: false},{attribute: 'col7', descending: true}],//default sorting order
canSort: function(colIndex, field){
return colIndex != 0 && field != 'col6';
},
plugins: {nestedSorting: true}
});
dojo.byId("gridDiv").appendChild(grid.domNode);
grid.startup();
});
function newSort(){
var sortFields = [{attribute: 'col3', descending: true},{attribute: 'col1', descending: false}];
var g = dijit.byId('grid');
g.setSortIndex(sortFields);
}
</script>
<script type="text/javascript" src="../../tests/support/test_data.js"></script>
</head>
<body class="claro">
<h1 class="title">dojox.grid.EnhancedGrid - NestedSorting</h1>
<p><h3>Column A, ColumnB Column F are unsortable</h3></p>
<p><div id="gridDiv"></div></p>
<p><h3>Set new sort order as:[Column C(desc), Column H(asc)]:</h3> <input type='button' value='Set new Sorting Order' onclick='newSort()'/></p>
</body>
</html>