Aug 29, 2014, 7:59 AM
GridPanel with BufferedRenderer plugin do not display data
Hi,
I already made a post asking this question, but unfortunately I didn't get an answer. Now I prepared a working sample which demonstrates the issue I have. My grid panel does not display the data when I activate the plugin BufferedRenderer. Do you have an idea why not?
BTW: My other unanswered post can be deleted.
Marco
I already made a post asking this question, but unfortunately I didn't get an answer. Now I prepared a working sample which demonstrates the issue I have. My grid panel does not display the data when I activate the plugin BufferedRenderer. Do you have an idea why not?
BTW: My other unanswered post can be deleted.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" HideInDesign="True" />
<asp:ScriptManager runat="server" EnableScriptLocalization="True" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel runat="server" Region="North" BaseCls="header">
<Content>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
</Content>
</ext:Panel>
<ext:Panel runat="server" Region="West" Collapsible="True" CollapseMode="Mini" HideCollapseTool="True" Split="True" Width="200" BodyCls="content-panel" Header="False" Stateful="True" Layout="FitLayout">
<Content>
<ext:Container runat="server" AutoScroll="True" AutoDoLayout="True" />
</Content>
</ext:Panel>
<ext:Panel ID="CenterPanel" runat="server" Region="Center" BodyCls="content-panel" BodyStyle="padding:6px 5px 5px 5px;" Layout="FitLayout">
<Content>
<ext:Container runat="server">
<LayoutConfig>
<ext:HBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Container runat="server" Width="400" MinWidth="400" Layout="VBoxLayout">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:FormPanel runat="server" ID="FilterFormPanel" Cls="filter-panel" BodyCls="filter-body"/>
<ext:TreePanel ClientIDMode="Static" runat="server" AutoRender="True" RootVisible="false" Animate="False" AutoScroll="true" Flex="1" Cls="tree-panel" >
<Root>
<ext:Node Text="Root" Expanded="True" EmptyChildren="True" />
</Root>
<View>
<ext:TreeView runat="server" ToggleOnDblClick="false" />
</View>
<SelectionModel>
<ext:TreeSelectionModel runat="server" SingleSelect="true" />
</SelectionModel>
</ext:TreePanel>
</Items>
</ext:Container>
<ext:BoxSplitter runat="server" Collapsible="False" Cls="details-splitter" />
<ext:Container runat="server" ID="DetailsContainer" Flex="1" Layout="Fit">
<Content>
<ext:Container runat="server" AutoScroll="true">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Content>
<ext:Container runat="server">
<Items>
<ext:Hidden runat="server" />
<ext:Panel runat="server" Border="False" BodyPaddingSummary="5" BodyStyle="border:0">
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:Label runat="server" Cls="toolbar-title" Text="Entity" />
</Items>
</ext:Toolbar>
</TopBar>
</ext:Panel>
<ext:TabPanel runat="server" Flex="1" Border="False">
<Items>
<ext:Panel runat="server" Border="false" BodyPadding="5" Layout="Fit" Title="Details">
<Content>
</Content>
</ext:Panel>
<ext:Panel runat="server" Border="false" BodyPadding="5" Layout="Fit" Title="Data">
<Content>
</Content>
</ext:Panel>
<ext:Panel runat="server" Border="false" BodyPadding="5" Layout="Fit" Title="Data2">
<Content>
<ext:Container runat="server">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:GridPanel runat="server" Layout="AnchorLayout" SortableColumns="False" MarginSpec="20 0 0 0" EnableColumnHide="False" EnableColumnMove="False" >
<Store>
<ext:Store ID="MyStore" runat="server">
<Model>
<ext:Model runat="server" IDProperty="Id">
<Fields>
<ext:ModelField Name="Header1" Type="String" />
<ext:ModelField Name="Header2" Type="String" />
<ext:ModelField Name="Header3" Type="Float" />
<ext:ModelField Name="Header4" Type="Int" />
<ext:ModelField Name="Header5" Type="Int" />
<ext:ModelField Name="Header6" Type="Int" />
<ext:ModelField Name="Header7" Type="Int" />
<ext:ModelField Name="Header8" Type="Float" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" DataIndex="Header1" MinWidth="50" Flex="1" Header="Header1" Sortable="false" />
<ext:Column runat="server" DataIndex="Header2" MinWidth="80" Flex="2" Header="Header2" Sortable="false" />
<ext:Column runat="server" DataIndex="Header3" MinWidth="85" Align="Right" Flex="1" Header="Header3" Sortable="false" />
<ext:Column runat="server" DataIndex="Header4" MinWidth="85" Align="Right" Flex="1" Header="Header4" Sortable="false" />
<ext:Column runat="server" DataIndex="Header5" MinWidth="150" Align="Right" Flex="1" Header="Header5" Sortable="false" />
<ext:Column runat="server" DataIndex="Header6" MinWidth="210" Align="Right" Flex="1" Header="Header6" Sortable="false" />
<ext:Column runat="server" DataIndex="Header7" MinWidth="85" Align="Right" Flex="1" Header="Header7" Sortable="false" />
<ext:Column runat="server" DataIndex="Header8" MinWidth="85" Align="Right" Flex="1" Header="Header8" Sortable="false" />
</Columns>
</ColumnModel>
<View>
<ext:GridView runat="server" LoadMask="False" StripeRows="False" />
</View>
<Plugins>
<ext:BufferedRenderer runat="server" />
</Plugins>
</ext:GridPanel>
</Items>
</ext:Container>
</Content>
<DirectEvents>
<Show OnEvent="ShowEinzugsgebietOverview" Failure="Ext.MessageBox.alert(loadFailed, errorDuringAjaxEvent);" />
</DirectEvents>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Container>
</Content>
</ext:Container>
</Content>
</ext:Container>
</Items>
</ext:Container>
</Content>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
And here the code behind:using System;
using Ext.Net;
namespace WebApplication1
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void ShowEinzugsgebietOverview(object sender, DirectEventArgs e)
{
BindGridpanel(2500);
}
private void BindGridpanel(int count)
{
string[] year = { "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017", "2018", "2019", "2020" };
string[] desc = { "Wood", "Lewis", "Scott", "Parker", "Ross", "Garcia", "Bell", "Kelly", "Powell", "Moore", "Cook" };
var data = new object[count];
var rnd = new Random();
for (int i = 0; i < count; i++)
{
var yearId = rnd.Next(year.Length);
var descId = rnd.Next(desc.Length);
var yearString = year[yearId];
var descString = desc[descId];
data[i] = new
{
Header1 = yearString,
Header2 = descString,
Header3 = i,
Header4 = i,
Header5 = i + i,
Header6 = i + i,
Header7 = (decimal)i,
Header8 = (decimal)i
};
}
MyStore.DataSource = data;
MyStore.DataBind();
}
}
}
RegardsMarco