Questions on UI for ASP.NET AJAX Forum

1 answer

120 views

Issue while clicking on button.(PDF Generation implemented in the grid)

Hi,

My requirement is to generate PDF while clicking on image button in the grid.In the same page I have one search button(btnSearch). I have implemented OnNeedDataSource event.While clicking on search button I want to rebind the radgrid but I am getting this error “ErrorDetails : System.ArgumentException: Cannot unregister UpdatePanel with ID 'upnlPdf' since it was not registered with the ScriptManager. This might occur if the UpdatePanel was removed from the control tree and later added again, which is not supported. Parameter name: updatePanel at System.Web.UI.PageRequestManager.UnregisterUpdatePanel(UpdatePanel updatePanel) at System.Web.UI.ScriptManager.System.Web.UI.IScriptManagerInternal.UnregisterUpdatePanel(UpdatePanel updatePanel) at System.Web.UI.UpdatePanel.OnUnload(EventArgs e) at System.Web.UI.Control.UnloadRecursive(Boolean dispose) at System.Web.UI.Control.UnloadRecursive(Boolean dispose) at System.Web.UI.Control.UnloadRecursive(Boolean dispose) at System.Web.UI.Control.UnloadRecursive(Boolean dispose) at System.Web.UI.Control.RemovedControl(Control control) at System.Web.UI.ControlCollection.RemoveAt(Int32 index) at System.Web.UI.ControlCollection.Clear() at System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) at System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) at System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) at System.Web.UI.WebControls.DataBoundControl.PerformSelect() at Telerik.Web.UI.GridTableView.PerformSelect() at System.Web.UI.WebControls.BaseDataBoundControl.DataBind() at Telerik.Web.UI.GridTableView.DataBind() at Telerik.Web.UI.RadGrid.DataBind() at Telerik.Web.UI.RadGrid.AutoDataBind(GridRebindReason rebindReason) at Telerik.Web.UI.RadGrid.Rebind() at btnSearch_Click(Object sender, EventArgs e)”.

In aspx Page

===================================================================

<%@ Page Language="C#" MasterPageFile="~/ATMaster.Master" AutoEventWireup="true">

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<asp:UpdatePanel runat="server" ID="upnlSecurityDoc" UpdateMode="Conditional">

<telerik:RadGrid ID="RadGrid1" runat="server" Width="1050px" TabIndex="5" Height="350px"

AutoGenerateColumns="False" ForeColor="#333333" PageSize="10" AllowFilteringByColumn="false"

Skin="Outlook" AllowPaging="true" OnNeedDataSource=" RadGrid1_NeedDataSource"

BorderWidth="1px" BorderColor="#cccccc" OnItemCommand=" RadGrid1_ItemCommand"

>

</HeaderContextMenu>

<telerik:GridTemplateColumn HeaderText="SlNo" AllowFiltering="false">

<%# this.gvPendingOrder.CurrentPageIndex * this.gvPendingOrder.PageSize + Container.ItemIndex + 1%>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="PDF">

<asp:UpdatePanel runat="server" ID="upnlPdf">

<asp:ImageButton runat="server" ID="imgbtnPdf" AlternateText="Security Document Print"

CommandArgument='<%# Eval("OrderId") %>' ImageUrl="../Images/pdf_icon.gif" ImageAlign="Middle"

CommandName="Generate" ToolTip='<%# "Document" + Eval("OrderNo") + "." %>' />

</ContentTemplate>

<asp:PostBackTrigger ControlID="imgbtnPdf" /> </Triggers>

</asp:UpdatePanel>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</Scrolling>

</ClientSettings>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

In code behind

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

try

