Questions on UI for ASP.NET AJAX Forum

4 answers

128 views

[Solved] Treeview in Combobox with AJAX Panel Strange behavior

Hi,

Im using treeview in combobox.

URL with AJAXPanel: http://www.ximnet.com.my/aspnet35/telerik/treeview/

URL without AJAXPanel: http://www.ximnet.com.my/aspnet35/telerik/treeview/noajax/Default.aspx

Basically when user select language, the treeview will load the correct sections for selected language.

In the ajax version, when we select English, and select Sub Section B, we will get Section ASection BSub Section BSection C in the combobox, compared to the correct value in the non-ajax version.

My ASPX code:

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="telerik_treeview_Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <script type="text/javascript">  
        
                function comboLoad(sender, eventArgs) {  
        
                    sender.set_text(sender.get_items().getItem(0).get_value());  
        
                }  
        
                function nodeClicking(sender, args) {  
        
                    var comboBox = $find("<%= cbSection.ClientID %>");  
        
                    var node = args.get_node()  
        
                    comboBox.set_text(node.get_text());  
        
                    comboBox.trackChanges();  
        
                    comboBox.get_items().getItem(0).set_value(node.get_text());  
        
                    comboBox.commitChanges();  
        
                    comboBox.hideDropDown();  
        
                }  
        
                function StopPropagation(e) {  
        
                    if (!e) {  
        
                        e = window.event;  
        
                    }  
        
                    e.cancelBubble = true;  
        
                }  
        
                function OnClientDropDownOpenedHandler(sender, eventArgs) {  
        
                    var tree = sender.get_items().getItem(0).findControl("TVSection");  
        
                    var selectedNode = tree.get_selectedNode();  
        
                    if (selectedNode) {  
        
                        selectedNode.scrollIntoView();  
        
                    }  
        
                }  
        
            </script> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                </asp:ScriptManager> 
        
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px">  
        
                    <div> 
        
                        <telerik:RadComboBox ID="cbLanguage" runat="server" ShowToggleImage="True" Skin="Default" 
        
                            Width="300px" AutoPostBack="True" CausesValidation="False">  
        
                            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                        </telerik:RadComboBox> 
        
                    </div> 
        
                    <div> 
        
                        <telerik:RadComboBox ID="cbSection" Text="Please select section" AllowCustomText="true" 
        
                            runat="server" Height="140px" Width="300px" ShowToggleImage="True" Skin="Default" 
        
                            OnClientLoad="comboLoad" OnClientDropDownOpened="OnClientDropDownOpenedHandler">  
        
                            <ItemTemplate> 
        
                                <div id="div1">  
        
                                    <telerik:RadTreeView runat="server" ID="TVSection" OnClientNodeClicking="nodeClicking" 
        
                                        Skin="Web20" /> 
        
                                </div> 
        
                            </ItemTemplate> 
        
                            <Items> 
        
                                <telerik:RadComboBoxItem Text="" /> 
        
                            </Items> 
        
                            <CollapseAnimation Type="None" /> 
        
                            <ExpandAnimation Type="None" /> 
        
                        </telerik:RadComboBox> 
        
                        <script type="text/javascript">  
        
                            var div1 = document.getElementById("div1");  
        
                            div1.onclick = StopPropagation;  
        
                        </script> 
        
                    </div> 
        
                </telerik:RadAjaxPanel> 
        
                </form> 
        
            </body> 
        
            </html>

Is there something I did wrong ?

TreeView

answered on 13 Mar 2009

1 answer

81 views

Is there a way to trigger the EditForm Popup event from an asp:button?

I would like to trigger the RadGrid EditForm Popup when an <asp:button> is clicked. In other words, I would like to use the auto-generated form that is created when the "Add a Record" on the grid is selected. The location of this button is not near the grid itself, otherwise I would use the Toolbar option.

Is this possible? Thanks in advance.

Grid

answered on 13 Mar 2009

2 answers

188 views

[Solved] RadGrid and Super/SubClass

