Questions on UI for ASP.NET AJAX Forum

10 answers

629 views

[Solved] How to: Fire Server-Side code via onclientselectedindexchanged

When the index changes on the RadComboBox, how can I cause code to fire on the server?

I can do this via a PostBack (and the SelectedIndexChanged event) but that does not take advantage of AJAX.

Specifically, I want:

1. When the user changes items in the combobox, fire a sub on the server.
2. The sub on the server generates some text and places it in a <div> alread in the page.

Currently, I can do this via a "Submit" button that must be clicked once the user selects an item in the combobox.

However, a request has been made to do away with the submit button and just update the <div> as soon as the combobox value changes (which seems reasonable).

I assume I need to hook up the onclientselectedindexchanged value - but how can I reference (and cause to fire) a server-side subroutine?

Thanks-
Dave

ComboBox

answered on 11 Mar 2010

3 answers

130 views

Toolbox in Alphabetic Order

Not a big problem, but would it at all be possible, so that when you install a new version of Telerik, and it creates the Telerik folder in the toolbox, that it could put the telerik objects in alphabetical order for you?

The amount of times in a day, when I go up and down the toolbox, looking for something and can't find it, it's so annoying....!

Thanks.

John.

General Discussions

answered on 11 Mar 2010

2 answers

187 views

RadDatePicker: Can RadDatePicker show the Calendar always?

I have used RadDatePicker in my page. I want the Calender of RadDatePicker should always be open irrespective of clicking on Calendar icon.
Can any one help me in this?

Calendar

answered on 11 Mar 2010

4 answers

393 views

RadToolbarButton (OnClientButtonClicked)

Hi to all,

i have a RadToolbar and a RadGrid.

By clicking RadToolbarButton (OnClientButtonClicked), i want to go throw RadGrid - Items an check if a RadCombobox have a value or not.

It seems that Javascript is not detected or another problem is located.

Can anybody help me ...?

The Error message is a JavaScript Error "OnClientButtonClicking" is undefine

    
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                <script type="text/javascript">     
        
                    function OnClientButtonClicking(sender, args) {  
        
                        var comandName = args.get_item().get_commandName();  
        
                        if (comandName == "SaveSks") {  
        
                            alert('Check RadComboBoxes');  
        
                            return false;  
        
                        }  
        
                    }  
        
                </script> 
        
            </telerik:RadCodeBlock> 
        
            <table cellpadding="0" cellspacing="0" width="100%" style="table-layout:fixed">  
        
                <tr> 
        
                    <td> 
        
                        <telerik:RadToolBar Width="100%"   
        
                                            style="display: block; float: none"   
        
                                            ID="RadToolBar1"   
        
                                            Runat="server"   
        
                                            OnClientButtonClicking="OnClientButtonClicking" 
        
                                            onbuttonclick="RadToolBar1_ButtonClick">  
        
                            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                            <Items> 
        
                                <telerik:RadToolBarButton Value="Back" 
        
                                                          ImageUrl="~/Arrow Left.png"   
        
                                                          runat="server" Text="Back">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton   
        
                                                            Value="Save" 
        
                                                            CommandName="SaveSks" 
        
                                                            ImageUrl="~/Save.png"   
        
                                                            runat="server"   
        
                                                            Text="Save">  
        
                                </telerik:RadToolBarButton> 
        
                            </Items> 
        
                        </telerik:RadToolBar> 
        
                    </td> 
        
                </tr> 
        
                <tr> 
        
                    <td> 
        
                        <telerik:RadGrid ID="Sks" runat="server" GridLines="None" 
        
                            AllowMultiRowEdit="True" Width="100%"   
        
                            AutoGenerateColumns="False" onitemdatabound="Sks_ItemDataBound">  
        
                            <HeaderContextMenu> 
        
                                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                            </HeaderContextMenu> 
        
                           <ClientSettings AllowDragToGroup="false" AllowColumnsReorder="false" ReorderColumnsOnClient="false" AllowColumnHide="True" AllowRowHide="True">  
        
                                <Scrolling AllowScroll="true" ScrollHeight="280" /> 
        
                            </ClientSettings> 
        
                            <MasterTableView EditMode="InPlace" runat="server">  
        
                                <RowIndicatorColumn> 
        
                                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                                </RowIndicatorColumn> 
        
                                 <Columns> 
        
                                    <telerik:GridBoundColumn DataField="CId" UniqueName="CId"   
        
                                        Visible="false">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn DataField="ON"   
        
                                        UniqueName="ON" Visible="false">  
        
                                    </telerik:GridBoundColumn>   
        
                                    <telerik:GridDropDownColumn DataField="Pe" HeaderText="" 
        
                                        UniqueName="Pe" ListTextField="Value" ListValueField="TabIndex">  
        
                                        <ItemStyle Width="150px" /> 
        
                                    </telerik:GridDropDownColumn> 
        
                                </Columns>                     
        
                            </MasterTableView> 
        
                            <FilterMenu> 
        
                                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                            </FilterMenu> 
        
                        </telerik:RadGrid> 
        
                    </td> 
        
                </tr> 
        
            </table>

