[CLOSED] Gridpanel second Column data Rendering a Jiberish

[SymSure]

Hi,

I am using a objectdatasource with a gridpanel. The issue i am having is which ever column is placed second in my markup, the data in the field is rendered as jibberish. Please see code and images attached. The images show the difference with the status column as the second column as well as the sixth column.

<asp:ObjectDataSource 
    ID="ObjectDataSourceReportSummary" 
    runat="server" 
    OnSelected="ObjectDataSourceReportSummary_Selected"
    SelectMethod="GetReportsFilter" 
    TypeName="SymSureMonitor.AUF.Reports.ReportSummaryManager">
    <SelectParameters>
        <asp:Parameter Name="start" Type="Int32" />
        <asp:Parameter Name="limit" Type="Int32" />
        <asp:Parameter Name="sort" />
        <asp:Parameter Name="dir" />
        <asp:Parameter Name="count" Direction="Output" Type="Int32" />
    </SelectParameters>
</asp:ObjectDataSource>


<ext:Viewport ID="Viewport1" Layout="border" runat="server">
        <Items> 
            <ext:Panel Title="Description" Region="North" Height="75" ID="PanelHeader" runat="server">                        
                <Items>                        
                </Items>                    
            </ext:Panel> 
                               
            <ext:Panel ID="CenterRegion" Region="Center" runat="server" PaddingSummary="5 5 5 5" Layout="VBox">                        
                <LayoutConfig>                            
                    <ext:VBoxLayoutConfig Align="Stretch" />                        
                </LayoutConfig>                        
                <Items>                            
                    <ext:Panel FormGroup="true" Title="Filter" Height="125" ID="Panel2"  runat="server">
                        <Content>
                            <UCReportSummaryFilterView:ReportSummaryFilterView ID="ReportSummaryFilterView" runat="server" />                             
                        </Content> 
                        <Listeners>
                            <Collapse Handler="this.height=this.getHeight(); #{CenterRegion}.doLayout();" />
                            <BeforeExpand Handler="this.height=120; #{CenterRegion}.doLayout();" />
                        </Listeners>                               
                    </ext:Panel>                           
                    <ext:GridPanel ID="GridPanelReportSummary" runat="server" StripeRows="true"  Header="false" AutoDoLayout="true" AutoExpandColumn="columnReportName"  Border="false" Flex="1">
                    
                        <Store>
                            <ext:Store runat="server" ID="ReportSummaryStore" 
                                        AutoLoad="true" 
                                        SerializationMode="Complex" 
                                        RemoteSort="true" 
                                        DataSourceID="ObjectDataSourceReportSummary"
                                        OnRefreshData="ReportSummaryStore_RefreshData">
                                         
                                        <AutoLoadParams>
                                            <ext:Parameter Name="start" Value="0" Mode="Raw" />
                                            <ext:Parameter Name="limit" Value="100" Mode="Raw" />
                                        </AutoLoadParams> 
                                        
                                        <Proxy>
                                            <ext:PageProxy />
                                        </Proxy>
                                                    
                                        <Reader>
                                            <ext:JsonReader>
                                                <Fields>
                                                    <ext:RecordField Name="ReportId" /> 
                                                    <ext:RecordField Name="ProcessId" /> 
                                                    <ext:RecordField Name="ReportName" />
                                                    <ext:RecordField Name="LastRunDate" Type="Date" />
                                                    <ext:RecordField Name="Status" Type="String" />
                                                    <ext:RecordField Name="Count" Type="Int" />
                                                    <ext:RecordField Name="ProcessName" />
                                                    <ext:RecordField Name="ReportType" />
                                                    <ext:RecordField Name="Description" />
                                                </Fields>
                                            </ext:JsonReader>
                                        </Reader>
                                
                            </ext:Store>
                        </Store>
                    
                        <ColumnModel ID="ColumnModel1" runat="server">
                            <Columns>
                                <ext:Column ColumnID="columnReportName" DataIndex="ReportName" Header="Report Name" >
                                    <Renderer  Fn="ReportSummaryGrid.RenderColor" />
                                </ext:Column>
                                
                                <ext:Column DataIndex="Count" ColumnID="columnCount" Header="Count" Align="Right" Groupable="true" /> 
                                <ext:Column DataIndex="ProcessName" ColumnID="columnBusinessProcess" Header="Business Process" Groupable="true" />
                                <ext:Column DataIndex="ReportType" ColumnID="columnReportType" Header="Report Type" Align="Left" Groupable="true" /> 
                                <ext:Column DataIndex="Description" Wrap="true" ColumnID="columnReportType" Header="Description" Align="Left" Groupable="true" />
                                <ext:Column DataIndex="ProcessName" ColumnID="column1" Header="Header1" Align="Left" Groupable="true" /> 
 
                            </Columns> 
                        </ColumnModel>
                            
                        <SelectionModel>
                            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
                        </SelectionModel>
                                
                        <View>                                            
                            <ext:GroupingView ID="GroupingView1" 
                            HideGroupedColumn="false" 
                            runat="server" 
                            ForceFit="true" 
                            StartCollapsed="true" 
                            EnableRowBody="true" />
                        </View>
                                
                        <BottomBar>
                            <ext:PagingToolbar 
                             ID="PagingToolBarReportSummary" 
                              runat="server" PageSize="100"
                                StoreID="ReportSummaryStore" DisplayInfo="true" />
                        </BottomBar>        
                                
                        <Listeners>
                            <CellClick Fn="ReportSummaryGrid.CellClick" />
                        </Listeners>       

                        <DirectEvents>
                            <CellClick OnEvent="ReportSummaryItem_Clicked" Failure="Ext.MessageBox.alert('Load failed', result.errorMessage);" Success="">
                                <ExtraParams>
                                        <ext:Parameter Name="GridPanelReportSummaryData" Value="Ext.encode(#{GridPanelReportSummary}.getRowsValues({selectedOnly:true}))" Mode="Raw"></ext:Parameter>
                                </ExtraParams>
                            </CellClick>
                        </DirectEvents>  
                        
                        <LoadMask  ShowMask ="true"  />  
                      </ext:GridPanel>
                      
                </Items>
            </ext:Panel>
       </Items>
