Questions on UI for ASP.NET AJAX Forum

110,813 questions

3 answers

288 views

Disable Copy/Paste/Cut and Enable alphanumeric data only

On my web page, I have 2 RadComboBox with AllowCustomText set to True.

Can you please tell me how to:
1. disable Copy and Paste on RadComboBox
2. allow ONLY alphanumeric characters to be entered on RadComboBox.

PS: I am using Telerik RadControls for ASP.NET AJAX Q3 2010.

ComboBox

answered on 04 Feb 2011

1 answer

141 views

Increment days to a selecteddate and display in another readdatepicker using Javascript

Hi guys,

How to increment the days of the selected date from a datepicker and display it in another datepicker using javascript?

Someone plz help

Thanks in advance,
Raj

Shinu has already replied to this issue in : http://www.telerik.com/community/forums/aspnet-ajax/calendar/two-raddatepickers.aspx

Calendar

answered on 04 Feb 2011

1 answer

113 views

Group Footer Text

I have a RadGrid that I implement grouping. I have group footers being displayed. A sample of my data is:

State   County     City                    Population
PA         Dauphin     Harrisburg            1,756,000
PA         Dauphin Enola      244,000
PA Centre    State College     823,000
PA Centre        Centre Hall                27,000

I am grouping by State and County. I would like the footers to contain the appropriate grouping value. For instance for each County footer, I would like to see the following:
Average Population in Dauphin County: 1,000,000 (Dauphin would be dynamically displayed)

For each State footer, I wold like to see the following:
Average Population in PA State:    1,425,000   (PA would be dynamically displayed)

How can I display the grouping value in the footer for each grouping section? My footers are displaying the Average of Population just fine, but my client wants to show the grouping value as part of the footer as well.

Thanks,
Chris

Grid

answered on 04 Feb 2011

0 answers

158 views

RadGrid datasource includes temp table

I have a query that I am putting some data in a temp table then retrieving it through another query. The query works fine in my database editor, but then I run the same code on my site I get an error that table tblTemp doesn't exist. Does the ASP.NET SQLDatasoure support these types of actions? I am using the same account in the DB editor and the website.

select idRecord.id

from idRecord

where id = 123456

into temp tblTemp;

select profileRecord.username

from profileRecord

where id in (select id from tbltemp)

Grid

asked on 04 Feb 2011

2 answers

80 views

jQuery independently of Telerik

The closest post to what I want to do is: http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/any-way-to-prevent-telerik-from-including-jquery.aspx

But the suggestion is to include jquery into the telerik which i dont want to do.

I want to run jquery and jquery-ui independently of telerik so that i don't have to go change all the existing:

$(document).ready(...)

code.

At the moment everything is fine, but I can't use the jQuery.ui library because telerik breaks it, and I can't include the libraries into the script manage because that breaks existing jQuery stuff.

How can i run jQuery/jQuery-UI in-dependently of Telerik stuff...

General Discussions

answered on 04 Feb 2011

2 answers

349 views

[Solved] Fire Client Side Select Event On Server Side

I have a grid where "OnRowSelected" I fire a javascript function that moves the selection's data to another part of the screen, it works kind of like an old school windows multi-select slide over box. This is working fine, and I have no issues with it.

My problem is that this is all part of a data item that can be saved and edited later. In the event that the user wishes to edit the item later, I need to load in the grid with the data items pre-selected. I know how to do that, and have that part working.

My question is: Is there an easy way to fire my client-side events after I bind the grid and force selection server side, so that the UI will look as if the user clicked the selections (all my javascript gets executed is my main goal here). I'd like to send all the selection code down the same funnel, so that the de-select code all functions properly in the aforementioned scenario.

I am trying to avoid postbacks, ajax or otherwise, as my users' machines are very old, and even nicely setup update panels and ajaxmanagers seem to take forever to execute.

Grid

answered on 03 Feb 2011

2 answers

141 views

RadRating not firing Rate from RadGrid

Hi I have a problem with RadRating control.

I have a RadGrid in which there is a <ItemTemplate> section that allows to define the look of the unit displayed on the grid. In it, I want to add RadRating control and ultimately be able to rate a unit and make a call to a database to update a rating field WITHOUT reloading the page. (using Update Panel)

