Questions on UI for ASP.NET AJAX Forum

6 answers

640 views

How to loop through a rad grid ad set certain rows into edit mode

I thought this was done with gridItem.Edit = true and I have used ths successfully in other scenarios, but I tried iterating through my grid with a for/next and all this seems to do is turn the rows yellow. It does not show the edit mode controls.

Any ideas? I basically want to programatically reproduce the affect of clicking the edit button.

Thanks!

Grid

answered on 04 Dec 2008

2 answers

62 views

AJAX not starting until editmode is hit

I have a 3-level hierarchical grid with the inner-most table being updatable. I have a combo-box that provides a filter to the grid. So, the scenario is that I choose a filter and the grid re-binds. I can then drill-down into the grid to the 3rd level and insert or update a record.

For some reason, I get full page postbacks when the grid refreshes after the combo-box filter is updated and when I click the plus signs to expand and drill down into the grid. Once I reach a detail item and go into edit mode either through and update or insert, the page then seems to begin leveraging ajax instead of postbacks.

How can I force this behavior to work from the beginning?

I am developing a User Control that hosts the RadGrid in MOSS.

Masterpage includes:
<asp:ScriptManager runat="server" ID="ScriptManager1" />
<WebPartPages:SPWebPartManager id="m" runat="Server"/>
<telerik:RadAjaxManager runat="Server" ID="RadAjaxManager1"/>

UserControl includes:

<

telerik:RadAjaxManagerProxy ID="RadAjaxProxyManager1" runat="server">

<telerik:AjaxSetting AjaxControlID="RadComboBoxBudgetCenter">

<telerik:AjaxUpdatedControl ControlID="ButtonRefreshGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="BOSummaryGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ButtonRefreshGrid">

<telerik:AjaxUpdatedControl ControlID="ButtonRefreshGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="BOSummaryGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ButtonHideShowActuals">

<telerik:AjaxUpdatedControl ControlID="BOSummaryGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="BOSummaryGrid">

<telerik:AjaxUpdatedControl ControlID="ButtonRefreshGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="BOSummaryGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="25">

<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" />

</telerik:RadAjaxLoadingPanel>

Any ideas are appreciated.

Grid

answered on 04 Dec 2008

10 answers

641 views

[Solved] Assign Nodes an ID in XML and retrieve that ID

Hi Everyone,

I've got a TreeView control (in a splitter, left hand panel) that will have 100+ nodes, and the nodes are loaded by an XML file. When the user clicks on one of the nodes, that will open the page in the right hand panel using the following js:

    
                <script type="text/javascript">   
        
                  function ClientNodeClicked(sender, eventArgs)   
        
                    {   
        
                        var treeNode = eventArgs.get_node();   
        
                        var nodeValue = treeNode.get_text(); 
        
                        alert(nodeValue);   
        
                        if (nodeValue == "1")   
        
                        {   
        
                            window.open("page1.aspx", "RadPane2");   
        
                        }   
        
                        else if (nodeValue == "1.1")   
        
                        {    
        
                            window.open("page2.aspx", "RadPane2");   
        
                        } 
        
                    }   
        
                </script>

