Questions on UI for ASP.NET AJAX Forum

1 answer

126 views

Hi

I have main page and I am using rad window in it like below.

Main Page

<telerik:RadWindowManager RegisterWithScriptManager="true" ID="wmgWindowManager" ReloadOnShow="true" runat="server"
Behavior="Move" ShowContentDuringLoad="false" DestroyOnClose="true">
<windows>
<telerik:RadWindow ID="wndAssignPerformer" RegisterWithScriptManager="true" ShowContentDuringLoad="false" runat="server" OnClientClose="RefreshPerformer" />
</windows>
<confirmtemplate>
<uc:Confirm ID="confirmValidation" runat="server"></uc:Confirm>
</confirmtemplate>
</telerik:RadWindowManager>

Inside above rad window I am opening another page "Sub_Page.aspx". Inside "Sub_Page" I am using pop up extender like below.

<telerik:radpopupextender id="extPopup" runat="server" OnOkSelected="extPopup_OkSelected" >
<telerik:RadPopupControl UniqueId="ReassignPerformer" WindowManagerId="wmgWindowManager" Disabled="true" ControlId="btnSave"
MessageType="Confirm" Height="120" Width="450" PostBackOnOk="true" PostBackOnCancel="false"
StartupScript="true" TitleKey="CONFIRMATION" MessageKey="REASSIGNPERFORMER" />
<afs:RadPopupControl UniqueId="ReassignClaimOwner" WindowManagerId="wmgWindowManager" Disabled="true" ControlId="btnSave"
MessageType="Confirm" Height="120" Width="450" PostBackOnOk="true" PostBackOnCancel="false"
StartupScript="true" TitleKey="CONFIRMATION" MessageKey="REASSIGNCLAIMOWNER" />
</telerik:radpopupextender>

<telerik:radwindowmanager id="wmgWindowManager" runat="server">
<Windows>
<telerik:RadWindow ID="wndAssignPerformer" runat="server" />
</Windows>
<ConfirmTemplate>
<uc:Confirm ID="confirmValidation" runat="server"></uc:Confirm>
</ConfirmTemplate>
</telerik:radwindowmanager>

on OnOkSelected event of pop up extender I am calling "extPopup_OkSelected" function of code behind file like below.

private void extPopup_OkSelected(System.Object sender, System.EventArgs e)
{

//do some server coding
System.Web.UI.ScriptManager.RegisterStartupScript(this, this.GetType(),
"Javascript", "function closeWindowOnSave(){var oWnd = $find(\"<%= wndAssignPerformer.ClientID%>\"); if(oWnd !=null){oWnd.close()} else {window.parent.close();} ;} closeWindowOnSave();", true);
}
}

My issue is that when I click on OK button my modal pop up get spinning. I want that when I click on Ok, after server processing complete my modal pop up

should close. But my javascript is not getting called from page behind

When I am opening "Sub_Page" directly from browser javascript is getting executed but when it opens inside rad window it is not.

Can you please help on this?

Window

answered on 02 Mar 2016

1 answer

82 views

Telerik hide PivotGridCalculatedItem programmatically

Hi ,

I want to hide PivotGridCalculatedItem column programmatically on checkbox change event,is there any provision to do so.

Thanks,

Sagar Jaunjalkar

PivotGrid

answered on 02 Mar 2016

1 answer

182 views

Error with 2 Charts on same page

I have a page with 2 html chart controls on it. When I set the datasource of both charts to an empty list of objects I get this error when the charts are rendered:

TypeError: this._chartObject is undefined
b.RadHtmlChart.prototype._setSeriesPropertyAsSeriesDefaults()
ScriptResource.axd:127
b.RadHtmlChart.prototype._loadData()
ScriptResource.axd:122
b.RadHtmlChart.prototype.createChart()
ScriptResource.axd:50
b.RadHtmlChart.prototype.initialize()
ScriptResource.axd:31
Sys.Component.prototype.endUpdate()
ScriptResource.axd:5
Sys.Component.create()
ScriptResource.axd:5
<anonymous>
dashboard.aspx:970
Sys.EventHandlerList.prototype.getHandler/<()
ScriptResource.axd:5
Sys._Application.prototype._raiseInit()
ScriptResource.axd:5
Sys._Application.prototype.initialize()
ScriptResource.axd:5
b()
ScriptResource.axd:5
Sys._Application.prototype._domReady/a()
ScriptResource.axd:5
ScriptResource.axd:127:59

I am using the latest version (2016.1.225.45) and I also saw the error in version (2016.1.113.45)

Chart (HTML5)

answered on 02 Mar 2016

2 answers

355 views

[Solved] Validate Phone Number for Telerik RadAutoCompleteBox Not Working in C#

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>