thanks a lot

ToolBar

answered on 11 Mar 2010

1 answer

140 views

radRotator 2.5.0.0 + mvc

hiya,

I have the above control that I got with an ms CD. I'm trying to put it on an MVC page.
However it doesn't do anything.
Do you have any patches that'll allow me to use this control on an MVC page?

Thanks

Rotator

answered on 11 Mar 2010

7 answers

255 views

Bug with ImageButton AlternateText in v2009.3.1314.35

Hi,

Here's a bug in v2009.3.1314.35.

Run the following code and you'll see that the tooltip is showing the wrong content. Instead of showing the specified toolitip content, it's showing the AlternateText of the ImageButton use to trigger the tooltip.

This bug appeared in v2009.3.1314.35...

    
               <form id="form1" runat="server"> 
        
               <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
               <h1>Telerik RadToolTip Test - v2009.3.1208.35 vs v2009.3.1314.35</h1> 
        
               <asp:ImageButton ID="btn" runat="server" ImageUrl="button.png" AlternateText="Press here" /> 
        
               <div> 
        
                  <telerik:RadToolTip ID="rtt" runat="server" Position="Center" RelativeTo="BrowserWindow" 
        
                     Modal="true" TargetControlID="btn" ShowEvent="OnClick" HideEvent="LeaveTargetAndToolTip" 
        
                     ShowDelay="0" Width="500px" Height="500px"> 
        
                     <h2>Leave the tooltip to close it....</h2> 
        
                  </telerik:RadToolTip> 
        
               </div> 
        
               </form>

Hmm, I had missed it in your release note, but this behavior is very wrong :
Fixed:The RadToolTipManager/RadToolTip interpret the Alt attribute when the target control is explicitly set, not only when AutoTooltipify is used

The ALT attritute is not meant to be tooltipified. Especially when I don't ask it too... It's meant to display something when the image file is missing and to help screen readers understand the page. It's also required to validate as XHTML.

The TITLE tag should be used to build the tooltip, but you already knew that right ?

Is there a workaround as this is definitely not the behavior I want for RadToolTip...

Thanks,

Dominic.

ToolTip

answered on 11 Mar 2010

3 answers

70 views

[Solved] Pageing problem with new 2010 Q1 release

Hi,

I have upgraded my project to the new release today and discovered that the Pagebar has disappeared in some grids.

The grids that are affected are the ones there I'm using a webservice to deliver the correct amount of data to the grid, all other grid are unaffected.

Do you have any clue how to correct this?

Best Regards

Daniel Keereweer

Grid

answered on 11 Mar 2010

1 answer

76 views

Which RadControl (ASP.NET AJAX) to use for the following task?

Hi,

I need little guidance to help me choose a RadControl for the following:

I have a form on a webpage which has an update button. After the form is updated, the user clicks on the update button and a message should display in a box stating that the form is now updated. This box should either have a cross on the top to close the box or a close button which can be clicked on and then the message box disappears. This message box should show on the page itself and not as a pop up alert or window.

Which RadControl should I use for creating this message box.

Any help / suggestion on this is highly appreciated.

Many Thanks,
Ritika

General Discussions

answered on 11 Mar 2010

1 answer

151 views

RadTabScript with Controls

Hi,

I have problems with radTabScript , radMultiPage and Controls created for each tab

CONTEXT:

I have a "container" page called "Solutions.aspx" in which I need to add tabs (controls) with RadTabStrip and RadMultiPage.

