Hello!
Please look at the example how to know a header is checked or not.
Please not there is no checkbox, there is an image.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!Ext.IsAjaxRequest)
{
object[] data = new object[]
{
new object[] { "test1" },
new object[] { "test2" },
new object[] { "test3" }
};
this.Store1.DataSource = data;
this.Store1.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 isCheckHeader = function(grid) {
var view = grid.getView(),
t = Ext.fly(view.innerHd).child(".x-grid3-hd-checker"),
isChecked = t.hasClass("x-grid3-hd-checker-on");
alert(isChecked ? "checked" : "unchecked");
}
</script>
</head>
<body>
<form runat="server">
<ext:ScriptManager runat="server" />
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="test" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:GridPanel
ID="GridPanel1"
runat="server"
StoreID="Store1"
AutoHeight="true"
Width="300">
<ColumnModel runat="server">
<Columns>
<ext:Column Header="Test" DataIndex="test" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel runat="server" />
</SelectionModel>
<Buttons>
<ext:Button runat="server" Text="Check or uncheck?">
<Listeners>
<Click Handler="isCheckHeader(#{GridPanel1})" />
</Listeners>
</ext:Button>
</Buttons>
</ext:GridPanel>
</form>
</body>
</html>