<%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store store = this.GridPanel1.GetStore();
store.DataSource = new object[]
{
new object[] { "test1", "test2", "test3" },
new object[] { "test4", "test5", "test6" },
new object[] { "test7", "test8", "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 myIsLocked = function (colIndex) {
var c = this.config[colIndex]; if (c instanceof Ext.grid.CheckboxSelectionModel) { return true;
} return this.config[colIndex].locked === true;
}; var onViewReady = function (grid) {
var sm = grid.getSelectionModel(); Ext.fly(grid.getView().innerHd).un("mousedown", sm.onHdMouseDown, sm);
Ext.fly(grid.getView().lockedHd).on("mousedown", sm.onHdMouseDown, sm);
}; var myCheckHeader = function () {
var view = this.grid.getView(),
t = Ext.fly(view.lockedHd).child(".x-grid3-hd-checker"),
isChecked = t.hasClass("x-grid3-hd-checker-on"); if (!isChecked) {
t.addClass("x-grid3-hd-checker-on");
}
}; var myUncheckHeader = function () {
var view = this.grid.getView(),
t = Ext.fly(view.lockedHd).child(".x-grid3-hd-checker"),
isChecked = t.hasClass("x-grid3-hd-checker-on"); if (isChecked) {
t.removeClass("x-grid3-hd-checker-on");
}
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:GridPanel ID="GridPanel1" runat="server" Height="200">
<Store>
<ext:Store runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="test1" />
<ext:RecordField Name="test2" />
<ext:RecordField Name="test3" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column Header="Test1" DataIndex="test1" Locked="true" />
<ext:Column Header="Test2" DataIndex="test2" />
<ext:Column Header="Test3" DataIndex="test3" />
</Columns>
<CustomConfig>
<ext:ConfigItem Name="isLocked" Value="myIsLocked" Mode="Raw" />
</CustomConfig>
</ColumnModel>
<View>
<ext:LockingGridView runat="server" />
</View>
<SelectionModel>
<ext:CheckboxSelectionModel ID='checkcolumn' runat="server">
<CustomConfig>
<ext:ConfigItem Name="checkHeader" Value="myCheckHeader" Mode="Raw" />
<ext:ConfigItem Name="uncheckHeader" Value="myUncheckHeader" Mode="Raw" />
</CustomConfig>
</ext:CheckboxSelectionModel>
</SelectionModel>
<Listeners>
<ViewReady Fn="onViewReady" />
</Listeners>
</ext:GridPanel>
</form>
</body>
</html>
Ext.apply(checkcolumn, { locked: true });也可以锁定到左边，但是无法点击操作。