Questions on UI for ASP.NET AJAX Forum

4 answers

124 views

[Solved] radajaxpanel 2010.1 ajax toolkit error

Hello,
I have a simple page with telerik RadAjaxPanel and a RadComboBox. I also need the Ajax toolkit (ver 4) so I refer to the scripts (MicrosoftAjax.js etc). The combobox has autopostback enabled. The error is (when EnableScriptCombine="False"):

Line: 183
Error: Object doesn't support this property or method

If I remove the ajax toolkit script reference it works (or dont have autopostback on the combo), so what do I do wrong when I combine them?
Best regards, Petter.

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="pf3.aspx.vb" Inherits="pf3" %> 
        
            <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %> 
        
            <!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">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"   
        
                        EnableScriptCombine="False"   > 
        
                        <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> 
        
                        <asp:ScriptReference Assembly="System.Web.Extensions" Name="MicrosoftAjax.js" Path="~/Scripts/MicrosoftAjax.js" /> 
        
                        <asp:ScriptReference Assembly="System.Web.Extensions" Name="MicrosoftAjaxWebForms.js" Path="~/Scripts/MicrosoftAjaxWebForms.js" /> 
        
                    </Scripts> 
        
                    </telerik:RadScriptManager> 
        
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"     height="200px" width="300px">  
        
                    <telerik:RadComboBox ID="RadComboBox1" Runat="server" AutoPostBack="True">  
        
                        <Items> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1"   
        
                                Value="RadComboBoxItem1" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2"   
        
                                Value="RadComboBoxItem2" /> 
        
                        </Items> 
        
                    </telerik:RadComboBox> 
        
                    </telerik:RadAjaxPanel> 
        
                </form> 
        
            </body> 
        
            </html>

Ajax

answered on 21 May 2010

2 answers

92 views

[Solved] Custom Skin needs to load last

I have a custom calendar skin that I am using in the DatePicker control. I call the stylesheet in the header, set the EnableEmbeddedSkins property to False, and enter the custom skin name in the Skin property. When I run the application and open the calendar, the day row (SMTWTFS) is aligned to the right, which looks horrible. If I move the stylesheet call into the body below the the scriptmanager, the calendar will display correctly. It seems that the the default stylesheet is loading some styles after my custom styles and over-riding some of them them. Is this a bug? Thanks.

Calendar

answered on 21 May 2010

2 answers

93 views

Internet Explorer 8 issue with editor layout

For some reason it appears my internet explorer is rendering the telerik editor incorrectly. It used to work fine until I moved to VS 2010. Attached is a screen shot. Has anyone else had this issue? It does not seem to do it with other third party controls.

Editor

answered on 21 May 2010

0 answers

298 views

how to remove flickering and postback in master page

Hi

I am doing one project in telrik.it's fine, But am face problem in flickering in master page loading.so i want reduce flickering and post back.I want loading only content page.i want when i click the tab loading only content page not total page please how to remove flickering .please help me.

i am using this code in header

this is my master page .please give me any solutions

thanks regards

shanker.B

                    <%@ 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.2)" />         
                <meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)" />         
                <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" />         
                                    <telerik:AjaxUpdatedControl ControlID="horMenu" />         
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                           <telerik:AjaxSetting AjaxControlID="leftMenu">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="leftMenu" />         
                                           
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                              <telerik:AjaxSetting AjaxControlID="btn_logout">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="btn_logout" />         
                                            
                                </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" ResizeWithParentPane="false">         
                        <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>         
                            <telerik:RadPanelBar ID="leftMenu" runat="server" Width="180px">         
                            </telerik:RadPanelBar>         
                             <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>         
                                <telerik:RadTabStrip ID="horMenu" runat="server" SelectedIndex="0" DataFieldID="module_id">         
                                    <DataBindings>         
                                        <telerik:RadTabBinding TextField="module" ValueField="module_id" />         
                                    </DataBindings>         
                                </telerik:RadTabStrip>         
                                        
                            </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>         
                     

General Discussions

asked on 21 May 2010

1 answer

113 views

Duplicate Row Context Menu

It is possible to have a context menu that will allow you to duplicate information from the row you are selecting the context menu from?