The thing is, I want to assign an ID to each node in the XML file, because some of the nodes will have the same text. Is it possible to do this (below is my abridged XML file, but I'm not sure if I can use the "ID" property.) Basically, how to assign a unique ID to each node and retrieve it? Any help is greatly appreciated.

    
            <?xml version="1.0" encoding="UTF-8"?> 
        
            <Tree> 
        
              <Node ID="1" Text="Node 1" > 
        
                <Node ID="1.1" Text="Node 1.1" /> 
        
              </Node> 
        
            </Tree>

-Matt

TreeView

answered on 04 Dec 2008

8 answers

156 views

PersistStateInCookie and redirect

Hello,

I am using sucessfully PersistStateInCookie between pages of my site but in some special cases the response is redirected in code behind and I get a page with my old page-item selected in PanelBar.
I have seen the code library on this point but I am not satisfyed with solutions of adding something in query string (already heavilly loaded).
Cookie seems top be the best approach but I need to be able to fix it before my response.redirect, how to do this ?
Is there some internal API I could use, deriving a class from PanelBar and calling it with the new item I want to select ?

Thanks for help...again.

CS

PanelBar

answered on 04 Dec 2008

1 answer

100 views

How to select a row and start drag and drop from the first click

Hi all.

I need to find a solution for the following problem. Everything works well with my radgrid and drag and drop functionality, however, it's causing problems the need to click the row twice to do the drag and drop. Even in the Telerik demos, this is the behavior, you click once to select the row, then click again to do the drag and drop.

How can I change the behavior so when the user first clicks the row it just selects that row and starts the drag and drop?

Thanks.
Jose Guay

Grid

answered on 04 Dec 2008

5 answers

112 views

[Solved] Horizontal line disappears when using level 2 menu's

I've got the horizontal line to go all the way to the right using the following css:

.TabLine

{

background: url(tab-line.gif) repeat-x 0 100%;

height: 27px;

}

But when I add a level 2 menu, the horizontal line disappears. I am using the Gray skin with the latest version of Rad Controls.

I cannot give a live example as the site is password protected.

Thanks,
Joe

TabStrip

answered on 04 Dec 2008

1 answer

154 views

RadPanel Collapse...

Hi,

       I'm using RadPanelBar in my application, with ExpandMode = "SingleExpandedItem" and I bind the values dynamically from DB. Its working perfectly when the application is active.When the session expires I just redirect my applcaition to login page and allow the USER to enter his/her login credentials again. After successful login, application will load the landing page, and RadpanelItem which was Active before session expires will be expanded. I want to collapse all the RadPanelItems when the application is in landing page esp in case of session expires.

Thanks in advance.

For your reference:

    <telerik:RadPanelBar EnableEmbeddedSkins="false" PersistStateInCookie="True" CssClass="RadPanelBar_Outlook"
            Width="100%" ID="Radpanes" runat="server" Height="100%" Skin="Web20" ExpandMode="SingleExpandedItem"
   AllowCollapseAllItems="true" CollapseAnimation-Type="InExpo">
    <CollapseAnimation Duration="100" Type="None" />
    <ExpandAnimation Duration="100" Type="None" />
    </telerik:RadPanelBar>

Regrds
Prabhu.K

PanelBar

answered on 04 Dec 2008

6 answers

159 views

New Control Suggestion

Hi,

Here's a suggestion for a new control: It would be nice to have a control that would be equivalent of the ListView in Windows. I'm more interested in the thumbnail view of the ListView (the right panel of the Windows Explorer). It should allow me to do the following

1) Have a template for the cells in the list. I would specify the width and height for cells; all cells would have the same widht and height.
2) Would be nice if these elements would align themselves inside the list so if I resize the list it would automatically fit more items in one row. If this is not possible, then at least allow me to specify how many items in a row I want.
3) Allow multiple selection and also group selection (similar to how we select files in Windows Explorer)
4) Drag and drop

What do you guys think? Is this possible with a existing Telerik control? The closest I can think of is the tree, but I can't have more than one item in a row with the tree.

Are we to expect new controls (even if not this one) from Telerik in the months to come or are you guys in the polishing phase?

Thanks.

General Discussions

answered on 04 Dec 2008

11 answers

220 views

Validator Callout doesn't work for Telerik Inputs

I'm currently using Telerik v2008.2.723.35. My problem is the Ajax Tookit control 'Validator Callout' won't do an onfocus fire for any of the Telerik input controls. My shop is looking into updating our subscription to Telerik so that we can get a fix to this issue. However, when I researched this issue I only found an update listed for the Calander controls. Can I be assured that if we update our subscription, this problem will be resolved for all Telerik input conrols?

General Discussions

answered on 04 Dec 2008

3 answers

151 views

Wrong drop down position in firefox 3

Hi,

I have several comboboxes in a form that are OK in IE but when using firefox the drop down is shown too low (the deviation changes between boxes).
Since the distance of the comboboxes from the top of the screen is fixed, I used the following fix:

    
            <telerik:RadComboBox ID="customer" runat="server" OnClientDropDownOpened="FirefoxDropDownCorrection" ...

The JS function is (inspired by RadComboBox in ModalPopupExtender - wrong DropDown position under Firefox & Safari):

    
            function FirefoxDropDownCorrection(sender, eventArgs)  
        
            {  
        
               if (!$telerik.isIE) {  
        
                    var dropDownWrapper = sender.get_dropDownElement().parentNode;         
        
                    var sID = sender.get_id();  
        
                    if ( sID == "customer") { 
        
                        dropDownWrapper.style.top = "63px"; 
        
                    } 
        
                    if (sID == "searchby" || sID == "FindCombo") { 
        
                        dropDownWrapper.style.top = "125px"; 
        
                    } 
        
                    if (sID == "CombinedType") { 
        
                        dropDownWrapper.style.top = "212px"; 
        
                    } 
        
                } 
        
            }

This works fine for the "fixed" comboboxes, the problem is for the "load on demand" box which after every "items request" gets positioned wrong again.

How can i fix this issue?

Thanks,
Nir.

ComboBox

answered on 04 Dec 2008