My application of a database requires developing super/subclass tables and relationships using SQL Server. For the superclass table, it is very easy to use RadGrid to develop both the structure and potential hierarchy relationships between each row in the table. However, I find it necessary to be able to display for each row in a superclass table unqiue data which belongs to the corresponding subclass. This requirement extends not only to the display of the data but also inserts and updates of the record. While RadGrid supports most of my requirements, how would one build such a RadGrid display using these requirements? I know I can use Templates to display data not shown in the RadGrid, such as from the CardView example, but what if there are 10 different subclass tables and each has unique structures and display?

Grid

answered on 12 Mar 2009

2 answers

139 views

[Solved] "Undifined" When calling from Client Side

Hi, there, Just trying to change item status from Clientside and got an undifined error
here is my code

    
            <telerik:RadToolBar ID="ToolListing" runat="server" CssClass="toolbar" OnClientButtonClicking="onToolButtonClick">  
        
                            <collapseanimation type="None"></collapseanimation> 
        
                            <items> 
        
                                <telerik:RadToolBarButton runat="server" CommandName="ALL" Text="All" Value="ALL" 
        
                                    ImageUrl="~/Images/Icons/select_all_new.png" ImagePosition="AboveText" PostBack="False">  
        
                                </telerik:RadToolBarButton> 
        
                            </items> 
        
            </telerik:RadToolBar>

    
              <telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">  
        
                    <script type="text/javascript">  
        
                  <!--  
        
             function onToolButtonClick(sender, args) {  
        
                             if (args.get_item().get_commandName() == 'ALL') {  
        
                                var atoolBar = $find("<%=ToolListing.ClientID %>");  
        
                                atoolbar.findItemByValue("ALL").set_enabled(false);  
        
                                args.set_cancel(true);  
        
                            }  
        
                        }  
        
             -->        
        
                    </script> 
        
                </telerik:RadCodeBlock>

Strange it will actually not work
any idea?

ToolBar

answered on 12 Mar 2009

7 answers

331 views

show empty message on page load

I have a search text box on my page.
On the first page load I want to display the textbox with a message like "enter name here"
Once the user starts typing int he textbox i want the message to go away and just show the text that the user typed.

I tried setting EmptyMessage but it does not show.

Input

answered on 12 Mar 2009

2 answers

156 views

RadMultiPage without Tabs

Hi,

Is it possible to implement a RadMultiPage (load on demand) without tabs.
I have already tabs on my page to manage aspx page.
I would like to manage the RadMultipage with ASP button.
It's working but it is very slow (to slow) and i have problem with the postback.

Here is my code inside the aspx page:

    
            protected void Page_Load(object sender, EventArgs e) 
        
            { 
        
               if(!Page.IsPostBack) 
        
               { 
        
                   AddPageView("VacancyAddStep0"); 
        
                   btn_NextStep.Visible = true; 
        
                   btn_PreviousStep.Visible = false; 
        
               } 
        
            } 
        
            private void AddPageView(string pageViewId) 
        
            { 
        
               var pageView = new RadPageView { ID = pageViewId }; 
        
               RadMultiPage1.PageViews.Add(pageView); 
        
            } 
        
            protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e) 
        
            { 
        
                        string userControlName = "~/Views/" + e.PageView.ID + ".ascx"; 
        
                        Control userControl = Page.LoadControl(userControlName); 
        
                        userControl.ID = e.PageView.ID + "_userControl"; 
        
                        e.PageView.Controls.Add(userControl); 
        
            } 
        
            protected void LoadOfActiveRadPage(string pageName) 
        
            { 
        
                        var multiPage = RadMultiPage1; 
        
                        RadPageView _pageStep = multiPage.FindPageViewByID(pageName); 
        
                        if (_pageStep == null) 
        
                        { 
        
                            _pageStep = new RadPageView(); 
        
                            _pageStep.ID = pageName; 
        
                            multiPage.PageViews.Add(_pageStep); 
        
                        } 
        
                        _pageStep.Selected = true; 
        
            }

