Questions on UI for ASP.NET AJAX Forum

2 answers

128 views

I used the following code to call JS to refresh my grid,But it does not work sometimes.it remend me that :can not find object "AddRebind".
I do not know why.

    
            string script = "<script language='javascript' type='text/javascript'>Sys.Application.add_load(AddRebind);</script>"; 
        
            ScriptManager.RegisterStartupScript(this, this.GetType(), "AddRebind", script, false);

But the function AddRebind is written in my aspx page.

Window

answered on 02 Jun 2010

2 answers

228 views

Could not complete the operation/Input problems. (sample included)

Hello,

i'am getting an error while using IE (ff runs ok)

htmlfile: Could not complete the operation due to error 800a025e. (select something from 1st combobox then select something from 2nd, and then click back on 1st combobox(on text area) ) p.s. exception is not shown when i click on 1st combocox arrow to expand list.

Also when i select something from 1st combo, then from 2nd (2nd combobox datasource is based on 1st combobox selection)

and after that try to insert some date into RadMaskedTextBox nothing happens (no text is inserted, no exceptions is thrown).

Here is aspx code (from form to /form for easy copypaste =] )

                        <form id="form1" runat="server">         
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">         
                </telerik:RadScriptManager>         
                <div>         
                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">         
                        <div>         
                            <table>         
                                <tr>         
                                    <td>         
                                        <asp:Label ID="lblCustomer" runat="server" Text="Customer : "></asp:Label>         
                                    </td>         
                                    <td>         
                                        <telerik:RadComboBox ID="cbxCustomerEng" DropDownWidth="250" runat="server" AllowCustomText="True"         
                                            Filter="StartsWith" AutoPostBack="true" OnSelectedIndexChanged="cbxCustomerEng_SelectedIndexChanged">         
                                        </telerik:RadComboBox>         
                                    </td>         
                                </tr>         
                                <tr>         
                                    <td>         
                                        <asp:Label ID="lblName" runat="server" Text="Name : "></asp:Label>         
                                    </td>         
                                    <td>         
                                        <telerik:RadComboBox ID="cbxProjectName" Filter="StartsWith" runat="server" AllowCustomText="True"         
                                            AutoPostBack="true" OnSelectedIndexChanged="cbxProjectName_SelectedIndexChanged"         
                                            DropDownWidth="250">         
                                        </telerik:RadComboBox>         
                                    </td>         
                                </tr>         
                                <tr>         
                                    <td style="height: auto;">         
                                        <asp:Label ID="lblStartTime" runat="server" Text="Start : "></asp:Label>         
                                        <telerik:RadMaskedTextBox ID="tbxMyProjectStartTime" runat="server" Mask="##.####"         
                                            Width="50px">         
                                        </telerik:RadMaskedTextBox>         
                                        <asp:Label ID="lblEndTime" runat="server" Text="End : "></asp:Label>         
                                        <telerik:RadMaskedTextBox ID="tbxMyProjectEndTime" runat="server" Mask="##.####"         
                                            Width="50px">         
                                        </telerik:RadMaskedTextBox>         
                                    </td>         
                                </tr>         
                            </table>         
                        </div>         
                    </telerik:RadAjaxPanel>         
                </div>         
                </form>         

and it's cs file :

                            public class customer         
                    {         
                        string customerName;         
                     
                        public string CustomerName         
                        {         
                            get { return customerName; }         
                            set { customerName = value; }         
                        }         
                    }         
                    public class project         
                    {         
                        string projectName;         
                        public string ProjectName         
                        {         
                            get { return projectName; }         
                            set { projectName = value; }         
                        }         
                     
                        string customerName;         
                        public string CustomerName         
                        {         
                            get { return customerName; }         
                            set { customerName = value; }         
                        }         
                    }         
                    protected void Page_Load(object sender, EventArgs e)         
                    {         
                        if (!IsPostBack)         
                        {         
                            List<customer> customers = new List<customer>();         
                            customer c1 = new customer();         
                            c1.CustomerName = "Cust1";         
                            customers.Add(c1);         
                            customer c2 = new customer();         
                            c2.CustomerName = "Cust2";         
                            customers.Add(c2);         
                            customer c3 = new customer();         
                            c3.CustomerName = "Cust3";         
                            customers.Add(c3);         
                            customer c4 = new customer();         
                            c4.CustomerName = "Cust4";         
                            customers.Add(c4);         
                     
                            cbxCustomerEng.DataSource = customers;         
                            cbxCustomerEng.DataTextField = "CustomerName";         
                            cbxCustomerEng.DataBind();         
                     
                            List<project> projects = new List<project>();         
                            project p1 = new project();         
                            p1.CustomerName = "Cust1";         
                            p1.ProjectName = "Proj1";         
                            projects.Add(p1);         
                            project p2 = new project();         
                            p2.CustomerName = "Cust1";         
                            p2.ProjectName = "Proj2";         
                            projects.Add(p2);         
                            project p3 = new project();         
                            p3.CustomerName = "Cust2";         
                            p3.ProjectName = "Proj3";         
                            projects.Add(p3);         
                            project p4 = new project();         
                            p4.CustomerName = "Cust2";         
                            p4.ProjectName = "Proj4";         
                            projects.Add(p4);         
                            Session["projects"] = projects;         
                        }         
                    }         
                     
                    protected void cbxCustomerEng_SelectedIndexChanged(object o, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)         
                    {         
                        setProjectComboboxDS(cbxProjectName, e.Text);         
                    }         
                     
                    private void setProjectComboboxDS(RadComboBox cbxProjectName, string customerName)         
                    {         
                        IList<project> projects = (IList<project>)Session["projects"];         
                        var ds = from temp in projects where temp.CustomerName == customerName select temp;         
                     
                        cbxProjectName.DataSource = ds;         
                        cbxProjectName.DataTextField = "ProjectName";         
                        cbxProjectName.DataBind();         
                    }         
                     
                    protected void cbxProjectName_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)         
                    {         
                     
                    }         

would be glad to hear how to fix this behaviour.

Thank You !

General Discussions

answered on 02 Jun 2010

2 answers

135 views

Hide SlidingPane header

I don't know what you call the part of a SlidingPane that contains the close and dock buttons, but I'd like to hide it.
Server-side would be preferable.

TIA,

Ed

Splitter

answered on 01 Jun 2010

4 answers

152 views

Why is GridDragDropEventArgs.DraggedItems Type of IList?

Is there a valid reason that GridDragDropEventArgs.DraggedItems is an IList instead of a GridItemCollection?
May I suggest, the items collections in handlers and helper properties alike should conform.

The fact that they don't conform present a challenge for generics and doesn't make any sense to me.

Grid

answered on 01 Jun 2010

1 answer

152 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

126 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

72 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

131 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

295 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

68 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