Grid

answered on 21 May 2010

2 answers

94 views

Simple way to find controls in FormTemplate in script

I have a grid with FormTemplate to insert and update items. Within template there are related comboboxes that need javascript to work (client side binded). Client script needs to find them first.

How can I in simple way find them in script?

Grid

answered on 21 May 2010

4 answers

213 views

[Solved] Wrong Detail Item Placed in Edit Mode When Multiple Grid Items Are Expanded

Hello,

I have a RadGrid with 3 rows. Each of these rows have some child rows. The users are able to expand as many of the rows as they want at 1 time. However, I noticed that if the user expands all 3 rows, and then decides to click "edit" for the first or second detail rows they expanded, then the detail row of the third row is actually opened in Edit Mode. For some reason, the RadGrid is taking the last item that was expanded and using that to decide which item to open in Edit Mode. I have attached files to illustrate what I mean.

In the 'expanded radgrid.png' file I expanded all of the rows of the RadGrid. This works fine. The issue appears when I click the pencil icon, the command name is Edit, for the detail row of the 1st item I expanded. This is shown in the 'expanded radgrid edit mode.png' file. Even though I clicked on the very first detail row of the first grid item, the first detail row of the grid item that was expanded last was really opened in edit mode. It also replaces the detail table underneath the 1st grid item with the detail table underneath the last grid item. This is shown in the 'expanded radgrid after edit mode.png' file.

Any help would be much appreciated. Please let me know if you need more information!

Thanks,
Casey

Grid

answered on 21 May 2010

5 answers

187 views

[Solved] Client edit with batch server update with DETAILTABLES

Hello Telerik Team,

So, I'm implementing the new "Client edit with batch server update" (on the DEMO) (the version i'm using is "2010.1.309.35"). The thing is I'm using a RadGrid with nested view tables (juste one by item in the master table) and the edition is taking place only on the detail tables.
So the matter is I can't get the new information two storage it on BDD because I can't get the control (neither TextBox nor RadDatePicker or whathever control be).

I try this :

the markup

    
            <div id="divRadGridVehicles" class="MaintenanceGrid"> 
        
                            <telerik:RadGrid ID="RadGrid_Vehicles" runat="server"  
        
                                AllowPaging="True" 
        
                                oncolumncreated="RadGrid_Vehicles_ColumnCreated"  
        
                                onneeddatasource="RadGrid_Vehicles_NeedDataSource"  
        
                                ondetailtabledatabind="RadGrid_Vehicles_DetailTableDataBind"  
        
                                onitemcreated="RadGrid_Vehicles_ItemCreated"  
        
                                onitemdatabound="RadGrid_Vehicles_ItemDataBound" > 
        
                                <HeaderStyle Width="70px" HorizontalAlign="Center" Font-Bold="true" BorderWidth="1px" BorderColor="White"/> 
        
                                <ItemStyle HorizontalAlign="Center" /> 
        
                                <AlternatingItemStyle HorizontalAlign="Center" /> 
        
                                <MasterTableView EditMode="InPlace" 
        
                                        CommandItemDisplay="Bottom" TableLayout="Fixed"> 
        
                                        <NoRecordsTemplate> 
        
                                            <div style="height: 30px; cursor: pointer;"> 
        
                                                No items to view</div> 
        
                                        </NoRecordsTemplate>                                         
        
                                        <CommandItemTemplate> 
        
                                             <div style="height: 30px; text-align: right;"> 
        
                                                    <asp:Image ID="imgCancelChanges"  
        
                                                        runat="server"  
        
                                                        ImageUrl="~/App_Themes/Client/Images/Maintenance/cancel.gif" 
        
                                                        AlternateText="Cancel changes"  
        
                                                        ToolTip="Cancel changes"  
        
                                                        Height="24px"  
        
                                                        style="cursor: pointer; margin: 2px 5px 0px 0px;" onclick="CancelChanges();" /> 
        
                                                    <asp:Image ID="imgProcessChanges"  
        
                                                        runat="server"  
        
                                                        ImageUrl="~/App_Themes/Client/Images/Maintenance/ok.gif" 
        
                                                        AlternateText="Process changes"  
        
                                                        ToolTip="Process changes"  
        
                                                        Height="24px"  
        
                                                        style="cursor: pointer; margin: 2px 5px 0px 0px;" onclick="ProcessChanges();" /> 
        
                                            </div>  
        
                                        </CommandItemTemplate> 
        
                                    <DetailTables>                         
        
                                        <telerik:GridTableView EditMode="InPlace" ClientDataKeyNames="ID, HM_ID" DataKeyNames="ID, HM_ID" >                                                                       
        
                                        </telerik:GridTableView>                                                                                
        
                                    </DetailTables>             
        
                                </MasterTableView> 
        
                                <ClientSettings> 
        
                                    <ClientEvents OnRowCreated="RowCreated"  
        
                                        OnRowClick="RowClick"  
        
                                        OnCommand="Grids_Command"  
        
                                        OnGridDestroying="GridDestroying" 
        
                                        OnRowDropping="onRowDropping" /> 
        
                                    <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" /> 
        
                                    <Scrolling AllowScroll="True" />                 
        
                                </ClientSettings>                                  
        
                            </telerik:RadGrid> 
        
                        </div>