If it's possible? Do you have maybe a samples?
Of do I need to implement this with other control ( like update panel) ?

Any help and suggestion would be appreciate.

Thanks,

Edwin.

TabStrip

answered on 12 Mar 2009

1 answer

133 views

DataKeyValues count is always zero problem

Hello!

Please, I need help with the following.

    
             <detailtables> 
        
                                                            <telerik:GridTableView    
        
                                                                runat="server"  
        
                                                                Width="100%"   
        
                                                                DataKeyNames="Field1"  
        
                                                                PageSize="20"  
        
                                                                ShowFooter="True" 
        
                                                                >

    
            protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e) 
        
            { 

                int i = (int)this.RadGrid1.MasterTableView.DataKeyValues[e.Item.OwnerTableView.ParentItem.ItemIndex]["MasterField"]);

                int j = (int)this.RadGrid1.MasterTableView.DetailTables[0].DataKeyValues[e.Item.ItemIndex]["Field1"];

                // The second expression will result in "index out of bound" exception - it doesn't find any DataKeyValue elements

            // WHEN I DEBUG AND LOOK AT 
        
                 this.RadGrid1.MasterTableView.DataKeyValues;
        
                // ITS COUNT IS WHAT IT'S SUPPOSED TO BE : 
        
                // BUT THIS: 
        
                this.RadGrid1.MasterTableView.DetailTables[0].DataKeyValues;
        
             // IS ALWAYS ZERO. IT DOESN'T GIVE ANY ERROR WHEN IT BINDS (I.E. THE FIELD EXISTS AND IT'S NOT EMPTY FOR IT'S A PRIMARY KEY AND I CHECKED IN DEBUG) 
        
            // BOTH AT ITEM_COMMAND (WHEN THE COMMAND IS EXECUTED ON THE DETAIL TABLE IN QUESTION) AND EVEN IMIDEATELY AFTER BINDING IT WOULD BE ZERO; 
        
            }

Am I doing something wrong there?

Grid

answered on 12 Mar 2009

5 answers

207 views

list item field not saving

I believe I am using version 5.10 (06/25/2008)
It seems that the web part editor is working but for some reason the one that is used to edit list items will not save data to the list.
If I disable it and the OOTB editor shows up in the list I can edit the field and save no problem.
If I re-activate the RadEditor MOSS list editor, the editor will display the changed text but will not save any changes again using the Rad version.
From the logs, these may have to do with it:
Got List Item Version, but item was null.
03/10/2009 09:42:30.74 w3wp.exe (0x0B30)                       0x1358 CMS                           Publishing                    7fz4 High    WARNING: Cannot change FormContext.FormMode to [Invalid] because it is already set to [Edit]
03/10/2009 09:42:30.74 w3wp.exe (0x0B30)                       0x1358 CMS                           Publishing                    7fz4 High    WARNING: Cannot change FormContext.FormMode to [Invalid] because it is already set to [Edit]
03/10/2009 09:42:31.04 w3wp.exe (0x0B30)                       0x1358 CMS                           Publishing                    8ztg Medium Got List Item Version, but item was null.

WebParts for SharePoint

answered on 12 Mar 2009

0 answers

122 views

RadTreeView - Appearance

I am using a RadTreeView to display some data.

When the child nodes are expanded, the symbol in front of the node is the same as the symbol in the parent node. Is there a property to change the symbols when going to child nodes?

example: Like a bullted list in MS Word. The first is a square, the second is a circle, the third is a filled in circle, etc.., etc... something like that.

TreeView

asked on 12 Mar 2009

1 answer

92 views

Edit Grid With UserControl

Hi
I call the User Control with in Grid Edit mode.. If i add the java scripts in Usercontrols that time the edit mode error will be show like this "jscripts objects need". Let me know how can i solve this problem... How can i add the java scripts with in user control

Regards
G. Manikandan

Grid

answered on 12 Mar 2009