[FIXED] [#353] [4.3.0] Grid issue

  1. #1

    [FIXED] [#353] [4.3.0] Grid issue

    Is there any issue using BufferedRenderer and RowExpander at the same time?
    I have some render artifacts. If I remove either BufferedRenderer or RowExpander all is fine.
    Click image for larger version. 

Name:	issue.png 
Views:	25 
Size:	92.2 KB 
ID:	6935

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Grid.aspx.cs" Inherits="Grid" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
        <title>Grid test.</title>
        <script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="Scripts/jquery.scrollTo-min.js" type="text/javascript"></script>
        
        <script>
            var edit = function (editor, e) {
                // Call DirectMethod
                if (e.value !== e.originalValue) {
                    EOL.Edit(e.record.data.GridRowId, e.field, e.originalValue, e.value, e.record.data);
                }
            };
            
            function storeLoad(o, records, successful, operation, eOpts) {
                
    
                for (var i = 0; i < records.length; i++) {
    
                    for (var key in records[i].data) {
    
                        if (typeof records[i].data[key] === "string") {
                            records[i].data[key] = String(records[i].data[key]).replace(/A/g, '<b>A</b>');
                        }
                    }
                }
    
                
            }
            
            function scrollToClick() {
                var $paneTarget = $('#mcont');
    
                var $target = $paneTarget.find('#gridview-1016-record-155');
                $paneTarget.stop().scrollTo($target, 500);
    
                return false;
            }
    
            function addData() {
                Ext.StoreMgr.getByKey("Store1").insert(0, { "String": "added", "DateTime": new Date(1989, 11, 11) });
    
                Ext.StoreMgr.getByKey("Store1").getAt(3).set("String", "Waaaaaaaaaaaaaa!");
    
                console.log(Ext.StoreMgr.getByKey("Store1"));
            }
    
            function removeData() {
                Ext.StoreMgr.getByKey("Store1").removeAt(0);
            }
            
            var onShow = function (toolTip) {            
                
            };
    
            var filter = function() {
                Ext.StoreMgr.getByKey("Store1").filter({
                    filterFn: function(item) {
                        return item.get("GridRowId") % 2 == 0;
                    }
                });
            };
    
            var filterRemove = function() {
                Ext.StoreMgr.getByKey("Store1").clearFilter(false);
            };
            
            var menuItemAfterRender = function(comp, e) {
                console.log(comp.textEl);
                comp.textEl.setStyle("font-size","17pt");
    
            };
    
            var beforeShow = function(toolTip, eOpts) {
                toolTip.update(App.Template1.apply({ test: 'h' }));
            };
    
    
            var tooltipRender = function(tooltip, e) {
                
                console.log("render");
            };
    
    
            var gridViewReady = function () {
                
            };
    
    
            var gridMouseOver = function(t,f) {
                console.log(t);
                console.log(f);
            };
    
    
            var gvItemMouseEnter = function(gv, record, item, index, e, eOpts) {
                Ext.fly(item).addCls('droptoggleclass');
            };
            
            var gvItemMouseLeave = function (gv, record, item, index, e, eOpts) {
                Ext.fly(item).removeCls('droptoggleclass');
            };
            
    
            
        </script>
        
        <style type="text/css">
            .droptoggleclass {
                color: red;
            }
    
            .x-tip-anchor {
                
                border-width: 7px !important;
            }
            
        </style>                   
        
    </head>
    <body>        
        
        <form id="form1" runat="server">
            <ext:ResourceManager runat="server" InitScriptMode="Linked"  >
            </ext:ResourceManager>
            
                <ext:Toolbar runat="server">
                    <Items>
                        <ext:Button runat="server" Text="TestButton">
                            <Menu>
                                <ext:Menu runat="server">
                                    <Items>
                                        <ext:MenuItem runat="server" Text="Test">
                                            <Listeners>
                                                <AfterRender Fn="menuItemAfterRender" />
                                                <Show Handler="console.log('afterRender')" />
                                                
                                            </Listeners>                                        
                                         </ext:MenuItem>
                                    </Items>
                                </ext:Menu>
                            </Menu>
                        </ext:Button>
                    </Items>
                </ext:Toolbar>
                <ext:Store runat="server" ID="MyStore">
                    <Model>
                        <ext:Model ID="MyStoreModel" runat="server">
                            <Fields>
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            
            <ext:Viewport runat="server" Layout="fit">
                <Items>
            <ext:GridPanel runat="server" AutoScroll="True" ID="MainGrid" Title="Grid title text.">
                <Listeners>
                    <ViewReady Fn="gridViewReady"></ViewReady>
                    <AfterRender Fn="console.log('grid_afterRender')"></AfterRender>
                    <Activate Fn="console.log('grid_Activate')"></Activate>
                    <StateRestore Fn="console.log('grid_StateRestore')"></StateRestore>
                    <StateSave Fn="console.log('grid_StateSave')"></StateSave>
                    <BeforeShow Fn="console.log('grid_BeforeShow')"></BeforeShow>
                    
                </Listeners>
                <Store>
                    <ext:Store runat="server" ID="Store1" AutoLoad="True" PageSize="30" TrailingBufferZone="30" LeadingBufferZone="30" >
                        <Model>
                            <ext:Model runat="server" IDProperty="GridRowId">
                                <Fields>
                                    <ext:ModelField Name="String"/>
                                    <ext:ModelField Name="DateTime" Type="Date"/>
                                    <ext:ModelField Name="GridRowId" Type="Int"/>
                                </Fields>
                            </ext:Model>
                        </Model>                  
                        
                    </ext:Store>
                </Store>           
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column runat="server" 
                            Text="Id"
                            Width="140"
                            Sortable="true"
                            DataIndex="GridRowId"
                            ToolTip="<span>fuck</span>">
                        </ext:Column>
                        <ext:Column runat="server" 
                            Text="String"
                            Width="140"
                            Sortable="true"
                            DataIndex="String">
                            <Editor>
                                <ext:TextField runat="server"></ext:TextField>
                            </Editor>
                        </ext:Column>
                        <ext:Column runat="server" 
                            Text="String"
                            Width="140"
                            Sortable="true"
                            DataIndex="String">
                            <Editor>
                                <ext:TextField ID="TextField1" runat="server"></ext:TextField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column4" runat="server" 
                            Text="String"
                            Width="140"
                            Sortable="true"
                            DataIndex="String">
                            <Editor>
                                <ext:TextField ID="TextField2" runat="server"></ext:TextField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column5" runat="server" 
                            Text="String"
                            Width="140"
                            Sortable="true"
                            DataIndex="String">
                            <Editor>
                                <ext:TextField ID="TextField3" runat="server"></ext:TextField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column6" runat="server" 
                            Text="String"
                            Width="140"
                            Sortable="true"
                            DataIndex="String">
                            <Editor>
                                <ext:TextField ID="TextField4" runat="server"></ext:TextField>
                            </Editor>
                        </ext:Column>
                        <ext:Column runat="server" 
                            Text="Date"
                            Width="140"
                            Sortable="true"
                            DataIndex="DateTime">
                            <Editor>
                                <ext:TimeField runat="server" ></ext:TimeField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column1" runat="server" 
                            Text="Date"
                            Width="140"
                            Sortable="true"
                            DataIndex="DateTime">
                            <Editor>
                                <ext:TimeField ID="TimeField1" runat="server" ></ext:TimeField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column2" runat="server" 
                            Text="Date"
                            Width="140"
                            Sortable="true"
                            DataIndex="DateTime">
                            <Editor>
                                <ext:TimeField ID="TimeField2" runat="server" ></ext:TimeField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column3" runat="server" 
                            Text="Date"
                            Width="140"
                            Sortable="true"
                            DataIndex="DateTime">
                            <Editor>
                                <ext:TimeField ID="TimeField3" runat="server" ></ext:TimeField>
                            </Editor>
                        </ext:Column>
                        <ext:Column ID="Column7"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column8"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column9"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column10"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column11"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column12"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column13"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column14"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column15"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column16"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column17"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column18"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column19"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column20"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column21"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column22"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column23"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column24"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column25"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column26"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column27"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column28"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column29"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column30"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column31"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column32"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column33"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column34"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column35"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column36"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column37"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column38"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column39"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column40"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column41"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column42"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column43"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column44"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column45"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column46"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column47"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column48"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column49"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column50"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column51"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column52"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column53"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column54"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column55"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column56"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column57"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column58"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column59"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column60"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column61"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column62"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column63"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column64"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column65"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column66"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column67"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column68"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column69"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column70"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column71"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column72"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column73"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column74"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column75"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column76"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column77"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column78"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column79"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column80"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column81"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column82"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column83"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column84"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column85"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column86"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column87"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column88"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column89"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column90"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column91"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column92"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column93"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column94"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column95"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column96"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column97"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column98"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column99"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column100"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column101"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column102"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column103"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column104"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column105"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column106"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column107"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column108"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column109"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column110"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column111"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column112"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column113"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column114"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column115"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column116"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column117"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column118"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column119"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column120"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column121"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column122"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column123"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column124"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column125"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column126"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column127"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column128"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column129"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column130"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column131"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column132"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column133"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column134"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column135"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column136"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column137"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column138"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column139"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column140"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column141"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column142"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column143"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column144"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column145"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column146"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column147"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column148"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column149"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column150"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column151"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column152"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column153"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column154"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column155"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column156"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column157"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column158"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column159"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column160"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column161"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column162"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column163"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column164"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column165"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column166"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column167"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column168"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column169"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column170"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column171"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column172"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column173"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column174"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column175"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column176"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column177"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column178"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column179"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column180"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column181"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column182"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column183"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column184"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column185"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column186"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column187"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column188"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column189"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column190"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column191"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column192"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column193"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column194"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column195"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column196"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column197"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column198"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column199"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column200"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column201"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column202"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column203"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column204"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column205"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column206"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column207"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column208"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column209"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column210"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column211"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column212"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column213"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column214"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column215"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column216"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column217"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column218"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column219"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column220"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column221"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column222"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column223"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column224"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column225"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column226"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column227"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column228"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column229"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column230"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column231"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column232"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column233"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column234"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column235"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column236"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column237"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column238"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column239"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column240"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column241"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column242"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column243"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column244"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column245"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column246"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column247"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column248"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column249"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column250"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column251"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column252"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column253"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column254"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column255"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
    <ext:Column ID="Column256"  runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
                            
                    </Columns>
                </ColumnModel>
                <SelectionModel>
                    <ext:CellSelectionModel runat="server" />
                </SelectionModel>
                <Plugins>
                    <ext:BufferedRenderer runat="server"/>               
                    <ext:RowExpander runat="server">
                        
                        <Template runat="server">
                            <Html>
                                <p>11111</p>
                            </Html>
                        </Template>
                    </ext:RowExpander>
                </Plugins>
                <View>
                   <ext:GridView TrackOver="False" runat="server">
                       <Listeners>                      
                       </Listeners>
                   </ext:GridView>
                </View>
            </ext:GridPanel>
                    </Items>
            </ext:Viewport>
            <script type="text/javascript">
    
                $.ready(function () {
                    Ext.tip.ToolTip.prototype.minWidth = 300;
                });
            </script>
            <ext:ToolTip runat="server" 
                Target="={#{MainGrid}.getView().el}"
                Delegate=".x-grid-cell"
                TrackMouse="True"
                Anchor="top"
                
                
                >
                <Content>
                    11111111111111111<br/>
                    11111111111111111<br/>
                    11111111111111111<br/>
                    11111111111111111<br/>
                </Content>
                 <Listeners>
                    <Show Fn="onShow" /> 
                     <Render Fn="tooltipRender"></Render>
                </Listeners>
            </ext:ToolTip>
                
            <ext:ToolTip ID="ToolTip1" runat="server" 
                Target="MainGrid_header-body"
                TrackMouse="False"
                 >
                <Listeners>
                    <BeforeShow Fn="beforeShow"></BeforeShow>
                </Listeners>
            </ext:ToolTip>
                
            <ext:XTemplate ID="Template1" runat="server">
                <Html>
                    <div>XTemplate</div>
                </Html>
            </ext:XTemplate>
    
            
            
            
        </form>
        
        
        <div>
            <ext:Panel ID="Win1" runat="server"
                    Title="Panel title."
                    Width="150px"
                    Height="150px"
                    Closable="False">
                <Content>
                    dsds
                    <div>dsd</div>
                </Content>
            </ext:Panel>
        </div>
    </body>
    </html>
    using System;
    using System.Collections.Generic;
    using System.Text;
    using Ext.Net;
    using Models;
    
    public partial class Grid : System.Web.UI.Page
    {
        [DirectMethod(Namespace = "EOL")]
        public void Edit(int id, string field, string oldValue, string newValue, object customer)
        {
            string message = "<b>Property:</b> {0}<br /><b>Field:</b> {1}<br /><b>Old Value:</b> {2}<br /><b>New Value:</b> {3}";
    
            // Send Message...
            X.Msg.Notify("Edit Record #" + id.ToString(), string.Format(message, id, field, oldValue, newValue)).Show();
    
            switch (field)
            {
                case "String":
                    X.Msg.Notify("Edit field.","String").Show();
                    break;
                case "DateTime":
                    X.Msg.Notify("Edit field.", "Date").Show();
                    break;
                default:
                    X.Msg.Notify("Field is not editable :", field).Show();
                    break;
            }
        }
    
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {            
                Store1.DataSource = GetData();         
                Store1.DataBind();
            }
        }
    
        private GridRow[] GetData() {
            var result = new List<GridRow>();
            for (int j = 1; j <= 100; j++) {
                var rnd = new Random((int) DateTime.Now.Ticks);
    
                var builder = new StringBuilder();
                builder.Append("<span>");
                char ch;
                for (int i = 0; i < 10; i++) {
                    ch = Convert.ToChar(Convert.ToInt32(Math.Floor(26*rnd.NextDouble() + 65)));
                    builder.Append(ch);
                }
                builder.Append("</span>");
                result.Add(new GridRow{GridRowId = j, String = builder.ToString()});
            }
            return result.ToArray();
        }    
    }
    Last edited by Daniil; Sep 26, 2013 at 8:40 AM. Reason: [OPEN] [#353]
  2. #2
    Hi @RRD,

    Thank you for the report.

    Reported to Sencha.
    http://www.sencha.com/forum/showthread.php?272634

    Created an Issue to track the defect.
    https://github.com/extnet/Ext.NET/issues/353

    Here is a simplified Ext.NET test case.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                Store store = this.GridPanel1.GetStore();
                object[] data = new object[5000];
    
                for (int i = 0; i < 5000; i++) 
                {
                    data[i] = new object[] { "test", "test test test test test test test test test", "test test test test test test test test test" };
                }
                
                store.DataSource = data;
            }
        }
    </script>
    
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:GridPanel 
                ID="GridPanel1" 
                runat="server" 
                Height="300" 
                Width="300">
                <Store>
                    <ext:Store runat="server" PageSize="5000">
                        <Model>
                            <ext:Model runat="server">
                                <Fields>
                                    <ext:ModelField Name="test1" />
                                    <ext:ModelField Name="test2" />
                                    <ext:ModelField Name="test3" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column runat="server" Text="Test1" DataIndex="test1" />
                        <ext:Column runat="server" Text="Test2" DataIndex="test2" />
                        <ext:Column runat="server" Text="Test3" DataIndex="test3" />
                    </Columns>
                </ColumnModel>
                <%--<Features>
                    <ext:RowWrap runat="server" />
                </Features>--%>
                <Plugins>
                    <ext:BufferedRenderer runat="server" />
                    <ext:RowExpander runat="server" />
                </Plugins>
            </ext:GridPanel>
        </form>
    </body>
    </html>
  3. #3
    Here is temporary fix, we have to investigate more (ensure that fix doesn't affect on performance)

    Ext.grid.plugin.BufferedRenderer.override({
                init : function (grid) {
                    this.callParent(arguments);
    
    
                    Ext.Function.interceptAfter(grid.view.all, "scroll", this.afterScroll, this);
                    Ext.Function.interceptAfter(grid.view, "doAdd", Ext.Function.createBuffered(this.afterScroll, 50, this));
                },
    
    
                afterScroll : function (newRecords, direction, removeCount) {
                    if (newRecords.length > 0) {
                        this.view.refreshSize();
                    }
                }
            });
  4. #4
    This issue no longer happens on current Ext.NET versions (as of 4.3.0, at least), so marking as fixed.

    A particularly similar issue has been found regarding a very similar scenario though, and will be tracked under #1528.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 1
    Last Post: Apr 04, 2015, 5:24 PM
  2. Replies: 2
    Last Post: Apr 03, 2015, 2:06 PM
  3. Replies: 8
    Last Post: Mar 19, 2014, 5:03 AM
  4. Replies: 3
    Last Post: Dec 05, 2012, 1:38 PM
  5. [FIXED] [V0.8.0] FitLayout Issue
    By jskibo in forum Bugs
    Replies: 2
    Last Post: Jan 26, 2009, 9:56 PM

Tags for this Thread

Posting Permissions