{

if (e.CommandName == "Generate")

{

string strOrderId = string.Empty;

strOrderId = e.CommandArgument.ToString();

LocalReport localReport = new LocalReport();

localReport.ReportPath = Server.MapPath("~/Reports/report1.rdlc");

localReport.EnableHyperlinks = true;

localReport.EnableExternalImages = true;

DataSet dataset1 = new DataSet();

DataTable datatable1 =GetDetails(strOrderId);

datatable1.TableName = "Document";

dataset1.Tables.Add(datatable1.Copy());

ReportParameter[] @params = new ReportParameter[4];

localReport.SetParameters(@params);

//A method that returns a collection for our report Note: A report can have multiple data sources

localReport.DataSources.Add(new ReportDataSource("dataset", dataset1.Tables[0]));

string reportType = "pdf";

string mimeType = string.Empty;

string encoding = string.Empty;

string fileNameExtension = string.Empty;

string deviceInfo = "<DeviceInfo>" + " <OutputFormat>pdf</OutputFormat>" + "</DeviceInfo>";

Warning[] warnings = null;

string[] streams = null;

byte[] renderedBytes = null;

//Render the report

renderedBytes = localReport.Render(reportType, deviceInfo, out mimeType, out encoding, out fileNameExtension, out streams, out warnings);

//Clear the response stream and write the bytes to the outputstream

//Set content-disposition to "attachment" so that user is prompted to take an action on the file (open or save)

Response.Clear();

Response.ContentType = mimeType;

strOrderId = "Doc" + strOrderId;

Response.AddHeader("content-disposition", ("attachment; filename=" + strOrderId + ".pdf"));

Response.BinaryWrite(renderedBytes);

Response.End(); }

}

catch (Exception ex)

{

lblMessage.Text = objUtl.GetErrorMessage(ex, this);

lblMessage.Visible = true;

}

Grid

answered on 02 Aug 2011

1 answer

99 views

[Solved] Issue with drilling down in smaller values on clickable Rad chart...

Hi,
I am using fully clickable telerik rad chart in my application...
I can drill down up to 3 levels in chart. When clicking on the bar on main chart, a grid will be displayed and in the grid we have given links to another pages...
Now here the issue is, when value of one bar is too small as compared to another then the bar with too small values is not clickable so I'm unable to drill down to that bar...
I guess this is technical limitation of the control when one bar is having higher values(say in lacs) as compared to another...
So, is there any solution or work around for this??

Thanks in advance...

Chart (Obsolete)

answered on 02 Aug 2011

11 answers

360 views

[Solved] Default filtering settings

Hi,

I have a few questions with regards to filtering in RadGrid.
1)
Is there anyway for me to set these filtering settings by default so that I dun have to type this for every columns?
<telerik:GridBoundColumn DataField="FieldName" HeaderText="1st WS" HeaderStyle-Width="20px"
HeaderTooltip="Something" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

2) When I use CurrentFilterFunction="Contains", how I specify case insensitive matching?

3) Is there anyway to apply the filter without a flicker on the page due to AutoPostBackOnFilter="true" ?

Thanks

Grid

answered on 02 Aug 2011

8 answers

258 views

Remove 'Add New Record' command bar color in Telerik Grid

Remove 'Add New Record' command bar color in Telerik Grid

hi ,

i am using a TeleriK grid - Skin = Vista
i have a command bar for adding more records - "Add New Record"
All the functionality is working fine...

My issue is related to look and feel

I want the same look of Grid Headder for the command bar

i want command bar color alos in light blue, as the same of Grid headder

Grid

answered on 02 Aug 2011

3 answers

326 views

How to customize the Add/Edit Appointment popup?

Hi,

Can we customize the Add/Edit Appointments popup with some additional controls like listbox, fileupload etc.?
How to manage snooze and dismiss/dismiss All buttons of Reminder Popup?

Actual problem is, even if we have dismiss the reminder it will alert, so how to handle it.

Find the Attachment of Appointment Add/Edit Popup we requires - is it possible to create?.

Scheduler

answered on 02 Aug 2011

2 answers

90 views

Select row when IMG is clicked

Hi,

I have a GridTemplateColumn that contains an IMG. I have JS code that runs whenever the client side OnRowClick event is fired. This code works fine except for when I click on the IMG.

My grid definition

<telerik:RadGrid ID="grdTicket" runat="server" AutoGenerateColumns="False" Width="946px"

