Hi,
Unfortunately, there is no such built-in functionality and I can't see a simple way to implement.
I would implement it something like this.
Example
<%@ 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 onHeaderClick = function (grid, columnIndex, e) {
var view = grid.getView(),
header = view.findHeaderCell(view.activeHdRef),
c = header.style.cursor;
return !(c === "col-resize" || c === "move" || c === "e-resize" || c === "w-resize");
};
var onDblHeaderClick = function (grid, columnIndex, e) {
grid.autoExpandColumn = grid.getColumnModel().config[columnIndex].id;
grid.getView().autoExpand();
};
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
<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" />
<ext:Column Header="Test2" DataIndex="test2" />
<ext:Column Header="Test3" DataIndex="test3" />
</Columns>
</ColumnModel>
<View>
<ext:GridView runat="server">
<Listeners>
</Listeners>
</ext:GridView>
</View>
<Listeners>
<HeaderClick Fn="onHeaderClick" /> <%--To prevent sorting when col-resize cursor disappears--%>
<HeaderDblClick Fn="onDblHeaderClick" />
</Listeners>
</ext:GridPanel>
</body>
</html>
But it requires some tune up. To cause resizing to be available for all columns, you should analyze you are click left or right column resizers.
Please investigate the GridView handleHdMove function.
http://docs.sencha.com/ext-js/3-4/so...-grid-GridView
There are the inLeftResize and inRightResize variable. I think you could get them withing the onHeaderDblClick as well and analyze to determine what column you should expand.
