Jul 10, 2012, 11:38 PM
Window Scroll Problem .. Please Help
Hello , I am using ext.net ... I have a problem.When Add/Edit Window popup every think ok.But when i select a combobox then the window become scrollable. Here i Share the Code and ScreenShot .....
This is Parent Page
This is Parent Page
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Default">
</ext:ResourceManager>
<ext:Store ID="storeUnitConversion" runat="server" OnAfterRecordDeleted="DeleteUnitConversion"
OnReadData="storeUnitConversion_RefershData">
<Model>
<ext:Model ID="modelItem" runat="server">
<Fields>
<ext:ModelField Name="UnitConversionId" />
<ext:ModelField Name="CompanyId" />
<ext:ModelField Name="FirstUnitId" />
<ext:ModelField Name="SecondUnitId" />
<ext:ModelField Name="ConversionRate" />
<ext:ModelField Name="ParentId" />
<ext:ModelField Name="CreateDate" />
<ext:ModelField Name="CreatorId" />
<ext:ModelField Name="CompanyName" />
<ext:ModelField Name="MinUnitName" />
<ext:ModelField Name="SecondUnitName" />
<ext:ModelField Name="ParentName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:Viewport ID="vpUnitConversion" runat="server" Layout="FitLayout">
<Items>
<ext:GridPanel StoreID="storeUnitConversion" ID="gpUnitConversionList" runat="server"
Height="300" Title="Item" Border="false" TrackMouseOver="true" AutoExpandColumn="ItemId"
StripeRows="true">
<ColumnModel ID="ColumnmodelSupplier" runat="server">
<Columns>
<ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" />
<ext:CommandColumn ID="CommandColumn1" runat="server" Width="25" Hideable="false"
Text="Edit" Flex="1">
<Commands>
<ext:GridCommand CommandName="edit" Icon="ApplicationFormEdit">
<ToolTip Text="Edit" />
</ext:GridCommand>
</Commands>
<Listeners>
<Command Fn="commandHandler" />
</Listeners>
<PrepareToolbar Handler="toolbar.setVisible(!record.newRecord);" />
</ext:CommandColumn>
<ext:CommandColumn ID="CommandColumn2" runat="server" Width="25" Hideable="false"
Text="Copy" Flex="1">
<Commands>
<ext:GridCommand CommandName="copy" Icon="ApplicationFormEdit">
<ToolTip Text="Copy" />
</ext:GridCommand>
</Commands>
<Listeners>
<Command Fn="commandHandler" />
</Listeners>
<PrepareToolbar Handler="toolbar.setVisible(!record.newRecord);" />
</ext:CommandColumn>
<ext:Column ID="fiestMinUnitName" runat="server" Text="First Unite Name" DataIndex="MinUnitName"
Flex="1" />
<ext:Column ID="secondMinUnitName" runat="server" Text="Second Unite Name" DataIndex="SecondUnitName"
Flex="1" />
<ext:Column ID="ConversionRate" runat="server" Text="Conversion Rate" DataIndex="ConversionRate"
Flex="1" />
<ext:Column ID="ParentName" runat="server" Text="Parent Name" DataIndex="ParentName"
Flex="1" />
<ext:Column ID="Column2" runat="server" Text="ParentId" DataIndex="ParentId" Flex="1" />
<ext:Column ID="CompanyName" runat="server" Text="Company Name" DataIndex="CompanyName"
Flex="1" />
<ext:Column ID="Column1" runat="server" ColumnID="cCreateDate" Text="Stock Date"
DataIndex="CreateDate" Flex="1">
<Renderer Handler="return Ext.util.Format.date(value,'d-m-Y h:i:s ');" />
</ext:Column>
<ext:CommandColumn ID="CommandColumn3" runat="server" Width="25" Hideable="false">
<Commands>
<ext:GridCommand CommandName="delete" Icon="Cross">
<ToolTip Text="Delete" />
</ext:GridCommand>
</Commands>
<Listeners>
<Command Fn="commandHandler" />
</Listeners>
<PrepareToolbar Handler="toolbar.setVisible(!record.newRecord);" />
</ext:CommandColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" Mode="Multi" />
</SelectionModel>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="btnEdit" runat="server" Text="Add New Unit Conversion " Icon="Add">
<Listeners>
<Click Handler="ShowInitEdit();" />
</Listeners>
</ext:Button>
<ext:Button ID="btnRefresh" runat="server" Text="Refresh" Icon="ArrowRefresh">
<Listeners>
<Click Handler="#{storeStockInfo}.reload();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" DisplayInfo="true" DisplayMsg="Displaying Location {0} - {1} of {2}"
EmptyMsg="No Opening Stock to display" />
</BottomBar>
</ext:GridPanel>
</Items>
</ext:Viewport>
<ext:Window ID="Window1" runat="server" Hidden="true" Title="Unit Conversion Add/Edit"
Width="380" Height="380" Modal="true" Constrain="true" Resizable="false" AutoScroll="false" MaintainFlex="true" ExpandOnShow="false">
<Loader ID="Loader2" runat="server" Mode="Frame" AutoLoad="false">
<LoadMask ShowMask="true" />
</Loader>
<Items>
</Items>
<Listeners>
<Close Handler="#{storeUnitConversion}.reload();" />
</Listeners>
</ext:Window> <ext:FormPanel ID="fpUnitConversion" runat="server" AutoHeight="true">
<Content>
<ext:FormPanel ID="fpUnitConversionAdd" runat="server" AutoHeight="true" MonitorPoll="500"
MonitorValid="true" Padding="10" DefaultAnchor="0" LabelWidth="120" Layout="FormLayout"
BodyStyle="background-color:transparent" Width="350" Border="false">
<Items>
<ext:Container ID="cntMain" runat="server" Layout="FormLayout" Height="280">
<Items>
<ext:ComboBox ID="cmbFirstUnit" runat="server" FieldLabel="First Unit" Width="250"
DisplayField="MinUnitName" ValueField="UnitId" AllowBlank="false" TypeAhead="true"
ForceSelection="true" TriggerAction="All" EmptyText="Select First Unit..." SelectOnFocus="true"
AnchorHorizontal="95%" PageSize="3" >
<Store>
<ext:Store ID="storeFirstUnit" runat="server">
<Model>
<ext:Model ID="modelFirstUnit" runat="server">
<Fields>
<ext:ModelField Name="UnitId" />
<ext:ModelField Name="MinUnitName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Items>
<ext:ListItem Text="Select First Unit ..." Value="0" />
</Items>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.getTrigger(0)[this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) {
this.focus().clearValue();
trigger.hide();
}" />
<Select Handler="this.getTrigger(0).show();" />
</Listeners>
</ext:ComboBox>
<ext:ComboBox ID="cmbSecondUnit" runat="server" FieldLabel="Second Unit" Width="250"
DisplayField="MinUnitName" ValueField="UnitId" AllowBlank="false" TypeAhead="true"
ForceSelection="true" TriggerAction="All" EmptyText="Select Second Unit..." SelectOnFocus="true"
AnchorHorizontal="95%" PageSize="3">
<Store>
<ext:Store ID="storeSecondUnit" runat="server">
<Model>
<ext:Model ID="modelSecondUnit" runat="server">
<Fields>
<ext:ModelField Name="UnitId" />
<ext:ModelField Name="MinUnitName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Items>
<ext:ListItem Text="Select Second Unit ..." Value="0" />
</Items>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.getTrigger(0)[this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) {
this.focus().clearValue();
trigger.hide();
}" />
<Select Handler="this.getTrigger(0).show();" />
</Listeners>
</ext:ComboBox>
<ext:NumberField ID="nfConversionRate" runat="server" MinValue="1" AllowBlank="false"
FieldLabel="Conversion Rate" />
<ext:ComboBox ID="cmbCompany" runat="server" FieldLabel="Company Name" Width="250"
DisplayField="CompanyName" ValueField="CompanyId" AllowBlank="false" TypeAhead="true"
ForceSelection="true" TriggerAction="All" EmptyText="Select Company..." SelectOnFocus="true"
AnchorHorizontal="95%" PageSize="3">
<Store>
<ext:Store ID="storeCompany" runat="server">
<Model>
<ext:Model ID="modelCompany" runat="server">
<Fields>
<ext:ModelField Name="CompanyId" />
<ext:ModelField Name="CompanyName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Items>
<ext:ListItem Text="Select Company..." Value="0" />
</Items>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.getTrigger(0)[this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) {
this.focus().clearValue();
trigger.hide();
}" />
<Select Handler="this.getTrigger(0).show();" />
</Listeners>
</ext:ComboBox>
<ext:ComboBox ID="cmbParentId" runat="server" FieldLabel="ParentName" Width="250"
DisplayField="ParentName" ValueField="UnitConversionId" TypeAhead="true" ForceSelection="true"
TriggerAction="All" EmptyText="Parent Name..." SelectOnFocus="true" AnchorHorizontal="95%"
PageSize="3">
<Store>
<ext:Store ID="storeParent" runat="server">
<Model>
<ext:Model ID="modelParent" runat="server">
<Fields>
<ext:ModelField Name="UnitConversionId" />
<ext:ModelField Name="ParentName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Items>
<ext:ListItem Text="Select Parent..." Value="0" />
</Items>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.getTrigger(0)[this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) {
this.focus().clearValue();
trigger.hide();
}" />
<Select Handler="this.getTrigger(0).show();" />
</Listeners>
</ext:ComboBox>
</Items>
</ext:Container>
</Items>
<Listeners>
<ValidityChange Handler="#{btnSave}.setDisabled(!#{fpUnitConversionAdd}.getForm().isValid());">
</ValidityChange>
</Listeners>
</ext:FormPanel>
</Content>
<Buttons>
<ext:Button ID="btnSave" runat="server" Text="Save" Icon="Disk" Disabled="true">
<DirectEvents>
<Click OnEvent="btnSave_Click">
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="btnClear" runat="server" Text="Clear" Icon="Cancel">
<DirectEvents>
<Click OnEvent="btnClear_Click">
</Click>
</DirectEvents>
</ext:Button>
</Buttons>
</ext:FormPanel>
Last edited by nazmulrockon; Aug 26, 2012 at 1:07 PM.