Font-Names="Verdana" Font-Size="X-Small" AllowSorting="True"

AllowPaging="True" OnNeedDataSource="grdTicket_NeedDataSource"

OnPreRender="grdTicket_PreRender"

OnSelectedIndexChanged="grdTicket_SelectedIndexChanged" CellSpacing="0"

GridLines="None">

<ClientSettings>

<ClientEvents OnRowClick="handleRowClick" />

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView Width="100%" NoDetailRecordsText="No Records To Display">

<Columns>

<telerik:GridBoundColumn HeaderText="User ID" DataField="UserId" UniqueName="UserID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="ReplyColumn" AllowFiltering="false">

<ItemTemplate>

<img alt="reply" src="ico_reply_green.png" title="Reply"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<PagerStyle Mode="NextPrevNumericAndAdvanced" ShowPagerText="true" />

</telerik:RadGrid>

My JS

<script type="text/javascript">

function getHeaderRow(sender) {

var masterTable = sender.get_masterTableView();

return masterTable.HeaderRow == null ? sender.get_masterTableViewHeader().get_element() : masterTable.HeaderRow;

}

function handleRowClick(sender, args) {

var masterTable = sender.get_masterTableView();

var cellIndex = args.get_domEvent().target.cellIndex;

var cellText = args.get_domEvent().target.innerHTML;

var colName = masterTable.getColumnUniqueNameByCellIndex(getHeaderRow(sender), cellIndex)

alert("Unique name: " + colName + "\nText: " + cellText);

}

</script>

My code behind

protected void grdTicket_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

DataSet ds = new DataSet();

DataTable dt = new DataTable();

dt.Columns.Add("UserId");

for (int i = 0; i < 15; i++)

{

DataRow dr = dt.NewRow();

dr["UserId"] = "XYZ" + i.ToString();

dt.Rows.Add(dr);

}

ds.Tables.Add(dt);

grdTicket.DataSource = ds;

}

What do I need to do to get the OnRowClick event to fire when I click on the IMG? I'd like to do this without resorting to server side code.

Thanks,

David

Grid

answered on 02 Aug 2011

1 answer

136 views

All RAD controls script loading errors

Hi
Please look at the following errors

we are unable to access any of the controls at development time.

Please reply ASAP.

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/ComboBox/RadComboBoxScripts.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadDatePicker.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/TextBox/RadInputScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/DateInput/RadDateInputScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadTimeViewScripts.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadDateTimePickerScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Scheduler/RecurrenceRule/RecurrenceRule.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Scheduler/RecurrenceEditor/RecurrenceEditor.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/NumericTextBox/RadNumericInputScript.js

ComboBox

answered on 02 Aug 2011

6 answers

213 views

[Solved] Setting multiple rows (but not all) into Edit mode at once

Ok, I know how to set all rows into Edit mode.

I know how to do the batch update (with UpdateAll).

I know how to set the entire grid into Edit mode initially.

BUT, what I can't figure out, is how to set any number of user-selected rows into Edit mode. I can only surmise that they must be set into Edit mode via an external button and not via the Edit command for any of the rows currently selected?

Jerry

Grid

answered on 02 Aug 2011

2 answers

137 views

Where should I place the RadAjaxManager ?

Hi,

I got this error because I have RadAjaxManager in both the Site.Master and the Default.aspx page.
[InvalidOperationException: Only one instance of a RadAjaxManager can be added to the page!]

My question is where is the best place to place the RadAjaxManager if I need to ajaxify controls in both Site.Master and Default.aspx?

The 2nd question is how do I display a spinning flower/circle/icon when the control is loading?

Ajax

answered on 02 Aug 2011

10 answers

443 views

[Solved] RadGrid inside scheduler advanced edit/insert form

hi!

I have rad grid inside the scheduler advanced edit/insert form. I declared an event on row clicked for grid but i receive javascript error ( it can not find the function).

Thanks for help
Radek

Scheduler

answered on 02 Aug 2011