the server side code:

    
            protected void radAjax_AjaxRequest(object sender, AjaxRequestEventArgs e)  
        
                {         
        
                            //this doesn't work (return null)-------------  
        
                            //updatedItem = RadGrid_Vehicles.MasterTableView.DetailTables[Convert.ToInt32(hmId_detailTableIndex[1])].FindItemByKeyValue("HM_ID", int.Parse(hmId_detailTableIndex[0]));  
        
                            string keyValue = hmId_detailTableIndex[0];  
        
            //----------------------------------------------------  
        
            // this return the row but it is impossible to find the controls ------------  
        
                            GridTableView nestedTableView = (RadGrid_Vehicles.MasterTableView.Items[0] as GridDataItem).ChildItem.NestedTableViews[0];  
        
                           string keyValue = hmId_detailTableIndex[0];  
        
                            rowItem = nestedTableView.FindItemByKeyValue("ID", (object)int.Parse(keyValue));                 
        
                            UpdateDetailVehicleValues(rowItem);              
        
                }  
        
            protected void UpdateDetailVehicleValues(GridDataItem updatedItem)  
        
                {  
        
                    TextBox txtBox = new TextBox();  
        
                    RadDatePicker radDatePicker = new RadDatePicker();  
        
            //It doesn't find the control  
        
                    txtBox.Text = ((TextBox)updatedItem.FindControl("txtBox_HM_ID_" + (string)updatedItem["HM_ID"].Text)).Text;  
        
                    radDatePicker.SelectedDate = ((RadDatePicker)updatedItem[""].Controls[1]).SelectedDate;  
        
                    if (updatedItem["HM_ID"].Text != "")  
        
                    {  
        
                        managerClient.managerMaintenance.UpdateHistoryMaintenance(  
        
                            Convert.ToInt32(updatedItem["HM_ID"].Text),  
        
                            txtBox.Text,  
        
                            Convert.ToDateTime(radDatePicker.SelectedDate));  
        
                    }  
        
                }

So, how can I proceed to find the controls and get the edited information?

Best wishes,

Santiago

Grid

answered on 21 May 2010

3 answers

201 views

Implement iCalendar Export to Outlook in Scheduler Appointment Context menu

I am trying to put the iCalendar export functionality
http://demos.telerik.com/aspnet-ajax/scheduler/examples/export/defaultvb.aspx
into the Appointment context menu
http://demos.telerik.com/aspnet-ajax/scheduler/examples/contextmenu/defaultvb.aspx

Has anyone accomplished this yet and do they have a code snippet?

Thanks

Scheduler

answered on 21 May 2010

4 answers

1.7K+ views

[Solved] RadGrid Export to PDF- change page setup from portrait to landscape

Hello,

I am trying to export a RadGrid to PDF. However, the text overlaps. I have used your RadGrid Export tips and tricks to resize the item cell but still the columns are more and therefore I need to export the grid to the pdf as a landscape. Please let me know how this can be achieved. Thank you.

Grid

answered on 21 May 2010