Questions on UI for ASP.NET AJAX Forum

1 answer

147 views

how to reduce flickering and increase perfamance

Hi,

I have an asp.net application written in C# and need some help to fine tune it for better performance. All pages with in this web application have horizontal tab, left vertical menu panel , footer and header. Left menu panel changes as per top tab selection.

In my current code - tab, left menu panel, header and footer are loaded for every page. Is it possible to load these things once per tab selection and then change content area ONLY when user navigates to different pages from menu panel?

i send my master page file please check any changes please give me any suggestions.

                    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Default.master.cs" Inherits="TelerikComponentsWS.Default" %>         
                     
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>         
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">         
            <html xmlns="http://www.w3.org/1999/xhtml">         
            <head runat="server">         
              <meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" />         
            <meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />          
                     
                <title></title>         
                <link rel="Stylesheet" href="css/styles.css" type="text/css" />         
                       
            </head>         
            <body>         
                <form id="form1" runat="server">         
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" >         
                </telerik:RadStyleSheetManager>         
                <telerik:RadScriptManager ID="scm" runat="server" ScriptMode="Release" >         
                        
                </telerik:RadScriptManager>         
                <div style="height: 100%;" id="splitterContainer">         
                    <telerik:RadAjaxManager ID="radAjMan" runat="server" UpdatePanelsRenderMode="Inline"         
                      DefaultLoadingPanelID="logPan"  >         
                        <AjaxSettings>         
                            <telerik:AjaxSetting AjaxControlID="horMenu">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="leftMenu"  />         
                                             
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                            <telerik:AjaxSetting AjaxControlID="btn_logout">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="btn_logout"  />         
                                            
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                            <telerik:AjaxSetting AjaxControlID="leftMenu">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="centerContent"  />         
                                            
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                                   
                        </AjaxSettings>         
                                 
                    </telerik:RadAjaxManager>         
                             
                    <telerik:radformdecorator id="RadFormDecorator2" DecoratedControls="all" runat="server" decorationzoneid="ZoneID2"         
                        skin="Windows7" ControlsToSkip="Select">         
                    </telerik:radformdecorator>         
                     <telerik:radformdecorator id="RadFormDecorator1" DecoratedControls="all" runat="server" decorationzoneid="ZoneID3"         
                        skin="Windows7" ControlsToSkip="Select">         
                    </telerik:radformdecorator>         
                   <%-- <telerik:RadWindowManager ID="radWin" runat="server">         
                        <Windows>         
                            <telerik:RadWindow ID="defFacWnd" OffsetElementID='<%#lnk_def_facility.ClientID%>'         
                                OpenerElementID='<%#lnk_def_facility.ClientID%>' NavigateUrl="~/User/DefFacility.aspx"         
                                OnClientClose="onDefFacClose" runat="server">         
                            </telerik:RadWindow>         
                        </Windows>         
                    </telerik:RadWindowManager>--%>         
                    <telerik:RadFormDecorator ID="rad_decorator" runat="server" DecoratedControls="all" ControlsToSkip="Select">         
                    </telerik:RadFormDecorator>         
                    <telerik:RadSplitter ID="contentSplitter" runat="server" Height="100%" Width="100%"         
                      VisibleDuringInit="false" OnClientLoaded="initSplitter"  ResizeWithBrowserWindow="true" LiveResize="false"         
                            PanesBorderSize="0" ResizeMode="EndPane">         
                        <telerik:RadPane ID="navigationPane" runat="server" Width="190" >         
                            <div style="margin: 5px;">         
                             <br/>         
                                <asp:Image ID="Image2" runat="server" ImageUrl="~/img/company_logo.jpg" />         
                                         
                                        
                                <br />         
                              <%--  <asp:LinkButton ID="lnk_def_facility" runat="server"></asp:LinkButton>--%>         
                            </div>         
                            <asp:Panel ID="Panel1" runat="server">         
                            <telerik:RadPanelBar ID="leftMenu" runat="server" Width="180px">         
                            </telerik:RadPanelBar>         
                            </asp:Panel>         
                             <br/>         
                             <br/>         
                              <br/>         
                                      
                            <div >         
                            <asp:Button runat="server" ID="btn_logout" Text="Logout"  CausesValidation="false" />           
                            </div>         
                        </telerik:RadPane>         
                        <telerik:RadSplitBar ID="splitter" runat="server" CollapseMode="Forward"  />         
                        <telerik:RadPane ID="contentPane" runat="server" MinWidth="400">         
                            <div style="margin: 5px;">         
                              <div id="ZoneID4" style="right: auto">         
                            <fieldset width="100%" style="border-style: none; padding-right: inherit;"  align="right">         
                                <asp:Image ID="Image1" runat="server"          
                                    ImageUrl="~/img/studentdatasuite_header.jpg" />          
                                </fieldset>         
                                </div>         
                                 <asp:Panel ID="Panel2" runat="server">         
                                <telerik:RadTabStrip ID="horMenu" runat="server" SelectedIndex="0" DataFieldID="module_id">         
                                    <DataBindings>         
                                        <telerik:RadTabBinding TextField="module" ValueField="module_id" />         
                                    </DataBindings>         
                                </telerik:RadTabStrip>         
                                </asp:Panel>         
                                        
                            </div>         
                            <div style="margin: 5px;">         
                                <h2>         
                                    <asp:Literal runat="server" ID="ltTitle"></asp:Literal></h2>         
                                <asp:ContentPlaceHolder ID="centerContent" runat="server">         
                                         
                                </asp:ContentPlaceHolder>         
                            </div>         
                            <div id="ZoneID3" style="right: auto">         
                            <fieldset width="100%" style="border-style: none; padding-right: inherit;"  align="center">         
                                <p> © 2009 Sama IT Group. All rights reserved.         
                                        <a target="_self" title="Home" href="http://www.samaitgroup.com/">Home</a>          
                                        <a target="_self" title="Products" href="http://www.samaitgroup.com/products.html">Products</a>          
                                        <a target="_self" title="Aboutus" href="http://www.samaitgroup.com/aboutus.html">Aboutus</a>         
                                        <a target="_self" title="Support" href="http://www.samaitgroup.com/support.html">Support</a>         
                                        <a target="_self" title="Contacts" href="http://www.samaitgroup.com/contactus.html">Contacts</a>         
                                   </p>         
                                </fieldset>         
                                </div>         
                                      
                        </telerik:RadPane>         
                    </telerik:RadSplitter>         
                           
                    <telerik:RadAjaxLoadingPanel ID="logPan" runat="server" IsSticky="true" Transparency="30"         
                        Style="position: absolute; top: 0; left: 0; line-height: 60px; text-align: center;         
                        z-index: 99;" Width="100%" Height="100%" BackColor="#B9CDF7">         
                        <%--<asp:Image ID="img" runat="server" Width="130px" Height="60px" ImageUrl="~/img/loading.gif"         
                            Style="border: 0; margin-top: 70px;"></asp:Image>--%>         
                    </telerik:RadAjaxLoadingPanel>         
                          
                                         
                                         
                                     
                </div>         
            <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">         
                <script type="text/javascript">         
            //        function onDefFacClose(oWnd) {            //get the transferred arguments         
            //            var arg = oWnd.argument;         
            //            if (arg) {         
            //                var facName = arg.facName;         
            //                $get(oWnd.get_openerElementID()).innerHTML = facName;         
            //            }         
            //        }         
                    function initSplitter(sender, args)           
                    {                  
                        sender.get_element().style.visibility = 'inherit';           
                    }           
                      
                </script>         
                        
            </telerik:RadScriptBlock>         
                </form>         
            </body>         
            </html>         
                     

