Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
115 views
I am trying to open a radwindow from an already opened window. I need both of them at the same hierarchy level as well as being modal windows.
After reading http://www.telerik.com/help/aspnet-ajax/window_programmingopeningfromwithin.html I was able to open the second window using RadWindow and a javascript function. Unfortunately, the second window showed up behind the current one which was not the desired behavior. I tried several methods such as setActive() and show() methods but neither proved to be working for me. So I decided to hide the current window and open the second window while adding a callback method using add_close() event handler to unhide the hidden original window after the second window gets closed. This method is producing an "out of stack space" error. Now I have to mention that I add a callback on every radwindow close event without any problem and this was done exactly the same way so I doubt that I was incorrectly using the add_close() method. And if I take out oWnd.add_close(callback); from the javascript code, it works fine except that I cannot bring the original window back. Is there a way I can get this to work?
Here are the relevant mark up and javascript codes:

RadWindow Markup in parent.ascx, child_original.aspx, child_second.aspx files:
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Black">
</telerik:RadWindowManager>

javascript code in parent.ascx file which opens the original pop-up form:
function ID_OnClientClicked(ID) {
    var url = "/Portal/child_original.aspx";
    var strTabID = "?TabID=" + $get(OpenTab).value;
    var qryString = "&ID=" + ID;
    OpenTelerikWindow(url, strTabID, qryString, 800, 400, "Info 1", Child_Original_OnClientClose, "Info1");
}
  
function Child_Original_OnClientClose(oWnd, args) {
    var arg = args.get_argument();
    if (arg && arg.Rebind) {
        $find(AjaxPanel).ajaxRequest(arg.ID);
    }
    oWnd.SetUrl('about:blank');
    oWnd.remove_close(Child_Original_OnClientClose);
    oWnd.Close();
}

javascript code in original pop-up form (child_original.aspx) which opens the second pop-up form:
function Child_Original_OnClientClicked(ID) {
    var url = "/Portal/Child_second.aspx";
    var strTabID = "?TabID=" + $get(OpenTab).value;
    var qryString = "&ID=" + ID;
    OpenParentTelerikWindow(url, strTabID, qryString, 1000, 700, "Info2", Info2_OnClientClose, "Info2");
}

common javascript code being shared by all of them:
function OpenTelerikWindow(formURL, strTabID, strQueryString, width, height, title, callback, name) {
    var windowID = ResolveUrl(formURL) + strTabID + strQueryString;
    if (windowID != "") {
        var oWnd = radopen(windowID, name);
        oWnd.setSize(width, height);
        oWnd.set_modal(true);
        oWnd.set_title(title);
        oWnd.set_visibleStatusbar(false);
        oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close);
        if (callback != null && callback != undefined) oWnd.add_close(callback);
    }
}
  
function OpenParentTelerikWindow(formURL, strTabID, strQueryString, width, height, title, callback, name) {
    var windowID = ResolveUrl(formURL) + strTabID + strQueryString;
    if (windowID != "") {
        var curWnd = GetRadWindow();
        var oBrowserWnd = curWnd.BrowserWindow;
        var oWnd = oBrowserWnd.radopen(windowID, name);
        oWnd.setSize(width, height);
        oWnd.set_modal(true);
        oWnd.set_title(title);
        oWnd.set_visibleStatusbar(false);
        oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close);
        if (callback != null && callback != undefined) oWnd.add_close(callback);
        //oWnd.show();
        oWnd.setActive();
        curWnd.hide();
    }
}
  
function GetRadWindow() {
    var oWindow = null;
    if (window.radWindow) oWindow = window.radWindow;
    else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
    return oWindow;
}
  
function Info2_OnClientClose(oWnd, args) {
 // method to bring back the original child form back: to be implemented
    oWnd.SetUrl('about:blank');
    oWnd.remove_close(Info2_OnClientClose);
    oWnd.Close();
}

Call stack when "out of stack space" error occurs:
Function$_validateParams    JScript 
Error$argumentType  JScript 
Function$_validateParameterType JScript 
Function$_validateParameter JScript 
Function$_validateParams    JScript 
Error$argumentType  JScript 
Function$_validateParameterType JScript 
Function$_validateParameter JScript      
<<Repeats over 100 times... Clipped>>      
Function$_validateParams    JScript 
Error$argumentType  JScript 
Function$_validateParameterType JScript 
Function$_validateParameter JScript 
Function$_validateParams    JScript 
Sys$EventHandlerList$addHandler JScript 
JScript anonymous function  JScript 
OpenParentTelerikWindow JScript 
    