So the very first thing I did was to add the control to the <itemTemplate> like it is shown in your examples. However, the control is not added to the list of recognizable controls to call methods on ( from codebehind) and it is not added to the designer file of the control. So there is no way either Update panel or codebehind will be able to reference the rating control.

How do I go around that?

What I have noticed was that if I add the control outside <itemTemplate> it will register control properly as well as add it to the list of possible objects to do declarations on (from CodeBehind)

Here is my code:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"

Width="75px" Transparency="5">

<img style="margin-top: 150px;" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading4.gif") %>' />

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="RadGrid1" EnableViewState="False" OnPageIndexChanged="RadGrid1_PageIndexChanged"

runat="server" DataSourceID="SqlDataSource1" GridLines="None" Width="850px" Height="100%"

Skin="Telerik" PageSize="20" AllowPaging="True">

<PagerStyle Mode="NumericPages" PageButtonCount="1" Position="TopAndBottom" />

<MasterTableView BorderStyle="None" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"

PageSize="20">

<NoRecordsTemplate>

<div>

Nothing was found, start your search again. To Refresh, click <a href="inventory.aspx?reset=no&make=clear&model=clear&yearFromGrid=clear">

here</a></div>

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID"

DataType="System.Int32" ReadOnly="True" Visible="False" AutoPostBackOnFilter="True">

</telerik:GridBoundColumn>

</Columns>

<ItemTemplate>

<div style="height: auto; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;">

<table width="95%" border="0" cellspacing="0" cellpadding="0">

<tr style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<td style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<div style="font-size: medium; font-weight: bold; text-align: left;">

<a class="nikfont2" style="color: black; font-size: medium;"><%#Eval("Year") & " " & Eval("Make") & " " & Eval("Model") %></a></div>

</td>

<tr style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<td style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<table border="0">

<tr style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<td style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<div runat="server" visible="false" id="myDiv">

<%#Eval("Stock Number") %></div>

<br />

</td>

<td style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<a href="productdetails.aspx?sid=<%#Eval("Stock Number") %>&sysn=<%#Eval("Sys2KNum") %>">

<img id="imgItem1" alt="" src="<%# GetJobImageHtml(DirectCast(Eval("Stock Number"), String), DirectCast(Eval("PicturePackage"), String),DirectCast(Eval("Sys2KNum"), String) )%>"

style="width: 120px; border: 1px solid rgb(195, 195, 195);" />

</a>

</td>

<td style="text-align: left; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<table style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<tr style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<td width="60px">

Stock #:<br />

Int Color:<br />

UVW:<br />

Length:<br />

Category:<br />

</td>

<td width="100px" style="">

<%#eval("Stock Number") %><br />

<%# Eval("Color")%><br />

<%# Eval("Weight")%><br />

<%# LengthOuputer(DirectCast(myCStr(Eval("Length")), String))%><br />

<%# Eval("InternetClass") %><br />

</td>

</tr>

<tr style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<td colspan="4" style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<span id="lblDescription">

<%--IIf(myCStr(Eval("Sales Description")) <> "", myCStr(Eval("Sales Description")).ToString().Substring(0, Math.Min(150, myCStr(Eval("Sales Description")).Length)) & "...  <

a href=""productdetails.aspx?sid=" & myCStr(Eval("Stock Number")) & """>[View More]</a>", "")--%>

</span>

</td>

</tr>

</table>

</td>

<td width="250px">

<table style="border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px">

<tr>

<td>

<%# loadAddress(DirectCast(myCStr(Eval("Address1")), String), _

DirectCast(myCStr(Eval("Address2")), String), _

DirectCast(myCStr(Eval("City")), String), _

DirectCast(myCStr(Eval("State")), String), _

DirectCast(myCStr(Eval("Zip")), String), _

DirectCast(myCStr(Eval("MainPhone")), String))%>

<telerik:RadRating ID="RadRating1" runat="server" AutoPostBack="False" OnRate="RadRating1_Rate" Precision="Exact" />

<%--<telerik:RadRating ID="RadRating1" runat="server" AutoPostBack="True" OnRate="RadRating1_Rate" Precision="Exact" />--%>