Solutions.aspx

    
            <tr> 
        
                                <td colspan="2">  
        
                                    <div> 
        
                                        <telerik:RadTabStrip ID="RadTabStripSolution" SelectedIndex="0" runat="server" MultiPageID="RadMultiPageSolution" 
        
                                            Skin="WebBlue" OnTabClick="RadTabStripSolution_TabClick">  
        
                                        </telerik:RadTabStrip> 
        
                                        <telerik:RadMultiPage ID="RadMultiPageSolution" runat="server" SelectedIndex="0" 
        
                                            OnPageViewCreated="RadMultiPageSolution_PageViewCreated" BorderWidth="1">  
        
                                        </telerik:RadMultiPage> 
        
                                    </div> 
        
                                </td> 
        
                            </tr>

Solutions.aspx.cs

    
            protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                        //Get variables   
        
                        loggedUser = (UserDTO)HttpContext.Current.Session["user"];  
        
                        if (Request.QueryString["RetirementID"] != null)  
        
                            randaID = int.Parse(Request.QueryString["RetirementID"]);  
        
                        if (!Page.IsPostBack)  
        
                        {  
        
                            RetirementDTO retirement = new RetirementController().GetRetirementAllTabs(randaID);  
        
                            WorkflowDTO wfRetirement = new WorkflowActions().ShowTabsLoad(loggedUser, retirement);  
        
                            if (wfRetirement != null)  
        
                            {  
        
                                int count = 0;  
        
                                foreach (WorkflowTabDTO wfTab in wfRetirement.Tabs)  
        
                                {  
        
                                    AddTab(wfTab);  
        
                                    if (wfTab.Selected)  
        
                                    {  
        
                                        RadTab tab = new RadTab(wfTab.TabName, wfTab.TabId.ToString());  
        
                                        if(count <=0)  
        
                                        AddPageView(tab);  
        
                                    }  
        
                                    count++;  
        
                                }  
        
                            }  
        
                            if (wfRetirement.Retirement != null)  
        
                            {  
        
                                // Retirement is locked  
        
                                if (wfRetirement.Retirement.Edited)  
        
                                {  
        
                                    //Add session "edit" -> true, edit mode  
        
                                    if (HttpContext.Current.Session["edit"] != null  
        
                                        && !HttpContext.Current.Session["edit"].ToString().Equals(string.Empty))  
        
                                    {  
        
                                        HttpContext.Current.Session.Remove("edit");  
        
                                    }  
        
                                    HttpContext.Current.Session.Add("edit", true);  
        
                                }  
        
                                else  
        
                                {  
        
                                    //Alert  
        
                                    this.AlertEditPermission.Text = GetGlobalResourceObject("RANDAGlobalResource", "readPermissionAlert").ToString();  
        
                                    this.PlaceHolderAlertEdit.Visible = true;  
        
                                    //Add session "edit" -> false, view mode  
        
                                    HttpContext.Current.Session.Add("edit", false);  
        
                                }  
        
                        }  
        
                    }

    
            protected void RadMultiPageSolution_PageViewCreated(object sender, RadMultiPageEventArgs e)  
        
                    {  
        
                        string userControlName = "../controls/" + e.PageView.ID + ".ascx";  
        
                        //Control userControl = Page.FindControl(userControlName);  
        
                        Control userControl = Page.LoadControl(userControlName);  
        
                        //if (userControl == null)  
        
                        //    userControl = Page.LoadControl(userControlName);  
        
                        userControl.ID = e.PageView.ID + "_userControl";  
        
                        if (e.PageView.FindControl(userControl.ID) == null)  
        
                        {  
        
                            e.PageView.Controls.Add(userControl);  
        
                        }  
        
                    }

    
            protected void RadTabStripSolution_TabClick(object sender, RadTabStripEventArgs e)  
        
                    {  
        
                        if (this.RadMultiPageSolution.FindPageViewByID(e.Tab.Text) == null)  
        
                            AddPageView(e.Tab);  
        
                        e.Tab.PageView.Selected = true;  
        
                    }

    
            private void AddTab(WorkflowTabDTO tabWf)  
        
                    {  
        
                        RadTab tab = new RadTab(tabWf.TabName, tabWf.TabId.ToString());  
        
                        tab.Enabled = tabWf.Enable;  
        
                        tab.Selected = tabWf.Selected;  
        
                        RadTabStripSolution.Tabs.Add(tab);              
        
                    }  
        
                    private void AddPageView(RadTab tab)  
        
                    {  
        
                        RadPageView pageViewCustom = new RadPageView();  
        
                        pageViewCustom.ID = tab.Text;  
        
                        if (this.RadMultiPageSolution.FindPageViewByID(tab.Text) == null)  
        
                        //if (this.RadMultiPageSolution.FindControl(pageViewCustom.ID) == null)  
        
                        {  
        
                            this.RadMultiPageSolution.PageViews.Add(pageViewCustom);  
        
                        }  
        
                        else 
        
                        {  
        
                            this.RadMultiPageSolution.PageViews.Remove(pageViewCustom);  
        
                            this.RadMultiPageSolution.PageViews.Add(pageViewCustom);  
        
                        }  
        
                        //pageViewCustom.Enabled = tabWf.Enable;  
        
                        tab.PageViewID = pageViewCustom.ID;  
        
                        pageViewCustom.Selected = true;

Controls:
- Register.ascx
- Research.ascx
- Agreement.ascx
- PeriodicReview.ascx
- Completion.ascx
- Administration.ascx

Example of Register.ascx:

    
            protected void nextButton_Click(object sender, EventArgs e)  
        
                    {  
        
                        RetirementDTO ret = new RetirementController().GetRetirementAllTabs(randaId);  
        
                        //Get the next Tab and give it the control  
        
                        WorkflowTabDTO wfTab = new WorkflowActions().NextTab(ret, (int)TabEnum.REGISTER);  
        
                        if (edit)  
        
                        {  
        
                            if (SaveData())  
        
                            {  
        
                                UpdateLastTabModified((int)TabEnum.REGISTER);  
        
                                GoToNextTab(wfTab);  
        
                                GoToNextPageView(wfTab);  
        
                            }  
        
                        }  
        
                        else 
        
                        {  
        
                            GoToNextTab(wfTab);  
        
                            GoToNextPageView(wfTab);  
        
                        }  
        
                    }

    
            private void GoToNextTab(WorkflowTabDTO tab)  
        
                    {  
        
                        //Enable and select the next tab  
        
                        RadTabStrip tabStrip = (RadTabStrip)Page.Master.FindControl("ContentPlaceHolder").FindControl("RadTabStripSolution");  
        
                        RadTab nextTab = tabStrip.FindTabByText(tab.TabName);  
        
                        nextTab.Enabled = tab.Enable;  
        
                        nextTab.Selected = tab.Selected;  
        
                    }  
        
                    /// <summary>  
        
                    /// Go to next page  
        
                    /// </summary>  
        
                    private void GoToNextPageView(WorkflowTabDTO tab)  
        
                    {  
        
                        //Go to next page  
        
                        RadMultiPage multiPage = (RadMultiPage)Page.Master.FindControl("ContentPlaceHolder").FindControl("RadMultiPageSolution");  
        
                        RadPageView nextPageView = multiPage.FindPageViewByID(tab.TabName);  
        
                        if (nextPageView == null)  
        
                        {  
        
                            nextPageView = new RadPageView();  
        
                            nextPageView.ID = tab.TabName;  
        
                            multiPage.PageViews.Add(nextPageView);  
        
                        }  
        
                        nextPageView.Selected = true;  
        
                  }

First at all, I add all tabs (enable or not according to bussiness rule) and I select one of them as (tab.Selected = true).
When tabs are enable, I can click on all of them and see them

I can move between tabs in two ways:
  1º) Clicking into the Tab
  2º) Press the "SAVE&NEXT" button

To set enable next tab and display it, I need to press "Save&Next" button and I need to Add into pageView the new Tab and load it.

Attached: code files and screenshot of example.

ISSUE/PROBLEM:

When I try to pass from one tab (for example: RegisterTAB) to next tab (for example: ResearchTAB) on clicking on the Tab:
  - I can't load data into new selected TAB

When I press "Save&Next" Button:
  - Next tab is not selected and data isn't loaded.


SUMMARY:

- New Tab is not selected
- Data is not loaded
- I can't see Radalert launch from Controls
- When tab is changed, RadDecorator doesn't work (example: Buttons)

See attached file.

Please, I need to resolve these issues as soon as possible.

Thanks in advance.

Lorena

TabStrip

answered on 11 Mar 2010

3 answers

190 views

Grid Column Filter Style Problem - Custom Skins

Hi,
I am using the RAD grid column filter with custom skins ,am facing the problem with the filter menu skins.
I have the sample of view of the filter.Please help me out.

Grid

answered on 11 Mar 2010