Hi, thanks for your response, I have also tried with DataSource, Still it is showing me blank page. Please have look on my following Code:
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server"/>
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="company" />
<ext:RecordField Name="price" Type="Float" />
<ext:RecordField Name="change" Type="Float" />
<ext:RecordField Name="pctChange" Type="Float" />
<ext:RecordField Name="lastChange" Type="Date" DateFormat="Y-m-dTh:i:s" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:Window ID="Window1" runat="server" Icon="ChartBar" Width="710" Height="300"
Title="Add New Orders" Closable="false" Draggable="False" Border="false" Resizable="False"
Plain="True" X="50" Y="20">
<Body>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North MinHeight="50">
<ext:Panel ID="Panel1" runat="server" Header="false" Border="false" Height="50"
Frame="true" BodyStyle="padding:10px">
<Body>
<center>
<ext:MultiField ID="MultiField2" runat="server">
<Fields>
<ext:Label ID="Label2" runat="server" Text="Choose Export LC:" LabelCls="LabelCls"/>
<ext:ComboBox ID="ComboBox1" runat="server" Width="200" AllowBlank="false" TabIndex="1">
</ext:ComboBox>
<ext:Button ID="Button1" runat="server" Icon="Zoom"/>
</Fields>
</ext:MultiField>
</center>
</Body>
</ext:Panel>
</North>
<Center>
<ext:Panel ID="Panel2" runat="server" Header="false" Border="false">
<Body>
<ext:FormPanel ID="FormPanelOrdersInfo" runat="server" BodyStyle="padding:10px;"
ButtonAlign="Right" Width="700" Height="200">
<Body>
<ext:ContainerLayout ID="ContainerLayout1" runat="server">
<ext:Panel ID="mainPanel1" runat="server" Border="false" Header="false" BodyStyle="padding:10px;">
<Body>
<ext:ColumnLayout ID="ColumnLayout1" runat="server">
<ext:LayoutColumn ColumnWidth=".5">
<ext:Panel ID="Panel4" runat="server" BodyStyle="padding:10px;" BodyBorder="False" >
<Body>
<ext:FormLayout ID="FormLayout2" runat="server">
<Anchors>
<ext:Anchor>
<ext:TextField ID="TextFieldOrderNO" runat="server" FieldLabel="Order NO" AllowBlank="false" Width="200" LabelCls="LabelCls" TabIndex="2"/>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="TextFieldDescription" runat="server" FieldLabel="Description" AllowBlank="false" Width="200" LabelCls="LabelCls" TabIndex="4"/>
</ext:Anchor>
<ext:Anchor>
<ext:NumberField ID="TextFieldQtyperCTN" runat="server" FieldLabel="Qty/Cartoon" Width="200" TabIndex="6" LabelCls="LabelCls"/>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="TextFieldYarnType" runat="server" FieldLabel="Yarn/Cotton Type" Width="200" LabelCls="LabelCls" TabIndex="8"/>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth=".5">
<ext:Panel ID="Panel5" runat="server" BodyStyle="padding:10px;" BodyBorder="False">
<Body>
<ext:FormLayout ID="FormLayout3" runat="server">
<Anchors>
<ext:Anchor>
<ext:TextField ID="TextFieldRefNO" runat="server" FieldLabel="Ref NO" AllowBlank="false" Width="200" LabelCls="LabelCls" TabIndex="3"/>
</ext:Anchor>
<ext:Anchor>
<ext:NumberField ID="TextFieldCartoonNo" runat="server" FieldLabel="Cartoon NO" Width="200" TabIndex="5" LabelCls="LabelCls"/>
</ext:Anchor>
<ext:Anchor>
<ext:NumberField ID="TextFieldTotalQty" runat="server" FieldLabel="Total Qty" Width="200" TabIndex="7" LabelCls="LabelCls"/>
</ext:Anchor>
<ext:Anchor>
<ext:TextField ID="TextFieldStatus" runat="server" FieldLabel="Status" Width="200" LabelCls="LabelCls" TabIndex="9"/>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:ContainerLayout>
</Body>
<Buttons>
<ext:Button ID="ButtonSave" runat="server" Icon="Disk" Text="Submit" TabIndex="10">
</ext:Button>
<ext:Button ID="Button2" runat="server" Text="Reset Fields" TabIndex="11">
<Listeners>
<Click Handler="#{FormPanelOrdersInfo}.getForm().reset();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:FormPanel>
</Body>
</ext:Panel>
</Center>
<South>
<ext:Panel runat="server" Border="false">
<Body>
<ext:GridPanel ID="GridPanel1"
runat="server"
StoreID="Store1"
StripeRows="true"
Title="Array Grid"
Width="600"
Height="290"
AutoExpandColumn="Company">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="Company" Header="Company" Width="160" Sortable="true" DataIndex="company" />
<ext:Column Header="Price" Width="75" Sortable="true" DataIndex="price">
<Renderer Format="UsMoney" />
</ext:Column>
<ext:Column Header="Change" Width="75" Sortable="true" DataIndex="change">
<Renderer Fn="change" />
</ext:Column>
<ext:Column Header="Change" Width="75" Sortable="true" DataIndex="pctChange">
<Renderer Fn="pctChange" />
</ext:Column>
<ext:Column Header="Last Updated" Width="85" Sortable="true" DataIndex="lastChange">
<Renderer Fn="Ext.util.Format.dateRenderer('G:i:s')" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<LoadMask ShowMask="true" />
<BottomBar>
<ext:PagingToolBar ID="PagingToolBar1" runat="server" PageSize="10" StoreID="Store1" />
</BottomBar>
</ext:GridPanel>
</Body>
</ext:Panel>
</South>
</ext:BorderLayout>
</Body>
</ext:Window>
</form>