<%-- <telerik:RadComboBox ID="RadComboBox1" runat="server" OnSelectedIndexChanged="RadRating1_Rate">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Select Criteria" Value="none" Selected="True" />

<telerik:RadComboBoxItem runat="server" Text="Length Ascending" Value="LengthA" Selected="False" />

</Items>

</telerik:RadComboBox>--%>

</td>

<td width="120px">

<div style="font-size: large; font-weight: bold; vertical-align: top">

<%# price(DirectCast(myCStr(Eval("SalePrice")), String), _

DirectCast(myCStr(Eval("Suggested Selling Price")), String), _

DirectCast(myCStr(Eval("OurPrice")), String), _

DirectCast(myCStr(Eval("SpecialPrice")), String), _

DirectCast(myCStr(Eval("MSRP")), String), _

DirectCast(myCStr(Eval("Sys2KNum")), String))%>

</div>

<div >

<a href="productdetails.aspx?sid=<%#Eval("Stock Number") %>&sysn=<%#Eval("Sys2KNum") %>">

<img src="images/viewdetails.png" alt="" name="<%#Eval("Stock Number") %>" border="0"

style="margin-bottom: 5px" /></a><br />

</div>

<br />

<div>

<%# zip(DirectCast(myCStr(Eval("Radius")), String), DirectCast(myCStr(Eval("DealerCity")), String))%>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</ItemTemplate>

<EditFormSettings>

<FormTemplate>

</FormTemplate>

</EditFormSettings>

<PagerStyle Mode="NumericPages" Position="TopAndBottom" />

</MasterTableView>

<ActiveItemStyle BorderStyle="None" />

</telerik:RadGrid>

</td>

</tr>

</table>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:TestString %>"

SelectCommand="SELECT * FROM Vehicles WHERE Sys2KNum = '007414'" >

</asp:SqlDataSource>

Rating

answered on 03 Feb 2011

2 answers

206 views

problem with AddHandler

Hi I have a Telerik RadGrid and I'm trying to hook up my own event to RadRating control placed inside the ItemTemplate of the grid.
The added handler does not fire..

<telerik:RadGrid ID="RadGrid1" EnableViewState="False" OnPageIndexChanged="RadGrid1_PageIndexChanged"

runat="server" DataSourceID="SqlDataSource1" GridLines="None" Width="850px" Height="100%"

Skin="Telerik" PageSize="20" AllowPaging="True">

<PagerStyle Mode="NumericPages" PageButtonCount="1" Position="TopAndBottom" />

<MasterTableView BorderStyle="None" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"

PageSize="20">

<NoRecordsTemplate>

<div>

Nothing was found, start your search again. To Refresh, click <a href="inventory.aspx?reset=no&make=clear&model=clear&yearFromGrid=clear">

here</a></div>

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID"

DataType="System.Int32" ReadOnly="True" Visible="False" AutoPostBackOnFilter="True">

</telerik:GridBoundColumn>

</Columns>

<itemTemplate>

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

<ContentTemplate>

<telerik:RadRating ID="RadRating1" Value="3.5" runat="server" AutoPostBack="false" Precision="Exact" />

</ContentTemplate>

</asp:UpdatePanel>

</ItemTemplate>

<EditFormSettings>

<FormTemplate>

</FormTemplate>

</EditFormSettings>

<PagerStyle Mode="NumericPages" Position="TopAndBottom" />

</MasterTableView>

<ActiveItemStyle BorderStyle="None" />

</telerik:RadGrid>

Private Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemCreated

If Not IsPostBack Then

For Each gridDataItem As GridDataItem In RadGrid1.Items

Dim radRate As RadRating = DirectCast(gridDataItem.FindControl("RadRating1"), RadRating)

AddHandler radRate.Rate, AddressOf CControls_UnitGrid.Rate

radRate.Value = 1

radRate.AutoPostBack = True

Dim panel1 As UpdatePanel = DirectCast(gridDataItem.FindControl("panel1"), UpdatePanel)

AddHandler panel1.Load, AddressOf CControls_UnitGrid.Rate

Next

End If

End Sub

