Questions on UI for ASP.NET AJAX Forum

2 answers

72 views

Hello,i don't know how to say,the problem happened when i move my project to another computer (still not install telerik asp ajax)
and this's image
http://s1211.photobucket.com/albums/cc435/hieukenpro/?action=view&current=ask.png

Thanks,
Trung Hieu

General Discussions

answered on 15 Jun 2011

1 answer

101 views

ServerSideCallBack and htmlencoding problem

Hi,

When using the treeview with ExpandMode=ServerSideCallBack, the nodes doesn't htmlencode correctly after updatepanel has updated.
Sample:
TestTree.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestTree.aspx.vb" Inherits="WebApplication4.TestTree" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="rsm" runat="server">

</telerik:RadScriptManager>

<asp:UpdatePanel ID="up" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<ContentTemplate>

<telerik:RadTreeView ID="tv" runat="server">

<Nodes>

<telerik:RadTreeNode runat="server" id="tn" Text="test" ExpandMode="ServerSideCallBack">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

</html>

TestTree.aspx.vb

Public Class TestTree

Inherits System.Web.UI.Page

Private Sub tv_NodeClick(sender As Object, e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles tv.NodeClick

'Do something

End Sub

Private Sub tv_NodeExpand(sender As Object, e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles tv.NodeExpand

e.Node.Nodes.Add(New Telerik.Web.UI.RadTreeNode(HttpUtility.HtmlEncode("<aaa>")))

End Sub

End Class

To reproduce:
1. Expand the test-node with the plus-image
2. Select the test-node (will cause a postback of the updatepanel)
3. The sub-node "<aaa>" seems to disappear (but in fact it has just not been htmlencoded anymore)

This works if using ExpandMode=ServerSide.

Regards
Caesar

TreeView

answered on 15 Jun 2011

3 answers

151 views

Javascript error from Telerik javascript

Hello,
I am using 2011.1.519.40. I have this error in IE9 but not FF4.

I have a RadScheduler in a UserControl on an aspx page that I open with a Response.Redirect() from another aspx page. From the Scheduler page, if I click the browser Back button I get this javascipt error: "Microsoft JScript runtime error: Expected ';'"

The following is the portion of the javascript where the error happens. IE throws the error on the last line.

/* START Telerik.Web.UI.Calendar.RadCalendarScript.js */

Type.registerNamespace("Telerik.Web.UI");

$telerik.findCalendar=$find;

$telerik.toCalendar=function(a){return a;

};

Telerik.Web.UI.RadCalendar=function(a){Telerik.Web.UI.RadCalendar.initializeBase(this,[a]);

this._formatInfoArray=null;

this._specialDaysArray=null;

this._viewsHash=null;

this._monthYearNavigationSettings=null;

this._stylesHash=null;

this._dayRenderChangedDays=null;

this._viewRepeatableDays=null;

this._postBackCall=null;

this._firstDayOfWeek=null;

this._skin=null;

this._calendarWeekRule=null;

this._culture=null;

this._zIndex=null;

this._enableShadows=true;

this._nextFocusedCell=null;

this._hoveredDate=null;

this._hoveredDateTriplet=null;

this._documentKeyDownDelegate=null;

this._enabled=true;

this._useColumnHeadersAsSelectors=true;

this._useRowHeadersAsSelectors=true;

this._showOtherMonthsDays=true;

this._enableMultiSelect=true;

this._singleViewColumns=7;

this._singleViewRows=6;

this._multiViewColumns=1;

this._multiViewRows=1;

this._fastNavigationStep=3;

this._enableNavigationAnimation=false;

this._cellDayFormat="%d";

this._presentationType=Telerik.Web.UI.Calendar.PresentationType.Interactive;

this._orientation=Telerik.Web.UI.Calendar.Orientation.RenderInRows;

this._titleFormat="MMMM yyyy";

this._dayCellToolTipFormat="dddd, MMMM dd, yyyy";

this._showDayCellToolTips=true;

this._dateRangeSeparator=" - ";

this._autoPostBack=false;

this._calendarEnableNavigation=true;

this._calendarEnableMonthYearFastNavigation=true;

this._enableRepeatableDaysOnClient=true;

this._enableViewSelector=false;

this._enableKeyboardNavigation=false;

this._showRowHeaders=false;

this._navigateFromLinksButtons=true;

this._rangeSelectionStartDate=null;

this._rangeSelectionEndDate=null;

this._rangeSelectionMode={};

this._hideNavigationControls=false;

this._onLoadDelegate=null;

};

Telerik.Web.UI.RadCalendar.prototype={initialize:function(){Telerik.Web.UI.RadCalendar.callBaseMethod(this,"initialize");

this.EnableTodayButtonSelection=(this.get_monthYearNavigationSettings()[4]=="False")?false:true;

this.DateTimeFormatInfo=new Telerik.Web.UI.Calendar.DateTimeFormatInfo(this.get__FormatInfoArray());

this.DateTimeFormatInfo.Calendar=Telerik.Web.UI.Calendar.GregorianCalendar;

this.DateTimeFormatInfo.CalendarWeekRule=this._calendarWeekRule;

var e,l,f;

var c=this._auxDatesHidden();

var g=eval(c.value);

At this point, c.value is {"enabled":true,"emptyMessage":"","minDateStr":"1/1/1900 0:0:0","maxDateStr":"12/31/9999 0:0:0"}

Is this an issue in the _auxDatesHidden() function which populates 'c'? Or am I doing something wrong?

Thanks,
Dan

Scheduler

answered on 15 Jun 2011

1 answer

106 views

Ajaxify an ImageButton inside a RadGrid

Dear All,

I have a problem which I cannot solve at the moment. I have a RadGrid with an ImageButton, called btnEdit, and basically what I want is once this is clicked, a Modal Popup appears with all the data populated in the Popup. Without the RadAjaxManager, everything works fine and the Popup populates. So that is why I am asking some help, because I do not know how to set this up.

So my code is as follows:-

                                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                                        <AjaxSettings>
                                            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                                                <UpdatedControls>
                                                    <telerik:AjaxUpdatedControl ControlID="pnlRadGrid" LoadingPanelID="RadAjaxLoadingPanel1"/>
                                                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"/>
                                                </UpdatedControls>
                                            </telerik:AjaxSetting>
                                            <telerik:AjaxSetting AjaxControlID="btnEdit">
                                                <UpdatedControls>
                                                    <telerik:AjaxUpdatedControl ControlID="pnlRadGrid" LoadingPanelID="RadAjaxLoadingPanel1"/>
                                                    <telerik:AjaxUpdatedControl ControlID="btnEdit" LoadingPanelID="RadAjaxLoadingPanel1"/>
                                                </UpdatedControls>
                                            </telerik:AjaxSetting>
                                        </AjaxSettings>
                                    </telerik:RadAjaxManager>
                                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="50">
                                        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" />
                                    </telerik:RadAjaxLoadingPanel>

The RadGrid is something like this:-

                                   <asp:Panel ID="pnlRadGrid" runat="server">
                                        <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"
                                        ShowGroupPanel="True" Skin="Sunset" AutoGenerateColumns="False"
                                        onitemdatabound="RadGrid1_ItemDataBound" GroupHeaderItemStyle-Font-Bold="true"
                                        GroupHeaderItemStyle-HorizontalAlign="Left" OnItemCommand="RadGrid1_ItemCommand">
                                        <MasterTableView DataKeyNames="productId,releaseId,projectid" >
                                        <GroupByExpressions>
                                            <telerik:GridGroupByExpression>
                                                <SelectFields>
                                                    <telerik:GridGroupByField FieldAlias="ReleaseName" FieldName="ReleaseName" HeaderText="Release" />
                                                </SelectFields>
                                                <GroupByFields>
                                                    <telerik:GridGroupByField FieldAlias="ReleaseName" SortOrder="Ascending" FieldName="ReleaseName" />
                                                </GroupByFields>
                                            </telerik:GridGroupByExpression>
                                        </GroupByExpressions>
                                        <RowIndicatorColumn>
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                        </RowIndicatorColumn>

                                        <ExpandCollapseColumn>
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                        </ExpandCollapseColumn>
                                        <Columns>
                                            <telerik:GridBoundColumn DataField="productID" DataType="System.Int16"
                                                HeaderText="productID" SortExpression="productID" UniqueName="productID" Visible="false">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="productName" HeaderText="productName"
                                                SortExpression="productName" UniqueName="productName" Visible="false">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="projectId" DataType="System.Int16"
                                                HeaderText="projectId" SortExpression="projectId" UniqueName="projectId" Visible="false">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridTemplateColumn UniqueName="TemplateColumn2" GroupByExpression="ProjectName"
                                                    SortExpression="ProjectName" HeaderText="ProjectName">
                                                    <HeaderStyle Width="241px"></HeaderStyle>
                                                    <ItemStyle Height="35px"></ItemStyle>
                                                    <ItemTemplate>
                                                        <%# DataBinder.Eval(Container.DataItem, "ProjectName") %>
                                                    </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="TemplateColumn2" GroupByExpression="baseRefUrl"
                                                    SortExpression="baseRefUrl" HeaderText="baseRefUrl">
                                                    <HeaderStyle Width="241px"></HeaderStyle>
                                                    <ItemStyle Height="35px"></ItemStyle>
                                                    <ItemTemplate>
                                                        <%# DataBinder.Eval(Container.DataItem, "baseRefUrl")%>
                                                    </ItemTemplate>
                                            </telerik:GridTemplateColumn>

                                            <telerik:GridTemplateColumn UniqueName="TemplateColumn2" HeaderText="Edit">
                                                    <HeaderStyle Width="241px"></HeaderStyle>
                                                    <ItemStyle Height="35px"></ItemStyle>
                                                    <ItemTemplate>
                                                        <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/images/edit.gif" CommandName="EditHandoff" />
                                                    </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn UniqueName="TemplateColumn2" HeaderText="Delete">
                                                    <HeaderStyle Width="241px"></HeaderStyle>
                                                    <ItemStyle Height="35px"></ItemStyle>
                                                    <ItemTemplate>
                                                        <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/images/delete.gif" CommandName="DeleteHandoff"
                                                            OnClientClick="if (!confirm('Are you sure you want to delete this Handoff?')) return false;" />
                                                    </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridBoundColumn DataField="fk_projectStatus" DataType="System.Byte"
                                                HeaderText="fk_projectStatus" SortExpression="fk_projectStatus"
                                                UniqueName="fk_projectStatus" Visible="false">
                                            </telerik:GridBoundColumn>
                                        </Columns>
                                        </MasterTableView>

                                        <HeaderStyle Font-Bold="True" ForeColor="White" />

                                        <GroupHeaderItemStyle Font-Bold="True" HorizontalAlign="Left" />

                                        <FilterMenu Skin="Sunset" EnableTheming="True">
                                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
                                        </FilterMenu>
                                    </telerik:RadGrid>
                                    </asp:Panel>

And in the code behind I have the following:-

        if (e.CommandName == "EditHandoff")
        {
            //EditHandoff(iIndex);
            ModalPopupExtender mpe = ModalPopupExtender1;

            if (_productTreeList[iIndex].projectName != null)
                txtHandoffName.Text = _productTreeList[iIndex].projectName.ToString();
            if (_productTreeList[iIndex].baseRefUrl != null)
                txtBaseRefUrl.Text = _productTreeList[iIndex].baseRefUrl.ToString();
            if (_productTreeList[iIndex].url != null)
                txtUrl.Text = _productTreeList[iIndex].url.ToString();

            mpe.Show();

        }

In the Page_Load I also have:-
            RadAjaxManager1.AjaxSettings.AddAjaxSetting(pnlRadGrid, RadGrid1, RadAjaxLoadingPanel1);

Can you please tell me what I am doing wrong?
Thanks a lof for your help and time

Johann

Ajax

answered on 15 Jun 2011

1 answer

100 views

DatePicker's Built-in Validation

I really like this feature of the DatePicker but I have a gripe.

I am working with British (en-GB) date format - day/month/year. If I enter the following string into the date input box, '12/32/2011' then this is seen as an invalid date string. If however I enter the following erroneous date string '12/13/2011'(meaning the twelth day of the thireteenth month of the year), the built-in validation mechanism seems to treat it as if it had been entered in en-US format (meaning the thirteenth day of the twelth month) and redisplays it as '13/12/2011'. It does not see this date string as invalid.

So, to catch this type of input error I have to validate the input string using the DateInput's client side 'OnValueChanged' event.

It would be so much nicer if Telerik could provide a user option which allowed me to select either the current 'corrective' behaviour or a 'strict' behaviour that trapped any inconsistencies in a date string.

Rgds

Len Jones

Calendar

answered on 15 Jun 2011

4 answers

89 views

RadCombo with ajax and IE8

Hi, I'm having strange issue, which I don't know how to resolve.
I have 3 panels on my page: left, middle and right
On left there are combo with filters (rad combo ones), ajaxified with following way:

<telerik:RadAjaxManagerProxy ID="rAjaxManagerProxy" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="left">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="left" />

<telerik:AjaxUpdatedControl ControlID="middle" LoadingPanelID="ralMain" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="middle">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="middle" />

<telerik:AjaxUpdatedControl ControlID="right" LoadingPanelID="ralMain" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

Evewrything is working like a charm when I'm using firefox, chrome or IE 9. The problem starts with IE8. After search on left panel, everything is displayed but combo is loosing its items. It is not happening if I'm not using ajax. Without ajax everything is working exept it it is no ajaxified. I'm filling values from database on page_load:

protected void Page_Load(object sender, EventArgs e)

{

if (this.IsPostBack)

{

return;

}

this.rcbIndustry.DataSource = GetIndustries();

this.rcbIndustry.DataBind();

this.rcbIndustry.Items.Insert(0, new RadComboBoxItem());

this.rcbCustomer.DataSource = GetCustomers();

this.rcbCustomer.DataBind();

this.rcbCustomer.Items.Insert(0, new RadComboBoxItem());

}

On the beginning I thought it is related to not filling value if this is postback, but removing this check not helping. It is really strange because all comboboxes on such page are stopping working on IE.

I looked to the page code using F12 on IE 8, and it s look like whole section for drop down is such case is missing.
Do you have any advice?

I just notice that this happen on all my comboboxes with website. If there is any ajax request e.g. through the ajaxpanel, combobox dropdown disapears in IE 8.

I'm using version: 2011.1.413.40

Update

I think I know what it is: I'm having folloing peace of code i master page in head section:

<link href="Non-IE_themes/Telerik_nonIE.css" rel="stylesheet" type="text/css" />

<!--[if gte IE 9]>

<link href="Non-IE_themes/Telerik_nonIE.css" rel="stylesheet" type="text/css" />

<![endif]-->

which contains following css:

.RadComboBoxDropDown .rcbScroll

{

height: 100% !important;

max-height: 300px;

}

When this is section is added it is causing problems on IE 8. (IE 7 compatibility is working). When removed IE 8 is working... but other browsers have issue related to this css fix. :(

Update 2

Even removing this sentense from css won't help. Problem is on master page conditional statement. Only removing from master page helps.

ComboBox

answered on 15 Jun 2011

1 answer

140 views

Encript input data in GridBoundColumn

Hi everybody,
I am using a Radgrid in my application with multiple type of data,I want to use a password GridBoundColumn and do not show the entering password to the user.
It can be done in RadTextBox with this attribue:
TextMode="Password"
but I didnt found the similar way for RadGrid Data Columns.

Grid

answered on 15 Jun 2011

2 answers

116 views

problem with radNumericTextbox

hello

I use radnumericTextbox in mode Currency

in this mode,after numbers,it put currency Sign near numbers

I want users don't see this symbol.numbers group by with comma but didn't put symbol
for example user enter 125000 and see 125,000$ but I want users see 125,000

please help me how can I do that

General Discussions

answered on 15 Jun 2011

1 answer

73 views

Page size drop down is disable

Currently I'm facing a strange issue with RadGrid and RadAjaxManager. While using the paging functionality everything works fine as after the page is loaded or refreshed. But as soon as I start using the pager and change the pages the page size drop down gets disabled.

It does not happen if I don't use RadAjaxManager, but in return I get an annoying page refresh which I'm trying to avoid.
At the moment I was able to solve this issue with ajax UpdatePanel but I'd rather stick with Telerik components if I can.

Do you have any idea what's going on here?

Thanks,
Sam

Grid

answered on 15 Jun 2011

1 answer

133 views

Custom Advanced Edit Form not displaying when launching via ShowAdvancedEditForm?

Hi,

I've got a RadScheduler with a customized Advanced Edit Form in place, and everything works fine when adding/editing appointments via double-clicking. However, I now need to launch the Advanced Form server-side, and I'm unable to do so successfully. I'm using ShowAdvancedEditForm() to launch it, and when tracing through execution I can see that everything in AdvancedForm.ascx is being run as expected, but the Form is never displayed. Instead, the user is returned to the RadScheduler without any visible change.

Any suggestions as to what I might be doing wrong? I've attached the relevant server-side method below, along with my RadScheduler definition from the page itself. I'm guessing it's because I'm not handling the server-side OnFormCreated event, but after looking at the demos and documentation, I'm at a loss at to what I'd have to do in order to handle it.

private bool EditAppointment(string appointmentID)

{

// Load the existing Appointment

Guid appointmentGuid = new Guid(appointmentID);

Appointment editApt = RadScheduler_Main.Appointments.FindByID(appointmentGuid);

if (editApt == null)

{

return false;

}

RadScheduler_Main.ShowAdvancedEditForm(editApt);

return true;

}

<telerik:RadScheduler ID="RadScheduler_Main" runat="server" StartInsertingInAdvancedForm="true" MinutesPerRow="15"

Height="80%" SelectedView="TimelineView" FirstDayOfWeek="Monday" OnAppointmentInsert="RadScheduler_Main_AppointmentInsert"

OnClientFormCreated="schedulerFormCreated" GroupingDirection="Vertical" OnClientAppointmentClick="OnClientAppointmentClick"

OnAppointmentUpdate="RadScheduler_Main_AppointmentUpdated" OverflowBehavior="Scroll" AppointmentContextMenuSettings-EnableDefault="true"

OnFormCreated="RadScheduler_Main_OnFormCreated">

<AdvancedForm Modal="true" />

<Reminders Enabled="false" />

<TimelineView NumberOfSlots="5" />

<ResourceStyles>

<telerik:ResourceStyleMapping Type="App" ApplyCssClass="rsCategoryOrange" Text="ELN" />

<telerik:ResourceStyleMapping Type="App" ApplyCssClass="rsCategoryGreen" Text="Reporting" />

<telerik:ResourceStyleMapping Type="App" ApplyCssClass="rsCategoryYellow" Text="Stability" />

<telerik:ResourceStyleMapping Type="App" ApplyCssClass="rsCategoryBlue" Text="Sample Tracker" />

</ResourceStyles>

<AdvancedEditTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit"

Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>'

End='<%# Bind("End") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'

ApplicationID = '<%# Bind("Applicationid") %>'

Task='<%# Bind("Taskid") %>' />

</AdvancedEditTemplate>

<AdvancedInsertTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Insert"

Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>'

End='<%# Bind("End") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'

ApplicationID = '<%# Bind("Applicationid") %>'/>

</AdvancedInsertTemplate>

</telerik:RadScheduler>

Scheduler

answered on 15 Jun 2011