Nov 04, 2020, 7:38 AM
[OPEN] [#1838] EXT.NET 7 Grid Panel Context Menu
Dear,
Please can you provide me an example about how to add a context menu to <ext-gridpanel>.
Noting that I tried the following Code but with no success:
Thank you
Please can you provide me an example about how to add a context menu to <ext-gridpanel>.
Noting that I tried the following Code but with no success:
<ext-gridpanel title="Task Type Grid" width="1150" height="450" headerPosition="Left">
<store>
<ext-store data="@GridData2">
<fields>
<ext-numberDataField name="TaskTypeID" />
<ext-dataField name="TaskDepartment" />
<ext-dataField name="TaskGroup " />
<ext-dataField name="TaskProblem" />
<ext-dataField name="TaskElementType" />
<ext-dataField name="FieldTeamType" />
<ext-dataField name="TaskPriority" />
<ext-dataField name="TaskDetSrcNameMob" />
<ext-dataField name="AllowCloseRequest" />
<ext-dataField name="AllowAllocationReject" />
<ext-dataField name="AllowActivation" />
<ext-dataField name="FTActivationBuffer" />
<ext-dataField name="TTypeNameShortA" />
<ext-dataField name="TTypeNameShortL" />
<ext-dataField name="TTypeNameA" />
<ext-dataField name="TTypeNameL" />
<ext-dataField name="TaskDetails_ReportId" />
<ext-dataField name="ClientRefID" />
</fields>
</ext-store>
</store>
<columns>
<ext-column text="ID" dataIndex="TaskTypeID" width="75" />
<ext-column text="Short Name A" dataIndex="TTypeNameShortA" width="155" />
<ext-column text="Short Name L" dataIndex="TTypeNameShortL" width="155" />
<ext-column text="Name A" dataIndex="TTypeNameA" width="175" />
<ext-column text="Name L" dataIndex="TTypeNameL" width="175" />
<ext-column text="Department" dataIndex="TaskDepartment" width="155" />
<ext-column text="Group" dataIndex="TaskGroup" width="155" />
<ext-column text="Problem" dataIndex="TaskProblem" width="155" />
<ext-column text="Element" dataIndex="TaskElementType" width="155" />
<ext-column text="Field Team" dataIndex="FieldTeamType" width="155" />
<ext-column text="Priority" dataIndex="TaskPriority" width="155" />
<ext-column text="Allow Close Request" dataIndex="AllowCloseRequest" width="200" />
<ext-column text="Allow Allocation Reject" dataIndex="AllowAllocationReject" width="200" />
<ext-column text="Allow Activation" dataIndex="AllowActivation" width="150" />
<ext-column text="FT Activation Buffer" dataIndex="FTActivationBuffer" width="200" />
<ext-column text="Task details Report ID" dataIndex="TaskDetails_ReportId" width="200" />
<ext-column text="Source Table" dataIndex="TaskDetSrcNameMob" width="150" />
<ext-column text="Client" dataIndex="ClientRefID" width="75" />
</columns>
<listeners>
<rowContextMenu handler=" e.preventDefault(); #{gridMenu}.dataRecord = this.store.getAt(rowIndex);#{gridMenu}.showAt(e.getXY());" />
</listeners>
</ext-gridpanel>
<ext-menu id="gridMenu">
<items>
<ext-menuItem text="Edit" icon="Edit">
<listeners>
<click handler="App.Window1.show()"/>
</listeners>
</ext-menuItem>
<ext-menuItem text="Delete" icon="Delete">
<listeners>
<click handler="App.Window1.show()" />
</listeners>
</ext-menuItem>
</items>
</ext-menu>
Thank you