Shared Sub Rate(ByVal sender As Object, ByVal e As EventArgs)

Dim radRate As RadRating = DirectCast(sender, RadRating)

radRate.Value = 2

End Sub

Here is my codeBehind, what am I doing wrong?

General Discussions

answered on 03 Feb 2011

2 answers

116 views

RadRate Events Firing

Trying to get value from RadRate (which is created dynamically) in <itemTemplate>. Could somebody tell me what I'm doing wrong?

<telerik:RadGrid ID="RadGrid1" EnableViewState="False" OnPageIndexChanged="RadGrid1_PageIndexChanged"
   runat="server" DataSourceID="SqlDataSource1" GridLines="None" Width="850px" Height="100%"
   Skin="Telerik" PageSize="20" OnItemCreated="RadGrid1_ItemCreated" AllowPaging="True">
   <PagerStyle Mode="NumericPages" PageButtonCount="1" Position="TopAndBottom" />
   <MasterTableView BorderStyle="None" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
   PageSize="20">
   <NoRecordsTemplate>
   <div>
   Nothing was found, start your search again. To Refresh, click <a href="inventory.aspx?reset=no&make=clear&model=clear&yearFromGrid=clear">
   here</a></div>
   </NoRecordsTemplate>
   <Columns>
   <telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID"
   DataType="System.Int32" ReadOnly="True" Visible="False" AutoPostBackOnFilter="True">
   </telerik:GridBoundColumn>
   </Columns>
   <ItemTemplate>
      <asp:UpdatePanel UpdateMode="Conditional" runat="server" ID="panel1">
   <Triggers>

   </Triggers>
   <ContentTemplate>
   <telerik:RadRating ID="RadRating1" Value="3" runat="server" ViewStateMode="Enabled" AutoPostBack="True" />
   </ContentTemplate>
   <Triggers>
   <asp:AsyncPostBackTrigger ControlID="RadRating1" EventName="Rate" />
   </Triggers>
   </asp:UpdatePanel>
   </ItemTemplate>
   <EditFormSettings>
   <FormTemplate>
   </FormTemplate>
   </EditFormSettings>
   <PagerStyle Mode="NumericPages" Position="TopAndBottom" />
   </MasterTableView>
   <ActiveItemStyle BorderStyle="None" />
   </telerik:RadGrid>
--------------------------------------------------------------------------------------------

   Public Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemCreated
   If e.Item.ItemType = GridItemType.AlternatingItem Or e.Item.ItemType = GridItemType.Item Then
   Dim item As Telerik.Web.UI.GridDataItem
   item = e.Item

   Dim radRate As Telerik.Web.UI.RadRating = item("ID").FindControl("RadRating1")

   Dim panel1 As UpdatePanel = item("ID").FindControl("panel1")

   AddHandler panel1.Load, AddressOf CControls_UnitGrid.up1_Load
   AddHandler radRate.Rate, AddressOf CControls_UnitGrid.Rate

   Dim apt As New AsyncPostBackTrigger
   apt.ControlID = radRate.ID
   apt.EventName = "Rate"
   panel1.Triggers.Add(apt)

   End If
   End Sub

Rating

answered on 03 Feb 2011

0 answers

166 views

RadScheduler and RadTooltipManager not working together

We just recently upgrade our control set and it seemed to have broke our implementation of using the radtooltipmanager with the radscheduler. I have been following the tutorial below and have created a test project that is the exact same and can't seem to get it working.

http://demos.telerik.com/aspnet-ajax/scheduler/examples/radtooltip/defaultcs.aspx

I took all the code from the demo page and put it into a test page. When the AjaxUpdate code runs as seen below, the FindByID returns a null. Also when I rollover the appointment the AppointmentCreated method gets called as well.

Code-Behind



