Let's try - It's difficult because we use some custom components and user controls, anyway...
<ext:Container runat="server" Border="false" Layout="Fitlayout">
<Items>
<ext:Panel ID="pnlDeclarationItemDetail" runat="server" Height="105" Width="350" Layout="card" ActiveIndex="0" Border="false" Frame="true">
<TopBar>
<ext:Toolbar ID="toolBarMain" runat="server" StyleSpec="padding-bottom:0px;" Border="true">
<Items>
<ext:TabStrip ID="tabStripMain" runat="server" ActionContainerID="pnlDeclarationItemDetail" Border="true">
<Items>
<ext:Tab TabID="tabPermit" Text="Permits" Icon="BulletWhite" />
</Items>
</ext:TabStrip>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="pnlPermit" runat="server" Header="False" Layout="FitLayout">
<Items>
<ext:GridPanel runat="server" ID="gridPermit" Layout="FitLayout">
<TopBar>
<ext:Toolbar ID="toolbarPermit" runat="server">
<Items>
<ext:ComboBox runat="server" ID="cboPermitObligation" PaddingSpec="5 0 10 0">
<Listeners>
<Select Handler="changePermitObligation(item,records)" />
</Listeners>
</ext:ComboBox>
</Items>
</ext:Toolbar>
</TopBar>
<Store>
<ext:Store ID="storePermit" runat="server">
<Model>
<ext:Model ID="modelPermit" runat="server">
<Fields>
<ext:ModelField Name="Id" />
<ext:ModelField Name="PermitAuthorityId" />
<ext:ModelField Name="PermitAuthority" />
<ext:ModelField Name="Number" />
<ext:ModelField Name="ValideFrom" />
<ext:ModelField Name="ValideTo" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column ID="colIdPermit" runat="server" DataIndex="Id" Text="Id" Width="100" Hidden="True" Groupable="False" Sortable="False" MenuDisabled="True" />
<ext:ComponentColumn ID="colPermitType" runat="server" Editor="true" DataIndex="PermitAuthorityId" Text="<%$ Resources:CUSTRocheImport, PermitType %>" Width="150">
<Component>
<ext:ComboBox runat="server" ID="cboPermitType" AutoPostBack="True" />
</Component>
</ext:ComponentColumn>
<ext:Column ID="colPermitAuthority" runat="server" DataIndex="PermitAuthority" Text="<%$ Resources:CUSTRocheImport, PermitAuthority %>" Width="125" Hidden="False" Groupable="true" Sortable="true" MenuDisabled="False" Flex="1" />
<ext:Column ID="colPermitNumber" runat="server" DataIndex="Number" Text="<%$ Resources:CUSTRocheImport, PermitNumber %>" Width="125" Hidden="False" Groupable="true" Sortable="true" MenuDisabled="False" />
<ext:DateColumn ID="colPermitExpiryDateFrom" runat="server" DataIndex="ValideFrom" Text="<%$ Resources:CUSTRocheImport, PermitExpiryDate %>" Format="%$ Resources:CUSTRocheImport, _DateShort %>" Width="125" Hidden="False" Groupable="true" Sortable="true" MenuDisabled="False" />
<ext:DateColumn ID="colPermitExpiryDateTo" runat="server" DataIndex="ValideTo" Text="<%$ Resources:CUSTRocheImport, PermitExpiryDate %>" Format="%$ Resources:CUSTRocheImport, _DateShort %>" Width="125" Hidden="False" Groupable="true" Sortable="true" MenuDisabled="False" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModelPremit" runat="server" Mode="Single" />
</SelectionModel>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Container>
function changePermitObligation(item, records) {
var permGrid = Ext.getCmp('gridPermit');
if (records[0].data.Value == '0') {
permGrid.setDisabled(true);
}
else {
permGrid.setDisabled(false);
}
}
This example has no button in the toolbar but I think you can see what I mean :-)
Peter