Error occurring at: 
OpenParentTelerikWindow: oWnd.add_close(callback); 
JScript anonymous function: c.extend({registerControlEvents:function(e,d){c.each(d,function(f,g){e.prototype["add_"+g]=function(h){this.get_events().addHandler(g,h)
};
Sys$EventHandlerList$addHandler:         var e = Function._validateParams(arguments, [
            {name: "id", type: String},
            {name: "handler", type: Function}
        ]);
Function$_validateParams: e = Function._validateParameter(params[i], expectedParam, paramName);
Function$_validateParameter: e = Function._validateParameterType(param, expectedType, expectedInteger, expectedDomElement, mayBeNull, paramName);
Function$_validateParameterType: e = Error.argumentType(paramName, Object.getType(param), expectedType);
Error$argumentType: var e = Function._validateParams(arguments, [
        {name: "paramName", type: String, mayBeNull: true, optional: true},
        {name: "actualType", type: Type, mayBeNull: true, optional: true},
        {name: "expectedType", type: Type, mayBeNull: true, optional: true},
        {name: "message", type: String, mayBeNull: true, optional: true}
    ]);
Georgi Tunev
Telerik team
 answered on 24 Jan 2011
2 answers
203 views
Scenario: UserControl on Parent has RadwindowManager that launces RadWindow. RadWindow has ReportViewer with button to save save file and BinaryWrite to PDF.
PROBLEM: when user clicks Save File, it launches into the sub but glosses over the script. I can confirm that it works fine when I get rid of the binaryWrite stuff, it postsback to the parent fine.
How can I make it so that when I click SaveFile, it will write the report to PDf, Save it to disc, create a record in db, and refresh the parent window... so close!

Code:
Usercontrol: Removed instances of RadajaxProxy for debugging
  <asp:Button ID="Button1" runat="server" Text="Button" />
    <asp:Label ID="Time" runat="server"></asp:Label>
   
       <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        
      <script type="text/javascript">
     function refreshGrid(arg) {
    var btn = document.getElementById("<%=Button1.ClientID %>")
   btn.click();
    }
  
      
    function OnClientSelectedIndexChanging(sender, args) {
        //   var text = args.get_item().get_text();  
        // Prepare the url and Open the window by setting the url  
        var text = args.get_item().get_text();
        var RouteID = document.getElementById("<%=RouteID.ClientID %>").innerText;
        var url = "ReportShell.aspx?value=" + text + "&RouteID=" + RouteID;
        radopen(url, '');
    }  
  
  
'CODE
  Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        Time.Text = DateTime.Now.ToBinary.ToString
        
    End Sub
  
     </script>
         </telerik:RadCodeBlock>

Radwindow aspx page:
<script type="text/javascript">
          function CloseAndRebind(args) {
              GetRadWindow().BrowserWindow.refreshGrid(args);
              GetRadWindow().close();
          }
          function GetRadWindow() {
              var oWindow = null;
              if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
              else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
              return oWindow;
          }
       </script>
   
       <br /><asp:Button ID="SaveBtn" Text="Save File" runat="server" />
    
       <rsweb:ReportViewer ID="ReportViewer1" ShowToolBar="false"  runat="server" Font-Names="Verdana" 
           Font-Size="8pt" WaitMessageFont-Names="Verdana" WaitMessageFont-Size="14pt">
       </rsweb:ReportViewer>

Radwindow.aspx.VB CODE:
Protected Sub SaveBtn_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles SaveBtn.Click
       Dim extension As String = "pdf"
       Dim mimetype As String = "application/pdf"
       Dim mybytes As Byte() = ReportViewer1.LocalReport.Render("PDF", Nothing, mimetype, Nothing, extension, Nothing, Nothing)
       Response.Buffer = True
       Response.Clear()
       Response.ContentType = mimetype
       Dim fn As String = DateTime.Now.ToBinary & Request.QueryString("RouteID").ToString & "." & extension 'Create a filename
       Response.AddHeader("content-disposition", "attachment; filename=" & fn)
       Response.BinaryWrite(mybytes)
       Dim fp As String = Server.MapPath(String.Format("Files/{0}", fn)) ' set filepath
       'stick it into the files datatable -- need to capture the routeid, filename
       BaseFunctions.Scalar(String.Format("Insert into TBL_docs(Route_ID, Doc_name, Doc_path) Values ({0},'{1}','{2}')", Request.QueryString("RouteID"), fn, fp))
       Dim fs As FileStream = New FileStream(fp, FileMode.CreateNew) ' write the file to disc
       fs.Write(mybytes, 0, mybytes.Length)
       fs.Close()
       runscript("fn") ' The script to update the parent and close the window
       Response.Flush()
       Response.End()
   End Sub
 Sub runscript(ByVal fp As String)
       Dim sb As StringBuilder = New StringBuilder
       sb.Append("<script type='text/javascript'>" & vbCrLf)
       sb.Append("CloseAndRebind('" & fp & "');")
       sb.Append("</script>" & vbCrLf)
       ClientScript.RegisterStartupScript(Page.GetType(), "RebindMe", sb.ToString)
End Sub

Please let me know. I have no idea how to work around it other than posting the page back, but that is a whole other set of issues.
mac





Georgi Tunev
Telerik team
 answered on 24 Jan 2011
3 answers
135 views
Hi,
        I am using radGrid. My radGrid contain all posted "Questions" and Group by "Question Category".
I want to reorder questions and update it into database. 
Reordering is working fine for same category BUT if i drop a row from one category to another, it wont work.

here, after dropping a row, how can i get destination "categoryID"....?????
  
(in grid itself, I want to move a question from one category to another category. )


protected void rgQuestions_RowDrop(object sender, GridDragDropEventArgs e)
    {
        if (e.DestDataItem != null && e.DestDataItem.OwnerGridID == rgQuestions.ClientID)
        {
            //reorder items in pending grid
            IList<Question> questions = Questions;
            Question order = GetQuestion(questions, (Int64)e.DestDataItem.GetDataKeyValue("Q_QuestionId"));
            int destinationIndex = questions.IndexOf(order);
  
            if (e.DropPosition == GridItemDropPosition.Above && e.DestDataItem.ItemIndex > e.DraggedItems[0].ItemIndex)
            {
                destinationIndex -= 1;
            }
            if (e.DropPosition == GridItemDropPosition.Below && e.DestDataItem.ItemIndex < e.DraggedItems[0].ItemIndex)
            {
                destinationIndex += 1;
            }
  
            List<Question> ordersToMove = new List<Question>();
            foreach (GridDataItem draggedItem in e.DraggedItems)
            {
                Question tmpOrder = GetQuestion(questions, (Int64)draggedItem.GetDataKeyValue("Q_QuestionId"));
                if (tmpOrder != null)
                    ordersToMove.Add(tmpOrder);
            }
              
  
            foreach (Question orderToMove in ordersToMove)
            {
                questions.Remove(orderToMove);
  
                questions.Insert(destinationIndex, orderToMove);
            }
            Questions = questions;
            rgQuestions.Rebind();
  
            foreach (GridDataItem item in rgQuestions.MasterTableView.Items)
            {
                Question tmpOrder = GetQuestion(questions, (Int64)item.GetDataKeyValue("Q_QuestionId"));
  
                string strQry = "Update Assess_QuestionMaster set Q_Order='"+ item.ItemIndex.ToString() +"' where Q_Questionid='" + tmpOrder.Q_QuestionId +"'";
                MySQL.ExecuteSQL(strQry);
  
            }
            rgQuestions.Rebind();
            int destinationItemIndex = destinationIndex - (rgQuestions.PageSize * rgQuestions.CurrentPageIndex);
            e.DestinationTableView.Items[destinationItemIndex].Selected = true;
        }
    }


plsss reply .....
Thanks 




protected void rgQuestions_RowDrop(object sender, GridDragDropEventArgs e)
    {
        if (e.DestDataItem != null && e.DestDataItem.OwnerGridID == rgQuestions.ClientID)
        {
            //reorder items in pending grid
            IList<Question> questions = Questions;
            Question order = GetQuestion(questions, (Int64)e.DestDataItem.GetDataKeyValue("Q_QuestionId"));
            int destinationIndex = questions.IndexOf(order);
 
            if (e.DropPosition == GridItemDropPosition.Above && e.DestDataItem.ItemIndex > e.DraggedItems[0].ItemIndex)
            {
                destinationIndex -= 1;
            }
            if (e.DropPosition == GridItemDropPosition.Below && e.DestDataItem.ItemIndex <e.DraggedItems[0].ItemIndex)
            {
                destinationIndex += 1;
            }
 
            List<Question> ordersToMove = new List<Question>();
            foreach (GridDataItem draggedItem in e.DraggedItems)
            {
                Question tmpOrder = GetQuestion(questions, (Int64)draggedItem.GetDataKeyValue("Q_QuestionId"));
                if (tmpOrder != null)
                    ordersToMove.Add(tmpOrder);
            }
             
 
            foreach (Question orderToMove in ordersToMove)
            {
                questions.Remove(orderToMove);
 
                questions.Insert(destinationIndex, orderToMove);
            }
            Questions = questions;
            rgQuestions.Rebind();
 
            foreach (GridDataItem item in rgQuestions.MasterTableView.Items)
            {
                Question tmpOrder = GetQuestion(questions, (Int64)item.GetDataKeyValue("Q_QuestionId"));
 
                string strQry = "Update Assess_QuestionMaster set Q_Order='"+ item.ItemIndex.ToString() +"' where Q_Questionid='" + tmpOrder.Q_QuestionId +"'";
                MySQL.ExecuteSQL(strQry);
 
            }
            rgQuestions.Rebind();
            int destinationItemIndex = destinationIndex - (rgQuestions.PageSize * rgQuestions.CurrentPageIndex);
            e.DestinationTableView.Items[destinationItemIndex].Selected = true;
        }
    }
Iana Tsolova
Telerik team
 answered on 24 Jan 2011
7 answers
114 views
Lets say I have en event that is from 1/20 - 1/22

It isn't showing on the day view of

1/20
1/21
or 1/22


However if I have a single day event for 1/20, that shows just fine.
Peter
Telerik team
 answered on 24 Jan 2011
1 answer
70 views
Hi Telerik Team,

In our application, While exporting to .pdf from RAD Grid, we are facing some design issues like
  1. how to disable Hyperlinks
  2. how to use different Fonts and Font Sizes
  3. how to put borders.
PFA document of snap shot for reference.

Please provide us some solution,


Thanks In Advance.
Surya Murthy

Daniel
Telerik team
 answered on 24 Jan 2011
1 answer
59 views
Good Day;

There any way to concatenate 2 values in the Item Label, for example
5320
78%

The percentage value is the result of the same data.
Greetings
Carlos
Evgenia
Telerik team
 answered on 24 Jan 2011
9 answers
296 views
Hi,

I've been working recently to try and update our old RadEditor-based tools to RadEditor "Prometheus". Our controls inherit from RadEditor and then add some custom functionality.

Took me a while to get it to compile and run. Having done so the RadEditor is behaving very oddly. ToolBarMode is set to ShowOnFocus and when the user clicks into the RadEditor to focus, an empty toolbar appears right in the middle of the editable area, not above it as it should. On a second click into the editable region, the populated toolbar appears when it should.

Clicking on any tools in the toolbar - whether our custom tools or inbuilt RadEditor tools - has the same effect: nothing happens in the editable area but the browser pops the view back up to the top of the page.

The client-side error that comes up is "'RadEditorCommandList' is undefined" but on reviewing the documentation this still seems to be the Javascript array to use for these commands, so I'm unsure as to what's going wrong.

If I comment out the lines causing the RadEditorCommandList errors and run it again, I still get the same behaviour. This time the error states "sys,InvalidOperationException: 'iconurl' is not a property or an existing field". This doesn't appear to be associated directly with any code I've written and has me quite perplexed.

Cheers,
Matt
shyka
Top achievements
Rank 1
 answered on 24 Jan 2011
17 answers
471 views
Hello,

My ASP.NET 3.5 app uses a Prometheus Q3 RadWindow containing a single editor control. I would like the editor control to fill the entire RadWindow, even if the user resizes the window (in addition, I'd like to impose a minimum size on the window, but that's another issue). I'm using the following client-side code to achieve this:

<head>
    <script type="text/javascript">
        function getRadWindow() {
            var oWnd=null;
            if (window.radWindow) oWnd=window.radWindow;
            else if (window.frameElement.radWindow) oWnd=window.frameElement.radWindow;
            return oWnd;
        }
       
        function ResizeEditor() {
            var editor=$find("<%=Editor.ClientID%>");
            editor.setSize(getRadWindow().get_Width()-45,getRadWindow().get_Height()-75);
        }
       
        function pageLoad() {
            ResizeEditor();   
            getRadWindow().add_resize(ResizeEditor); //doesn't work!
        }
    </script>
</head>


The initial ResizeEditor() call in pageLoad() works just fine, and the editor is resized to fill the RadWindow just after it loads (the visible resizing isn't as pretty as I'd like, but at least it works...). However, the add_resize causes a JavaScript error: a stack overflow message box in IE7 and "too much recursion" somewhere in ScriptResource.axd when using Firefox.

This happens even when I use a dummy function as the add_resize argument, and also when I use add_close instead of add_resize.

What is the correct way to use add_resize in this scenario? And/or is there a better way to achieve the desired functionality?

Thanks!
Michiel de Bruijn
Inception
Top achievements
Rank 1
Veteran
 answered on 24 Jan 2011
3 answers
75 views
I used RadPanelBar to create a fancy menu in my web application. I used version 2010 Q2. It works perfectly in ie8. But it does not work in IE7. It looks terrible. Can you please help me to figure out? Here is the skin definition used (again, it works in IE8)

 

 

.RadPanelBar_Simple

 

 

 

.rpRootGroup

 

 

 

 

 

 

 

{

 

 

 

border-color: #999;

 

}

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpTemplate

 

 

 

 

 

 

 

{

 

 

 

color:White;

 

 

 

 

font: normal 11px/20px "Segoe UI", Arial, sans-serif;

 

 

 

 

font-weight:bold;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink

 

 

 

 

 

 

 

{

 

 

 

border-color: #89AEE5;

 

 

 

 

height:22px;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpSeparator

 

 

 

 

 

 

 

{

 

 

 

border-top: 1px solid #FFFFFF;

 

 

 

 

height:20px;

 

 

 

 

background-color:#006699;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink .rpText

 

 

 

 

 

 

 

{

 

 

 

border-color: #89AEE5;

 

 

 

 

height:22px;

 

 

 

 

padding: 0px 5px 0px 5px;

 

}

 

 

 

 

 

/* compensate for borders */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpOut

 

 

 

 

 

 

 

{

 

 

 

border-color: #e4e4e4;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpanded

 

 

 

 

 

 

 

{

 

 

 

border-color: #3d556c;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink:hover,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFocused,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpSelected

 

 

 

 

 

 

 

{

 

 

 

color: #892500;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink:hover,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFocused

 

 

 

 

 

 

 

{

 

 

 

background-color: #ff9900;

 

 

 

 

border-color: #c98400;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpSelected,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpSelected:hover

 

 

 

 

 

 

 

{

 

 

 

background-color: #ffa517;

 

 

 

 

border-color: #ca4b0c;

 

}

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpLink .rpOut,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpFocused .rpOut,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpLink:hover .rpOut,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpSelected .rpOut,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpSelected:hover .rpOut

 

 

 

 

 

 

 

{

 

 

 

padding-bottom: 1px;

 

 

 

 

border-top:solid 1px white;

 

}

 

 

 

 

 

/* <disabled items> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpDisabled,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpDisabled:hover

 

 

 

 

 

 

 

{

 

 

 

color: #bbb;

 

 

 

 

background-color: #e4e4e4;

 

 

 

 

border-color: #999;

 

 

 

 

cursor: default;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpDisabled:hover .rpOut

 

 

 

 

 

 

 

{

 

 

 

border-color: #e4e4e4;

 

}

 

 

 

 

 

/* </disabled items> */

 

 

 

 

 

 

/* <expand arrows> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpandable .rpText,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpanded .rpText

 

 

 

 

 

 

 

{

 

 

 

background-color: transparent;

 

 

 

 

background-image: url('PanelBar/Expandable.png');

 

 

 

 

background-repeat: no-repeat;

 

}

 

 

 

 

 

/* </expand arrows> */

 

 

 

 

 

 

/* <subitems> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup

 

 

 

 

 

 

 

{

 

}

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpLink,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpTemplate

 

 

 

 

 

 

 

{

 

 

 

color: white;

 

 

 

 

background-color: transparent;

 

 

 

 

background-image: none;

 

 

 

 

border: 0;

 

 

 

 

margin: 0 -1px;

 

 

 

 

padding: -1px;

 

}

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpLink:hover,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpFocused,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected:hover

 

 

 

 

 

 

 

{

 

 

 

color: #892500;

 

 

 

 

border: 1px solid #c98400;

 

 

 

 

background-color: #ff9900;

 

 

 

 

padding: 0;

 

}

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected

 

 

 

 

 

 

 

{

 

 

 

background-color: #ffa517;

 

 

 

 

border-color: #ca4b0c;

 

}

 

 

 

 

 

/* <subitems (disabled)> */

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpDisabled,

 

 

 

 

 

 

div.RadPanelBar_Simple

 

 

 

.rpGroup .rpDisabled:hover

 

 

 

 

 

 

 

{

 

 

 

color: #bbb;

 

 

 

 

text-decoration: none;

 

 

 

 

background-color: #fff;

 

 

 

 

border: 0;

 

 

 

 

padding: 1px;

 

}

 

 

 

 

 

/* </subitems (disabled)> */

 

 

 

 

 

 

/* <subitems> */

 

 

 

 

 

 

/* <background positioning> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpanded

 

 

 

 

 

 

 

{

 

 

 

background-position: 0 0;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFocused,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpLink:hover,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpanded:hover

 

 

 

 

 

 

 

{

 

 

 

background-position: 0 -200px;

 

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpSelected,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpSelected:hover

 

 

 

 

 

 

 

{

 

 

 

background-position: 0 -400px;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFirst .rpLink,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFirst .rpExpanded

 

 

 

 

 

 

 

{

 

 

 

background-position: 0 -1px;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFirst .rpFocused,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFirst .rpLink:hover

 

 

 

 

 

 

 

{

 

 

 

background-position: 0 -201px;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFirst .rpSelected,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpFirst .rpSelected:hover

 

 

 

 

 

 

 

{

 

 

 

background-position: 0 -401px;

 

}

 

 

 

 

 

/* <expand arrows> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpandable .rpText,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpanded .rpText

 

 

 

 

 

 

 

{

 

 

 

padding-right: 20px;

 

 

 

 

background-repeat: no-repeat;

 

}

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpExpandable .rpText,

 

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpExpanded .rpText

 

 

 

 

 

 

 

{

 

 

 

padding-left: 20px;

 

}

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpGroup .rpText

 

 

 

 

 

 

 

{

 

 

 

padding: 0 10px;

 

}

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpandable .rpText { background-position: 100% 0; }

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpExpanded .rpText { background-position: 100% -176px; }

 

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpExpandable .rpText { background-position: 0 0; }

 

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpExpanded .rpText { background-position: 0 -176px; }

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpExpandable .rpText { background-position: 100% -338px; }

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpExpanded .rpText { background-position: 100% -477px; }

 

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpGroup .rpExpandable .rpText { background-position: 0 -338px; }

 

 

 

 

 

 

.RadPanelBar_Simple_rtl

 

 

 

.rpGroup .rpExpanded .rpText { background-position: 0 -477px; }

 

 

 

 

 

 

/* </expand arrows> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpLink,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpLink .rpOut { background-position: 0 200px; }

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpLink:hover,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpFocused { background-position: 100% -22px; }

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpLink:hover .rpOut,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpFocused .rpOut { background-position: 0 0; }

 

 

 

 

 

 

/* <subitems (selected)> */

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected:hover { background-position: 100% -222px; background-color: transparent; }

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected .rpOut,

 

 

 

 

 

 

.RadPanelBar_Simple

 

 

 

.rpGroup .rpSelected:hover .rpOut { background-position: 0 -200px; }

 

 

 

 

 

 

/* </subitems (selected)> */

 

 

 

 

 

 

/* </background positioning> */

 

Yana
Telerik team
 answered on 24 Jan 2011
11 answers
236 views
The Self Hierarchy grid's Child rows bound correctly if we bind the grid source in the Page Load event.
If we bind the Self  Hierarchy Grid in the button click event the child rows are bounded twice. The child rows first bounded under the parent row and again bounded with the grid(with the parent row degree).

We used datatable as to bind the grid and rest of the things are same as explained in the below exmaple link
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/selfreferencing/defaultcs.aspx
Pavlina
Telerik team
 answered on 24 Jan 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?