private void Page_Load(object sender, EventArgs e)
    {
        RadScheduler1.AppointmentCreated += RadScheduler1_AppointmentCreated;
        RadScheduler1.DataBound += RadScheduler1_DataBound;
 
        this.RadScheduler1.DataSource = GetApps();
        this.RadScheduler1.DataBind();
    }
 
    private List<Appointment> GetApps()
    {
        List<Appointment> appList = new List<Appointment>();
 
        for (int i = 0; i < 10; i++)
        {
            Appointment app = new Appointment();
            app.ID = Guid.NewGuid();
            app.Subject = "Apt" + i.ToString();            
            app.Start = DateTime.Now.AddDays(i);
            app.End = DateTime.Now.AddDays(i).AddMinutes(30);
            appList.Add(app);
        }
 
        return appList;
    }
 
    protected void RadScheduler1_AppointmentCreated(object sender, AppointmentCreatedEventArgs e)
    {
        if (e.Appointment.Visible && !IsAppointmentRegisteredForTooltip(e.Appointment))
        {
            string id = e.Appointment.ID.ToString();
 
            foreach (string domElementID in e.Appointment.DomElements)
            {
                RadToolTipManager1.TargetControls.Add(domElementID, id, true);
            }
        }
    }
 
    private bool IsAppointmentRegisteredForTooltip(Appointment apt)
    {
        foreach (ToolTipTargetControl targetControl in RadToolTipManager1.TargetControls)
        {
            if (apt.DomElements.Contains(targetControl.TargetControlID))
            {
                return true;
            }
        }
 
        return false;
    }
 
    protected void RadScheduler1_DataBound(object sender, EventArgs e)
    {
        RadToolTipManager1.TargetControls.Clear();
        ScriptManager.RegisterStartupScript(this, typeof(Page), "HideToolTip", "hideActiveToolTip();", true);
    }
 
    protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)
    {        
        Appointment apt = RadScheduler1.Appointments.FindByID(new Guid(e.Value));
         
        Portal_Controls_AppointmentToolTip toolTip = (Portal_Controls_AppointmentToolTip)LoadControl("Portal/Controls/AppointmentToolTip.ascx");
        toolTip.TargetAppointment = apt;
        e.UpdatePanel.ContentTemplateContainer.Controls.Add(toolTip);
    }

html

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>

<%@ Reference Control="Portal/Controls/AppointmentToolTip.ascx" %>

<!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>

<link rel="stylesheet" type="text/css" href="/Resources/css/styles.css" />

<script language="javascript" src="/Resources/js/modals.js" type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

function hideActiveToolTip() {

var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (tooltip) {

tooltip.hide();

}

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);

function beginRequestHandler(sender, args) {

var prm = Sys.WebForms.PageRequestManager.getInstance();

if (args.get_postBackElement().id.indexOf('RadScheduler1') != -1) {

hideActiveToolTip();

}

function clientBeforeShow(sender, eventArgs) {

w = $telerik.$(window).width() / 2;

h = $telerik.$(window).height() / 2;

if ((sender._mouseX > w) && (sender._mouseY > h)) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.TopLeft);

return;

}

if ((sender._mouseX < w) && (sender._mouseY > h)) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.TopRight);

return;

}

if ((sender._mouseX > w) && (sender._mouseY < h)) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomLeft);

return;

}

sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomRight);

}

//]]>

</script>

</head>

<body id="body" runat="server" style="background-color:White;">

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

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<div style="padding:20px 20px 20px 20px;">

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

<ContentTemplate>

<telerik:RadScheduler runat="server"

ID="RadScheduler1"

Width="750px"

Height="600px"

TimeZoneOffset="03:00:00"

DayStartTime="08:00:00"

DayEndTime="18:00:00"

DataKeyField="ID"

DataSubjectField="Subject"

DataStartField="Start"

DataEndField="End"

DisplayDeleteConfirmation="false"

SelectedView="MonthView">

<AdvancedForm Modal="true" />

<TimelineView UserSelectable="false" />

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</telerik:RadScheduler>

<telerik:RadToolTipManager

runat="server"

ID="RadToolTipManager1"

Width="320"

Height="210"

Animation="None"

HideEvent="LeaveToolTip"

Text="Loading..."

RelativeTo="Element"

OnAjaxUpdate="RadToolTipManager1_AjaxUpdate"

OnClientBeforeShow="clientBeforeShow"

EnableShadow="true"/>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

</html>

If you could point me in the right directory that would be great. I have attached the test file I have been working on.

thanks

Scheduler

asked on 03 Feb 2011

Top users last month