Hi Daniil,
here is a full non-working example, at least for me.
I have an alert for select and itemdblclick, the select handler does not trigger. Also I cant navigate with the keyboard through the grid.
<script runat="server" >
Protected Sub Page_Load(sender As Object, e As EventArgs)
If Not ExtNet.IsAjaxRequest Then
Me.Store1.DataSource = New Object() {New Object() {1, 1, "Text 1", DateTime.Now.[Date]}, New Object() {2, 2, "Text 2", DateTime.Now.[Date]}, New Object() {3, 3, "Text 3", DateTime.Now.[Date]}, New Object() {4, 4, "Text 4", DateTime.Now.[Date]}, New Object() {5, 5, "Text 5", DateTime.Now.[Date]}, New Object() {6, 6, "Text 6", DateTime.Now.[Date]}, _
New Object() {7, 7, "Text 7", DateTime.Now.[Date]}, New Object() {8, 8, "Text 8", DateTime.Now.[Date]}, New Object() {9, 9, "Text 9", DateTime.Now.[Date]}}
Me.Store1.DataBind()
End If
End Sub
</script>
<%@ Page Language="VB" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>ComponentColumn Pin Editor - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script>
var pinEditors = function (btn, pressed) {
var columnConfig = btn.column,
column = columnConfig.column;
if (pressed) {
column.pinOverComponent();
column.showComponent(columnConfig.record, true);
} else {
column.unpinOverComponent();
column.hideComponent(true);
}
};
</script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<h1>ComponentColumn as Pin Editor</h1>
<ext:GridPanel
ID="GridPanel1"
runat="server"
Title="ComponentColumn Pin Editor"
Width="620"
Height="300">
<Store>
<ext:Store ID="Store1" runat="server">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="IntField" Type="Int" />
<ext:ModelField Name="ComboField" Type="Int" />
<ext:ModelField Name="TextField" Type="String" />
<ext:ModelField Name="DateField" Type="Date" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" Mode="Single" />
</SelectionModel>
<Listeners>
<Select Handler="alert('Select');" />
<ItemDblClick Handler="alert('Double Click');" />
</Listeners>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:ComponentColumn ID="ComponentColumn1"
runat="server"
Editor="true"
OverOnly="true"
DataIndex="IntField"
Pin="true"
Flex="1"
Text="Integer">
<Component>
<ext:NumberField ID="NumberField1" runat="server" />
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn ID="ComponentColumn2"
runat="server"
Editor="true"
OverOnly="true"
DataIndex="ComboField"
Pin="true"
Flex="1"
Text="ComboBox">
<Component>
<ext:ComboBox ID="ComboBox1" runat="server">
<Items>
<ext:ListItem Text="Item 1" Value="1" Mode="Raw" />
<ext:ListItem Text="Item 2" Value="2" Mode="Raw" />
<ext:ListItem Text="Item 3" Value="3" Mode="Raw" />
<ext:ListItem Text="Item 4" Value="4" Mode="Raw" />
<ext:ListItem Text="Item 5" Value="5" Mode="Raw" />
<ext:ListItem Text="Item 6" Value="6" Mode="Raw" />
<ext:ListItem Text="Item 7" Value="7" Mode="Raw" />
<ext:ListItem Text="Item 8" Value="8" Mode="Raw" />
<ext:ListItem Text="Item 9" Value="9" Mode="Raw" />
</Items>
</ext:ComboBox>
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn ID="ComponentColumn3"
runat="server"
Editor="true"
OverOnly="true"
DataIndex="TextField"
Pin="true"
Flex="1"
Text="Text">
<Component>
<ext:TextField ID="TextField1" runat="server" />
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn ID="ComponentColumn4"
runat="server"
Editor="true"
OverOnly="true"
DataIndex="DateField"
Pin="true"
Flex="1"
Text="Date">
<Renderer Format="Date" FormatArgs="'d/m/Y'" />
<Component>
<ext:DateField ID="DateField1" runat="server" Format="dd/MM/yyyy" />
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn ID="ComponentColumn5"
runat="server"
Width="25"
PinAllColumns="false"
AutoWidthComponent="false"
OverOnly="true">
<Component>
<ext:Button ID="Button1"
runat="server"
ToolTip="Pin editors"
Icon="Pencil"
AllowDepress="true"
EnableToggle="true">
<Listeners>
<Toggle Fn="pinEditors" />
</Listeners>
</ext:Button>
</Component>
</ext:ComponentColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>
</form>
</body>
</html>