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

Disable navigate URL function from RadTab

6 Answers 151 Views

TabStrip

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

6 Answers, 1 is accepted

Accepted

answered on 30 Jul 2009, 04:51 PM

Dear Veselin Vasilev,

In fact, your reference to the demo permitted me to analyse with better care the differences between my implementation and telerik example, wich I didn't noticed that the url wasn't set because it didn't have the close by wheel click feature and the problem don't exist.

In telerik demo it doesn't have an navigate URL because tabs are defined by a template. Great :-) But I'm creating my tabs dynamically, on the client side by javascript, so the template solution don't apply :-( ... or I can't apply-it (it has to be databinded on the server side).

So, despite your good answer, my problem maintains :\ By the way, I don't set any navigate URL and if I set one as empty or null, it gains the "<pageURL>#" by itself.

Can I prevent the existence of the navigate URL and/or use the template from the client side?

Here is my code:

    
                <script type="text/javascript"> 
        
                    function CreateDynamicTabs() { 
        
                        var names = new Array("Advanced", "Automatic Updates", "Remote", "General", "Computer Name", "Hardware", "System Restore"); 
        
                        var _rts = $find("RadTabStrip1"); 
        
                        if (!_rts) 
        
                            _rts = RadTabStrip1; 
        
                        var _tab; 
        
                        for (x in names) { 
        
                            _tab = new Telerik.Web.UI.RadTab(); 
        
                            _tab.set_text(names[x]); 
        
                            _tab.set_navigateUrl(''); 
        
                            _rts.get_tabs().add(_tab); 
        
                        } 
        
                        _tab.select(); 
        
                        _rts._resize(); // to make the scroll buttons appear  
        
                        return; 
        
                    } 
        
                    function OnMouseUpRadTabStrip(evt) { 
        
                        var _tabTxt = event.srcElement.innerText; 
        
                        if (_tabTxt.substr(_tabTxt.length - 1) == ' ') 
        
                            _tabTxt_tabTxt = _tabTxt.substr(0, _tabTxt.length - 2); 
        
                        if (event.which == null) { /* IE case */ 
        
                            if (event.button == 4) { 
        
                                deleteTab(_tabTxt); 
        
                            } 
        
                        } 
        
                        else { /* All others */ 
        
                            if (event.which == 2) { // botão de scroll do rato 
        
                                deleteTab(_tabTxt); 
        
                            } 
        
                        } 
        
                    } 
        
                    function deleteTab(_tabName) { 
        
                        var tabStrip = RadTabStrip1.control; 
        
                        var tab = tabStrip.findTabByText(_tabName); 
        
                        var tabtabToSelect = tab.get_nextTab(); 
        
                        if (!tabToSelect) 
        
                            tabtabToSelect = tab.get_previousTab(); 
        
                        tabStrip.get_tabs().remove(tab); 
        
                        if (tabToSelect) 
        
                            tabToSelect.set_selected(true); 
        
                    } 
        
                </script> 
        
                <style type="text/css"> 
        
                    .rtsUL 
        
                    { 
        
                        width: 10000px !important; 
        
                        white-space: nowrap !important; 
        
                    } 
        
                </style> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                    <input id="Button8" type="button" value="Create Dynamic Tabs" onclick="CreateDynamicTabs()" /><br /> 
        
                    <telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop" 
        
                        Skin="WebBlue" SelectedIndex="0" Height="26px" Width="400px" ScrollChildren="True" 
        
                        ScrollButtonsPosition="Middle"> 
        
                        <TabTemplate> 
        
                            <%# DataBinder.Eval(Container, "Text") %> 
        
                            <img style="margin-left: 10px" src="Images/delete_14px.gif" alt="delete" onclick="deleteTab('<%# DataBinder.Eval(Container, "Text") %>')" /> 
        
                        </TabTemplate> 
        
                    </telerik:RadTabStrip> 
        
                </div> 
        
                </form> 
        
            </body>

    
                protected void Page_Load(object sender, EventArgs e) 
        
                { 
        
                    if (!IsPostBack) 
        
                    { 
        
                        RadTabStrip1.Attributes.Add("onmouseup", "OnMouseUpRadTabStrip(event);"); // TODO: Ver se tem de sair do !IsPostBack 
        
                        RadTabStrip1.DataBind(); 
        
                    } 
        
                }

Regards,

Rodrigo S.

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Disable navigate URL function from RadTab

6 Answers, 1 is accepted