thanks and regards

shanker.B

General Discussions

answered on 01 Jun 2010

0 answers

112 views

ClientTemplate javascript

Hi,

How to eval one javascript expression in this scope. addSeparators is javascript function. Using RadGrid client side.

    
            <telerik:ClientTemplate Name="Price" runat="server"> 
        
              addSeparators({#MetaFields.Price#},'.','.',','))
        
            </telerik:ClientTemplate>

is returning not evaluated expression.

Thanks.

Grid

asked on 01 Jun 2010

2 answers

69 views

Regarding "EnablePostBackOnRowClick" property

Requirements
RadControls version
.NET version
Visual Studio version
programming language
browser support	all browsers supported by RadControls

PROJECT DESCRIPTION
Which event in code behind captures after post back when "EnablePostBackOnRowClick" is set to true

Grid

answered on 01 Jun 2010

2 answers

127 views

[Solved] Need Grouping Help!

If you go to http://www.telerik.com/help/aspnet-ajax/grdbasicgrouping.html, it shows a graphic of a RadGrid with Supplier and Category grouping (first graphic). I need to do a similar two level grouping:

Top Level
   Second Level
      Data
   Second Level
      Data
Top Level
   Second Level
      Data
...

How do you do this programmatically (in C#)? I've gotten the first level to work, but can't get the second. See code snippet below.

    
                  GridGroupByExpression expression = new GridGroupByExpression();

                  GridGroupByField      gridGroupByField;

                  MyGrid.DataSource = ds; // dataset  

                  gridGroupByField = new GridGroupByField(); 
        
                  gridGroupByField.FieldName = "TopLevel"; 
        
                  gridGroupByField.HeaderText = " "; 
        
                  gridGroupByField.HeaderValueSeparator = ""; 
        
                  gridGroupByField.FormatString = "<strong>{0}</strong>"; 
        
                  expression.SelectFields.Add( gridGroupByField ); 
        
                  gridGroupByField = new GridGroupByField(); 
        
                  gridGroupByField.FieldName = "TopLevel"; 
        
                  expression.GroupByFields.Add( gridGroupByField ); 
        
                  MyGrid.MasterTableView.GroupByExpressions.Add(expression); 
        
                  MyGrid.DataBind();

Thanks,
Gary

Grid

answered on 01 Jun 2010

4 answers

284 views

How to get the dataitem ?

I an using serverside binding for the grid. When I am trying to get the dataItem on the client side it is null. Do you have an example how to get the dataitem on the client side when we are using server side binding ?

This is what I am doing to get the dataitem from the client side. But the dataitem is null.

var manageContainersId = EHProcessingGrid.get_masterTableView().get_selectedItems()[0]._dataItem.LabelId;

Grid

answered on 01 Jun 2010

0 answers

63 views

Migrating from RadTreeView for ASP.NET to ASP.NET Ajax

I have migrated to telerik asp.net ajajx controls. Below is the javascript code which was working fine for RadTreeView when I was using the older verison of telerik controls but it is not working anymore after migrating to ASP.NET ajax controls.

Below is the code when I was using older version of telerik controls.

    
            function CheckAllLeafs()  
        
                {  
        
                    var i;            
        
                    var lvlChk= document.getElementById("CheckAllLeafsDropDown").options[document.getElementById("CheckAllLeafsDropDown").selectedIndex].value;   
        
                    for (i=0; i<TopicsTree.all.length; i++){  
        
                     {  
        
                            if(TopicsTree.all[i].Level == lvlChk)  
        
                            {  
        
                                TopicsTree.all[i].Check();  
        
                            }  
        
                            else 
        
                            {  
        
                                TopicsTree.all[i].Check();              }  
        
                        }  
        
                    }          
        
                }

After mograting to the ASP>NET Ajajx controls, I made the following changes

function CheckAllLeafs()

{

var i;

var lvlChk= document.getElementById("CheckAllLeafsDropDown").options[document.getElementById("CheckAllLeafsDropDown").selectedIndex].value;

for (i=0; i<TopicsTree.all.length; i++){

if(TopicsTree.all[i].tagName == "INPUT") {

if(TopicsTree.all[i].Level == lvlChk)

{

TopicsTree.all[i].Checked = true;

}

else

{

TopicsTree.all[i].Checked = false;

}

But it never executes statement 'TopicsTree.all[i].Level == lvlChk' since there is no property such as 'Level'. I could find the property for 'check' but can't find for 'Level'.

Plese help me!

TreeView

asked on 01 Jun 2010

2 answers

140 views

Delay playing audio

Is it possible to delay playing the audio after users click on the "Get Audio Code" link? I would like to set a pause functionality on the link click. This is useful for accessibility usage.

Thanks.

Captcha

answered on 01 Jun 2010

2 answers

287 views

[Solved] Access parent page

Is it possible to access public propertys on the parent page of a rad window? When I say parent page I mean the page that contains the rad window. When not using Radwindows I do the following...

Dim

parPage As MyPage= Me.Parent

I could send the values to the radwindow but it seems like there should be a way to get the values directly from the parent. Any thoughts?

Window

answered on 01 Jun 2010

3 answers

124 views

MasterPage Content Error with Tabstrip

I have a few levels of master page each built with tabstrip as link button.

    
                 <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1" SelectedIndex="0" ClickSelectedTab="true">  
        
                         <Tabs> 
        
                             <telerik:RadTab Text="Bills" NavigateUrl="ReportParameters.aspx" runat="server" Selected="True" Font-Underline="true" Font-Italic="true" > 
        
                             </telerik:RadTab> 
        
                             <telerik:RadTab Text="Reports" NavigateUrl="FlowThroughStart.aspx" runat="server"  Selected="True" Font-Underline="true" Font-Italic="true">  
        
                             </telerik:RadTab> 
        
                         </Tabs> 
        
                     </telerik:RadTabStrip> 
        
            <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">  
        
                         <telerik:RadPageView runat="server" ID="RadPageView1"></telerik:RadPageView>   
        
                         <telerik:RadPageView runat="server" ID="RadPageView2" ></telerik:RadPageView> 
        
            </telerik:RadMultiPage>

this is the top master page.

then goes down to here another master page under the one above still built with tabstrip

    
            <div id="Div1">          
        
                           <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1" SelectedIndex="0">  
        
                         <Tabs>  
        
                             <telerik:RadTab Text="Flow Through" NavigateUrl="FlowThroughStart.aspx" runat="server" Selected="True"  Font-Italic="true" BackColor="Brown" >  
        
                             </telerik:RadTab>  
        
                             <telerik:RadTab Text="Rebill" NavigateUrl="RebillStart.aspx" runat="server"  Selected="True"  Font-Italic="true" BackColor="Brown">  
        
                             </telerik:RadTab>  
        
                              <telerik:RadTab Text="General" NavigateUrl="GeneralStart.aspx" runat="server"  Selected="True"  Font-Italic="true" BackColor="Brown">  
        
                             </telerik:RadTab>  
        
                         </Tabs>  
        
                     </telerik:RadTabStrip>  
        
            <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">  
        
                         <telerik:RadPageView runat="server" ID="RadPageView1"></telerik:RadPageView>   
        
                         <telerik:RadPageView runat="server" ID="RadPageView2" ></telerik:RadPageView>  
        
                         <telerik:RadPageView runat="server" ID="RadPageView3" ></telerik:RadPageView>  
        
            </telerik:RadMultiPage>

while run this page
if I select any tab except the first one on the second level, for instance in this case ReBill. The higher level tabstrip which should be Reports displayed as selected will be replaced automaticly with the first tab which is Bills.

Can someone help me on this . Thank you very much

TabStrip

answered on 01 Jun 2010

2 answers

77 views

[Solved] Treeview as AJAX Rendered Control -Client side API .Nodes issue

When I use Rad treeview as a server side rendered control thru AJAX, none of the clinet sideProperties seem to work, all other functionality seem to work. Please see the Javascript code sample below ( the errors are shown in comment )

function get_checkedNodes_LEAF(tree) {
         var checkedNodes = [];
//error description below
// tree.AllNodes does not work, Javascript error .AllNodes not defined
// but the below get method works
         var allNodes = tree.get_allNodes();
         for (var i = 0, j = 0; i < allNodes.length; i++) {
         //eliminate partially checked nodes
             if (allNodes[i].get_checkState() == 1) {
                  //   error description below
                 //    allNodes[i].Nodes gives Javascript error .Nodes not defined
                 //     also allNodes[i].get_nodes() returns undefined
                checkedNodes[j] = allNodes[i];
                 j++;
             }
         }
         return checkedNodes;
     }

I would need to find only leaf nodes that are checked so I would need to
use node.Nodes.length == 0 check which does not work.

Can anybody help?
Thanks for your support.

Thanks,
Sanjev

TreeView

answered on 01 Jun 2010