or
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NumericInput.aspx.cs" Inherits="Tests_NumericInput" %> |
| <!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>Ajax Numeric Input</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="sm1" runat="server"></asp:ScriptManager> |
| <telerik:RadAjaxManager ID="ram1" runat="server" EnableAJAX="true" EnableHistory="true" EnablePageHeadUpdate="true"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="ddlType"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Height="75px" InitialDelayTime="0" Width="75px"> |
| <asp:Image ID="Image1" runat="server" ImageUrl="~/RadControls/Ajax/Skins/Default/Loading.gif" AlternateText="Loading" /> |
| </telerik:RadAjaxLoadingPanel> |
| <div> |
| <asp:DropDownList ID="ddlType" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlType_SelectedIndexChanged"> |
| <asp:ListItem Value="">Select</asp:ListItem> |
| <asp:ListItem Value="Text">Value1</asp:ListItem> |
| <asp:ListItem Value="Number">Value2</asp:ListItem> |
| </asp:DropDownList> |
| </div> |
| <div> |
| <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px" LoadingPanelID="LoadingPanel1"> |
| <asp:Panel ID="pnlNumber" runat="Server" Visible="true"> |
| <asp:CheckBox ID="chkNumberValidation" runat="server" Text="Enable" AutoPostBack="true" OnCheckedChanged="chkNumberValidation_CheckChanged" Checked="true"/> |
| <br /> |
| <radI:RadNumericTextBox ID="txtNumberMinLength" Width="60px" runat="server" ShowSpinButtons="True"> |
| <EnabledStyle HorizontalAlign="Right" /> |
| </radI:RadNumericTextBox> |
| <radI:RadNumericTextBox ID="txtNumberMaxLength" Width="60px" runat="server" ShowSpinButtons="True"> |
| <EnabledStyle HorizontalAlign="Right" /> |
| </radI:RadNumericTextBox> |
| </asp:Panel> |
| </telerik:RadAjaxPanel> |
| </div> |
| </form> |
| </body> |
| </html> |
| using System; |
| using System.Data; |
| using System.Configuration; |
| using System.Collections; |
| using System.Web; |
| using System.Web.Security; |
| using System.Web.UI; |
| using System.Web.UI.WebControls; |
| using System.Web.UI.WebControls.WebParts; |
| using System.Web.UI.HtmlControls; |
| public partial class Tests_NumericInput : System.Web.UI.Page |
| { |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| protected void chkNumberValidation_CheckChanged(object sender, EventArgs e) |
| { |
| txtNumberMinLength.Enabled = txtNumberMaxLength.Enabled = chkNumberValidation.Checked; |
| } |
| protected void ddlType_SelectedIndexChanged(object sender, EventArgs e) |
| { |
| pnlNumber.Visible = true; |
| } |
| } |
| <telerik:RadToolTipManager ID="radTooltipManager" runat="server" |
| Width="430px" |
| Height="40px" |
| OffsetX="100" |
| Animation="None" |
| Sticky="true" |
| Title="Hello" |
| Position="BottomRight" |
| ManualClose="true" |
| Skin="Default"> |
| </telerik:RadToolTipManager> |
| <radA:RadAjaxPanel ID="radAjaxPanelSector" runat="server" LoadingPanelID="ajaxLoadingPanel"> |
| <asp:Repeater ID="rptTop10Riders" runat="server"> |
| <ItemTemplate> |
| <tr> |
| <td headers="thIcon" id="tdIcon" runat="server"></td> |
| <td headers="thPosition"><%# DataBinder.Eval(Container.DataItem,"SectorLeaderboardPosition") %></td> |
| <td headers="thRaceNo" id="tdRaceNo" runat="server" class="raceNo"></td> |
| <td headers="thRiderName" id="tdRiderName" runat="server" class="riderName"></td> |
| <td headers="thMachine"><%# DataBinder.Eval(Container.DataItem,"Machine") %></td> |
| <td headers="thLap"><%# DataBinder.Eval(Container.DataItem,"LapNumber") %></td> |
| <td headers="thSectorTime"><%# DataBinder.Eval(Container.DataItem,"SectorTimeAsString") %></td> |
| <td headers="thLapTime"><%# DataBinder.Eval(Container.DataItem,"LapTimeAsString") %></td> |
| <td headers="thLapSpeed"><%# DataBinder.Eval(Container.DataItem,"LapSpeed") %></td> |
| </tr> |
| </ItemTemplate> |
| </asp:Repeater> |
| void rptTop10Riders_ItemDataBound(object sender, RepeaterItemEventArgs e) |
| { |
| switch (e.Item.ItemType) |
| { |
| case ListItemType.Item: |
| case ListItemType.AlternatingItem: |
| SectorResults sectorResults=(SectorResults)e.Item.DataItem; |
| HtmlTableCell tdRiderName=(HtmlTableCell)e.Item.FindControl("tdRiderName"); |
| HtmlAnchor riderNameAnchor=new HtmlAnchor(); |
| riderNameAnchor.Controls.Add(new LiteralControl(sectorResults.CompetitorName)); |
| //riderNameAnchor.HRef="#"; |
| riderNameAnchor.ID="riderNameAnchor"+sectorResults.RaceNumber.ToString(); |
| riderNameAnchor.Title="Click to expand this riders details"; |
| tdRiderName.Controls.Add(riderNameAnchor ); |
| this.radTooltipManager.TargetControls.Add(riderNameAnchor.ID); |
| } |
| break; |
| } |
| } |
| radTooltipManager.AjaxUpdate+=new Telerik.Web.UI.ToolTipUpdateEventHandler(radTooltipManager_AjaxUpdate); |
| void radTooltipManager_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e) |
| { |
| int index = e.TargetControlID.LastIndexOf("_"); |
| string elementID = e.TargetControlID.Substring(index + 1); |
| this.UpdateToolTip(elementID, e.UpdatePanel); |
| } |
| void Grid_ItemEvent(object sender, GridItemEventArgs e) { |
| if(e.EventInfo is GridInitializePagerItem) { |
| e.Canceled = true; |
| GridInitializePagerItem info = e.EventInfo as GridInitializePagerItem; |
| (e.Item as GridPagerItem).PagerContentCell.Controls.Clear(); |
| (e.Item as GridPagerItem).PagerContentCell.Controls.Add(SelectPager(info)); |
| } |
| } |
| <table> |
| <tr class="GridPager_Default"> |
| <td colspan="7"> |
| <div id="RadSliderWrapper_RadGrid1_ctl01_ctl03_ctl01_ctl00" class="radslider RadSlider_Default horizontal" unselectable="on" style="width: 200px;"> |
| <a title="Decrease" class="handle decrease" href="javascript:%20void(0);" id="RadSliderDecrease_RadGrid1_ctl01_ctl03_ctl01_ctl00" onmouseup="this.blur();" name="RadSliderDecrease_RadGrid1_ctl01_ctl03_ctl01_ctl00"><span>Decrease</span></a><span class="track" id="RadSliderTrack_RadGrid1_ctl01_ctl03_ctl01_ctl00" unselectable="on" style="width: 178px; height: 2px;"></span> |
| <div class="selectedregion" id="RadSliderSelected_RadGrid1_ctl01_ctl03_ctl01_ctl00" style="width: 4.5px;"> |
| <span class="track" id="RadSliderTrack_RadGrid1_ctl01_ctl03_ctl01_ctl00" unselectable="on" style="width: 178px; height: 2px;"><!-- --></span> |
| </div><span class="track" id="RadSliderTrack_RadGrid1_ctl01_ctl03_ctl01_ctl00" unselectable="on" style="width: 178px; height: 2px;"><a title="Drag" class="draghandle" href="javascript:%20void(0);" id="RadSliderDrag_RadGrid1_ctl01_ctl03_ctl01_ctl00" onmouseup="this.blur();" style="left: 0px;" name="RadSliderDrag_RadGrid1_ctl01_ctl03_ctl01_ctl00"><span>Drag</span></a></span><a title="Increase" class="handle increase" href="javascript:%20void(0);" id="RadSliderIncrease_RadGrid1_ctl01_ctl03_ctl01_ctl00" onmouseup="this.blur();" name="RadSliderIncrease_RadGrid1_ctl01_ctl03_ctl01_ctl00"><span>Increase</span></a> |
| </div> |
| <div style="width: 200px; display: none;" class="radslider RadSlider_Default horizontal" id="RadGrid1_ctl01_ctl03_ctl01_ctl00"> |
| <input type="hidden" name="RadGrid1_ctl01_ctl03_ctl01_ctl00_ClientState" id="RadGrid1_ctl01_ctl03_ctl01_ctl00_ClientState" value="{"> |
| </div> |
| </td> |
| </tr> |
| </table> |
| <table> |
| <tr class="GridPager_Default"> |
| <td colspan="7"> |
| <div style="width: 200px;" class="radslider RadSlider_Default horizontal" id="RadGrid1_ctl01_ctl03_ctl01_ctl00"> |
| <input type="hidden" name="RadGrid1_ctl01_ctl03_ctl01_ctl00_ClientState" id="RadGrid1_ctl01_ctl03_ctl01_ctl00_ClientState"> |
| </div> |
| </td> |
| </tr> |
| </table> |
| public class PageSlider : RadSlider { |
| public PageSlider() |
| : base() { |
| MinimumValue = 1; |
| MaximumValue = 100; |
| Length = 200; |
| AutoPostBack = true; |
| } |
| } |