</ext:Viewport>

[SymSure]

hi,

The collasping and expanding of the formgroup has also been broken since i updated from svn on monday. Once its has been collasped it cannot be expanded again. Has there been a fix that affects how i am currently doing this.


Code is extracted from previous code snippet above.

                    <ext:Panel FormGroup="true" Title="Filter" Height="125" ID="Panel2"  runat="server">
                        <Content>
                            <UCReportSummaryFilterView:ReportSummaryFilterView ID="ReportSummaryFilterView" runat="server" />                             
                        </Content> 
                        <Listeners>
                            <Collapse Handler="this.height=this.getHeight(); #{CenterRegion}.doLayout();" />
                            <BeforeExpand Handler="this.height=120; #{CenterRegion}.doLayout();" />
                        </Listeners>                               
                    </ext:Panel>

[Vladimir]

Hi,

1. About data in the second column. We need a test sample which we can run locally. Unfortunatelly, the posted code doesn't allow us to test


2. FormGroup collapse/expand. Try to remove BeforeExpand/Collapse listeners (now layout should handle collapsing/expanding automatically)

[SymSure]

Hi,

I will create a sample as forward as soon as possible.

[SymSure]

Hi,

I am not able to create the issue within a sample. is there another approach we could take to look into this. any suggestions as to how might be able to trace the issue. It seems as if the there is something with rendering the second column as i am not able to add a trigger a javascript function on the render listenser using the "fn" property.

[SymSure]

Hi,

I found what i was doing wrong. I was applying a date form to the incorrect column.