This is a migrated thread and some comments may be shown as answers.

Error on Slidingpane dock event

3 Answers 62 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Hrushikesh Mokashi
Top achievements
Rank 1
Hrushikesh Mokashi asked on 25 Jul 2008, 11:15 AM
Hi All,

I am using Radcontrol Asp.net Ajax Q12008

I am using  RadSplitter ,RadPand  And RadSliding Pane .

<script type="text/javascript">
function SlidingPaneDocked(sender)
{
//code is here
}

function SlidingPaneUnDocked(sender)
{
//code is here.
}

</script>

In One RadSplitter like below

 <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Default2006" Width="100%" BackColor="WhiteSmoke">
          <telerik:RadPane ID="rPaneSearchCriteria" runat="server" BorderStyle="None" BorderWidth="0px" Width="950px">
              <telerik:RadSlidingZone ID="slideZone" runat="server" Width="25px" BackColor="whitesmoke" BorderWidth="0">
                
                  <telerik:RadSlidingPane ID="slidePane" runat="server" Title="Search Criteria" Width="950px" BorderStyle="none" BorderWidth="0" BackColor="WhiteSmoke" OnClientDocked ="SlidingPaneDocked" OnClientUndocked ="SlidingPaneUnDocked">

</telerik:RadSlidingPane >

</telerik:RadSlidingZone >

 </telerik:RadPane >
</telerik:RadSplitter >

In next RadSplitter i added radgrid.

 <telerik:RadSplitter ID="rSplitterrid" runat="server" BorderSize="0" BorderStyle="None" BorderWidth="0px" Skin="" Width="100%" BackColor="WhiteSmoke" BorderColor="WhiteSmoke">
     
        <telerik:RadPane ID="rPaneGrid" runat="server" BorderStyle="None" BorderWidth="0px" Scrolling="None" Width="103%" BackColor="WhiteSmoke" BorderColor="WhiteSmoke">         

       <telerik:RadGrid ID="dgAdvSearch" runat="server" AllowSorting="True" Width="97%"
            Font-Bold="False" Font-Italic="False" Font-Names="Arial" Font-Overline="False"
            Font-Size="XX-Large" Font-Strikeout="False" Font-Underline="False" ForeColor="Black" Skin="Office2007"
            AllowPaging="True" AllowCustomPaging="True" GridLines="None"
            LoadingTemplateTransparency="10" AllowMultiRowSelection="True" BorderStyle="None" OnPageIndexChanged="dgAdvSearch_PageIndexChanged"
            OnNeedDataSource="dgAdvSearch_NeedDataSource" Title="Searh Results" Height="620px" PageSize="20" AutoGenerateColumns="False">
           
               
               
                <MasterTableView  GridLines="Both" CommandItemDisplay="Top" DataKeyNames="StockNo" EditMode="InPlace"> 
                    <RowIndicatorColumn Visible="False">
                        <HeaderStyle Width="20px" />
                    </RowIndicatorColumn>
                    <ExpandCollapseColumn Resizable="False" Visible="False">
                        <HeaderStyle Width="20px" />
                    </ExpandCollapseColumn>
                    <Columns>
   
                 </Columns>
                    <EditFormSettings>
                        <EditColumn UniqueName="EditCommandColumn1">
                        </EditColumn>
                    </EditFormSettings>
                    <PagerStyle Mode="NextPrevAndNumeric" Position="Top" />
                    <HeaderStyle Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Overline="False"
                        Font-Size="X-Small" Font-Strikeout="False" Font-Underline="False" ForeColor="Black"
                        Wrap="True" />
                    <CommandItemTemplate>
 
                    </CommandItemTemplate>
                </MasterTableView>
                <ClientSettings>
                            
                    <Selecting AllowRowSelect="True" />
                            
                    <Scrolling AllowScroll="True"  UseStaticHeaders="True"/>
                </ClientSettings>
                <HeaderStyle BackColor="WhiteSmoke" Font-Bold="True" Font-Italic="False" Font-Names="times new roman"
                    Font-Overline="False" Font-Size="XX-Small" Font-Strikeout="False" Font-Underline="False"
                    ForeColor="Black" Wrap="True" />
                <PagerStyle Mode="NextPrevAndNumeric" Position="Top" />
            </telerik:RadGrid>
            </telerik:RadPane>
            </telerik:RadSplitter>
     

On sliding pane undock event i moving grid from lower pane to upper pane.
And on dock moving grid from upper pane to lower pane.

while click on dock of sliding pane it gives me error as follows

 Invalid Argument
this._owner.GridHeaderDiv.style.width=this._owner.GridDataDiv.offsetWidth-Telerik.Web.UI.Grid.getScrollBarHeight()+"px";
on this line




                  
               

3 Answers, 1 is accepted

Sort by
0
Konstantin Petkov
Telerik team
answered on 28 Jul 2008, 07:36 AM
Hi Hrushikesh,

Would you please share more details regarding your scenario? Can you for example share how you move the Grid control from the lower to the upper pane? Do you get the error if the respective code (client or server-side) is commented?

Do you get the error if the Grid static headers are disabled? If that's not causing the error, have you tried that with disabled Grid scrolling?

I would also recommend you the latest Q2 2008 release. You can download it and upgrade your project according to this guidance.

Greetings,
Konstantin Petkov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jason
Top achievements
Rank 1
answered on 24 Sep 2008, 12:15 AM
Hello,

I am also having the same problem, and I am using the Q2 2008 SP1 release (version 2008.2.826.35).  The way that my page is set up is I have a rad splitter which occupies 100% of the width and height of the screen with a header, body, and footer.  Inside the body pane, I have a nested splitter which contains a sliding pane on the right, and another horizontally split content pane to the left.  In the top portion of this content pane, I have a rad grid which occupies the entire space.  Whenever I attempt to resize the page, I run into two issues:

1.  I get the "Invalid Argument" error on this line:

this._owner.GridHeaderDiv.style.width=this._owner.GridDataDiv.offsetWidth-Telerik.Web.UI.Grid.getScrollBarHeight()+"px";

After taking a look through debug, the width being returned is "-16px".

this._owner.GridDataDiv.offsetWidth = 1

and

Telerik.Web.UI.Grid.getScrollBarHeight() = 17

thus:

this._owner.GridHeaderDiv.style.width = "-16px"

It seems like there is a miscalculation or that the width offset is not being set before this line is run.  Anyhow, I hope this information helps.

2.  The page resize for the splitter is quite slow (taking up to 4 seconds).

For this issue, I don't know if there is currently anything that will help speed up the resize other than simplifying the page, but any feedback would be greatly appreciated.


Thanks,
Jason 

0
Konstantin Petkov
Telerik team
answered on 24 Sep 2008, 05:31 AM
Hello Jason,

I'd suggest you isolate those issues in a sample runnable project and send it to us through a regular support ticket (attachments are not allowed in the forums). We will test and investigate that locally and get back to you with a possible solution. This should be the fastest way to help you resolve the exact problems you experience on your end. Thank you for the understanding!

Regards,
Konstantin Petkov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Grid
Asked by
Hrushikesh Mokashi
Top achievements
Rank 1
Answers by
Konstantin Petkov
Telerik team
Jason
Top achievements
Rank 1
Share this question
or