<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<div>
<div>
<h2>Token mode</h2>

<telerik:RadAutoCompleteBox RenderMode="Lightweight" runat="server" ID="RadAutoCompleteBox2"
DataSourceID="SqlDataSource1" DataTextField="PhoneNumber" InputType="Token" Width="350" DropDownWidth="150px" Skin="Default" OnClientEntryAdded="onEntryAdded" OnClientEntryAdding="OnClientEntryAddingHandler">
</telerik:RadAutoCompleteBox>
</div>

<telerik:RadWindowManager runat="server" id="RadWindowManager1"></telerik:RadWindowManager>
</div>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
function onEntryAdded(sender, eventArgs) /*Validate PhoneNumber On OnClientEntryAdded Event of Telerik RadAutoCompleteBox*/
{
var autoCompleteBox = $find("<%= RadAutoCompleteBox2.ClientID %>");
var getphonenumber = eventArgs.get_entry().get_text();
var keycode = eventArgs.get_entry().get_keyCode();
if (!(keycode >= 48 && keycode <= 57) || (keycode >= 96 && keycode <= 105))
{
eventArgs.set_cancel(true);
alert("Only Phone Numbers are Allowed");
}
}
function OnClientEntryAddingHandler(sender, eventArgs) /*Check Max 10 PhoneNumbers On OnClientEntryAddingHandler of Telerik RadAutoCompleteBox*/
{
if (sender.get_entries().get_count() > 10)
{
eventArgs.set_cancel(true);
alert("Maximum 10 Phone Numbers are Allowed");
}
}
</script>
</telerik:RadScriptBlock>

<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:sampleConnectionString %>" SelectCommand="SELECT [PhoneNumber] FROM [tbl_PhNo]"></asp:SqlDataSource>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ConfigurationPanel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ConfigurationPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadAutoCompleteBox2" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" />
</form>

</body>
</html>

I'm currently working with telerik AutoCompleteTextBox ASP.NET Ajax, and i want to create client side validation in PhoneNumber for my page.I Referred TUTORIAL How is it Possible??

AutoCompleteBox

answered on 02 Mar 2016

3 answers

460 views

Refresh RadHtmlChart with Javascript and show loading spinner

In case of RadGrid I can do this:

var RadGrid = $find('<%=RadGrid.ClientID %>').get_masterTableView();

RadGrid.fireCommand("Update", 0);

This refreshs my RadGrid and is showing the ajaxLoadingPanel with the spinner.

I try to do the same for RadHtmlChart like this:

var radHtmlChartObject = $find("<%=VersionsChart.ClientID %>");

radHtmlChartObject.repaint();

//or

radHtmlChartObject.loadData();

It refreshes/repaints the chart but I cannot see the loading animation. The RadAjaxManager is configured the same way for both controls, here for the RadHtmlChart:

<telerik:AjaxSetting AjaxControlID="VersionsChart">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

How can I make the spinner appear also in case of the RadHtmlChart?

Ajax

answered on 01 Mar 2016

1 answer

231 views

Disable autogenerated styles

Hi all,

I need the radbutton control not to autogenerate styles. I'd like to style the control with my css style sheet.

To put it simple, if I check the generated HTML for the control, I find something like:

class="RadButton RadButton_Default rbSkinnedButton myCssClass"

I don't want the first 3 class, but only my own class, myCssClass

Is there anyway to work it around?

Thank you

Button

answered on 01 Mar 2016

1 answer

106 views

RadGrid resizetoFit doesn't honor the grouped by sub headers

resizeToFit(false, true) works perfectly when the grid doesn't have group by. When the group by is applied to the grid, the resizeToFit(false, true) doesn't honor the group by sub headers. The data seems to be overflowing in the grouped by header as shown in the screenshot.

How can I achieve the autofit all the contents in the grid including the grouped by sub headers?

Grid

answered on 01 Mar 2016

11 answers

570 views

Radgrid collapse not working.

Hi!
Due to some requirements the datasource in the nestedviewtemplate are supplied programmatic in the ItemCommand,
everything works fine when expanding and the data are loaded but when I click collapse the selected row won't collapse and instead it just post back and displays the same-thing.
Is there a way to programmatically collapse the nestedview of a selected row when collapse is clicked?
Also I'm not allowed to use sqldatasource because the data is from List<T>.

Thanks!

Grid

answered on 01 Mar 2016

1 answer

336 views

How to handle export pdf event in RadGrid

Hi

I have a issue that, I show popup and using window.timeOut to bind data to Radgrid and then it will auto export grid to pdf file but I can't auto close popup when radgrid finish exporting. So how to know that when radgrid finish exporting pdf file

Best Regard

Nguyen

Sorry, because my english is not good

Grid