Ok, here is the sample code. Please help me solve the following TWO issues:
1. I want the "Loading..." loadmask to appear while the data is being loaded.
2. I want the grid to fill out the page. Currently, there's only one row and that row has a scrollbar associated with it. I don't want that.
Thanks.
<%@ Page Language="vb" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
Protected Sub MarketValueGo_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles MarketValueGo.Click
Dim data As New List(Of Object)
Dim x As Integer = 1
While x < 10000
data.Add(New With {.Description_vc = "Howard the Duck Household", .MarketValue_fl = 321312.02, .Allocation_fl = 1321.24})
x += 1
End While
Me.MarketValueStore.DataSource = data
Me.MarketValueStore.DataBind()
End Sub
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<form id="form1" runat="server">
<div>
<ext:Viewport runat="server">
<Items>
<ext:TabPanel ID="TabPanel2" runat="server">
<Items>
<ext:Panel ID="MarketValuePanel" runat="server" Title="Market Value">
<Items>
<ext:Panel ID="HoldingsPanel" runat="server" Border="false" Layout="Fit">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:Button ID="MarketValueGo" runat="server" Text="GO" Icon="PlayGreen">
<DirectEvents>
<Click OnEvent="MarketValueGo_Click" />
</DirectEvents>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:GridPanel ID="MarketValueGridPanel" runat="server">
<Store>
<ext:Store ID="MarketValueStore" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Description_vc" Type="String" />
<ext:RecordField Name="MarketValue_fl" Type="Float" />
<ext:RecordField Name="Allocation_fl" Type="Float" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="Description" Header="Description" DataIndex="Description_vc"
Width="300" />
<ext:Column ColumnID="MarketValue" Header="Market Value" DataIndex="MarketValue_fl" />
<ext:Column ColumnID="Allocation" Header="Allocation" DataIndex="Allocation_fl" />
</Columns>
</ColumnModel>
<LoadMask ShowMask="true" />
</ext:GridPanel>
</Items>
</ext:FitLayout>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="PanelPerformance" runat="server" Title="Performance">
<Content>
</Content>
</ext:Panel>
<ext:Panel ID="PanelQuickReports" runat="server" Title="Quick Reports">
<Content>
</Content>
</ext:Panel>
<ext:Panel ID="PanelReporting" runat="server" Title="Reporting">
<Content>
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>