Here is an example.
Example
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store store = this.GridPanel1.GetStore();
store.DataSource = new object[]
{
new { test = "test1" },
new { test = "test2" },
new { test = "test3" },
new { test = "test4" },
new { test = "test5" },
new { test = "test6" },
new { test = "test7" },
new { test = "test8" },
new { test = "test9" }
};
store.DataBind();
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET Example</title>
<script type="text/javascript">
var selectAll = function () {
var grid = GridPanel1,
store = grid.getStore(),
idProperty = grid.getStore().reader.meta.idProperty,
id;
Ext.each(store.getAllRange(), function (rec, index) {
id = rec.data[idProperty];
grid.selectedIds[id] = {
id: id,
index: index
};
});
grid.getSelectionModel().selectAll();
};
var deselectAll = function () {
var grid = GridPanel1;
grid.selectedIds = {};
grid.getSelectionModel().clearSelections();
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Button runat="server" Text="Select all">
<Listeners>
<Click Fn="selectAll" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Deselect all">
<Listeners>
<Click Fn="deselectAll" />
</Listeners>
</ext:Button>
<ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
<Store>
<ext:Store runat="server">
<Reader>
<ext:JsonReader IDProperty="test">
<Fields>
<ext:RecordField Name="test" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column Header="Test" DataIndex="test" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel runat="server" />
</SelectionModel>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3" />
</BottomBar>
</ext:GridPanel>
</form>
</body>
</html>
