Jun 09, 2010, 1:50 PM
[CLOSED] Javascript error when using this usercontrol
Just having this usercontrol on a page gives the javascript error and I'm unable to find anything wrong with it:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Wed, 9 Jun 2010 13:47:54 UTC
Message: 'width' is null or not an object
Line: 553
Char: 21
Code: 0
URI: http://localhost/test/ux/extensions/treegrid/treegrid-js/ext.axd?v=30187
Here is the control:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Wed, 9 Jun 2010 13:47:54 UTC
Message: 'width' is null or not an object
Line: 553
Char: 21
Code: 0
URI: http://localhost/test/ux/extensions/treegrid/treegrid-js/ext.axd?v=30187
Here is the control:
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:Panel ID="grid" runat="server" Layout="Card" ActiveIndex="0" AutoWidth="true">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:ComboBox ID="ViewBy" runat="server" SelectedIndex="0">
<Items>
<ext:ListItem Text="Account" Value="0" />
<ext:ListItem Text="Asset Type" Value="1" />
</Items>
<DirectEvents>
<Select OnEvent="ChangeGrid">
<EventMask ShowMask="true" CustomTarget="={#{grid}.body}" />
</Select>
</DirectEvents>
</ext:ComboBox>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="AccountsPanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AccountsGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Decription" Width="150" DataIndex="description" />
<ext:TreeGridColumn Header="Account" Width="100" DataIndex="account" />
<ext:TreeGridColumn Header="Type" Width="150" DataIndex="assettype" />
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
<ext:Panel ID="AssetTypePanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AssetTypeGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Description" Width="150" DataIndex="description" />
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
<ext:Panel ID="AssetClassPanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AssetClassGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Description" Width="150" DataIndex="description" />
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
<ext:Panel ID="AssetSectorPanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AssetSectorGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Description" Width="150" DataIndex="description" />
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
<ext:Panel ID="AssetSubsectorPanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AssetSubsectorGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Description" Width="150" DataIndex="description" />
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
<ext:Panel ID="AssetCategoryPanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AssetCategoryGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Description" Width="150" DataIndex="description" />
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
<ext:Panel ID="AssetPanel" runat="server" AutoWidth="true">
<Items>
<ext:TreeGrid ID="AssetGrid" runat="server" AutoExpandColumn="Description" AutoWidth="true">
<Columns>
<ext:TreeGridColumn Header="Description" Width="150" DataIndex="description" />
<ext:TreeGridNumberColumn Header="Price" Width="125" DataIndex="Price" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{Price:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Market Value" Width="125" DataIndex="marketvalue" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{marketvalue:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Unrealized Gain/Loss" Width="125" DataIndex="totalgainloss" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{totalgainloss:usMoney}
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
<ext:TreeGridNumberColumn Header="Allocation %" Width="125" DataIndex="allocationpercent" Align="Right" SortType="AsFloat">
<XTemplate runat="server">
<Html>
{allocationpercent} %
</Html>
</XTemplate>
</ext:TreeGridNumberColumn>
</Columns>
</ext:TreeGrid>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:FitLayout>