Questions on UI for ASP.NET AJAX Forum

2 answers

220 views

RebindAndClose after response.binaryWrite

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

Window

answered on 24 Jan 2011

3 answers

145 views

How to move a row from one group to another group in Rad Grid.

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;

}

Grid

answered on 24 Jan 2011

7 answers

124 views

MultiDay event not showing in the day view

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.

Scheduler

answered on 24 Jan 2011

1 answer

72 views

Design Issue in rad grid exported PDF

Hi Telerik Team,

In our application, While exporting to .pdf from RAD Grid, we are facing some design issues like

how to disable Hyperlinks
how to use different Fonts and Font Sizes
how to put borders.

PFA document of snap shot for reference.

Please provide us some solution,

Thanks In Advance.
Surya Murthy

Grid

answered on 24 Jan 2011

1 answer

72 views

Charts Item Label

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

Chart (Obsolete)

answered on 24 Jan 2011

9 answers

307 views

No tools functioning

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

Editor

answered on 24 Jan 2011

17 answers

509 views

Using add_resize to subscribe to client-side window resize events?

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

Window

answered on 24 Jan 2011

3 answers

79 views

RadPanelBar Skin Not Working in IE7, Works in IE8

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> */

PanelBar

answered on 24 Jan 2011

11 answers

250 views

Self Hierarchy Grid's Child Rows bounded twice Issue

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

Grid