| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <script type="text/javascript"> |
| function OnRequestStart(sender, args) |
| { |
| args.set_enableAjax(true); |
| } |
| function OnResponseEnd(sender, args) |
| { |
| args.set_enableAjax(false); |
| } |
| </script> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="radGrid"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="radGrid" LoadingPanelID="alpGrid" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| <ClientEvents OnRequestStart="OnRequestStart" OnResponseEnd="OnResponseEnd" /> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxPanel ID="radPanel" runat="server" ClientEvents-OnRequestStart="OnResponseEnd" ClientEvents-OnResponseEnd="OnRequestStart"> |
| <asp:ImageButton ID="cmdExportToExcel" Style="cursor: pointer;" ImageUrl="~/DesktopModules/Slideshow/Images/excel-tips-tricks.png" |
| AlternateText="Export to Excel" runat="server" |
| onclick="cmdExportToExcel_Click"></asp:ImageButton> |
| <asp:ImageButton ID="cmdExportToWord" Style="cursor: pointer;" ImageUrl="~/DesktopModules/Slideshow/Images/word-tips-tricks.png" |
| AlternateText="Export to Word" runat="server" |
| onclick="cmdExportToWord_Click"></asp:ImageButton> |
| <asp:ImageButton ID="cmdExportToPdf" Style="cursor: pointer;" ImageUrl="~/DesktopModules/Slideshow/Images/pdf_icon.gif" Width="35px" |
| AlternateText="Export to Pdf" runat="server" |
| onclick="cmdExportToPdf_Click"></asp:ImageButton> |
| <asp:Label ID="lblExport" runat="server" /> |
| </telerik:RadAjaxPanel> |
| <telerik:RadAjaxLoadingPanel ID="alpGrid" runat="server" Transparency="30"> |
| <asp:Image ID="Image1" ImageUrl="~/DesktopModules/Slideshow/images/loading.gif" AlternateText="Loading. Please wait..." BorderWidth="0px" runat="server"></asp:Image> |
| </telerik:RadAjaxLoadingPanel> |
/* RadSlider for ASP.NET AJAX Default Skin */ .RadSlider .rslTrack { border-color:#b9b9b9 #939393 #939393 #b9b9b9; height:400px; } .RadSlider .rslHorizontal a.rslHandle { background-image:url('Slider/Handles.gif'); } .RadSlider .rslHorizontal a.rslDraghandle { background-image:url('Slider/DragHandle.gif'); } .RadSlider .rslTop a.rslDraghandle { background-image:url('Slider/DragHandleDown.gif'); } .RadSlider .rslHorizontal .rslTrack { background:url('Slider/TrackBgr.gif') repeat-x; } .RadSlider .rslHorizontal .rslSelectedregion { background:url('Slider/SelectedRegionHorizontalBgr.gif') right top no-repeat; } /* vertical slider */ .RadSlider .rslVertical { } .RadSlider .rslVertical a.rslHandle { background-image:url('Slider/HandlesVertical.gif'); } .RadSlider .rslVertical .rslTrack { height:500px; background: url('Slider/TrackVerticalBgr.gif') repeat-y ; } .RadSlider .rslVertical .rslSelectedregion { height:100px; background:url('Slider/SelectedRegionVerticalBgr.gif') left bottom no-repeat; } .RadSlider .rslVertical a.rslDraghandle { background:url('Slider/DragVerticalHandle.gif') no-repeat; } .RadSlider .rslLeft a.rslDraghandle { background:url('Slider/DragVerticalHandleRight.gif') no-repeat; } .RadSlider .rslItem, .RadSlider .rslLargeTick span { color:#333; } .RadSlider .rslItemsWrapper .rslItemSelected { color:#000; } /* horizontal slider items */ .RadSlider .rslHorizontal .rslItem { background-image:url('Slider/ItemHorizontalBgr.gif'); } /* vertical slider items */ .RadSlider .rslVertical .rslItem { background-image:url('Slider/ItemVerticalBgr.gif'); } /* horizontal slider - TrackPosition=Top/Bottom */ .RadSlider .rslTop .rslSmallTick, .RadSlider .rslBottom .rslSmallTick { background-image:url('Slider/SmallChangeHorizontal.gif'); } .RadSlider .rslTop .rslLargeTick, .RadSlider .rslBottom .rslLargeTick { background-image:url('Slider/LargeChangeHorizontal.gif'); } /* vertical slider - TrackPosition=Left/Right */ .RadSlider .rslLeft .rslSmallTick, .RadSlider .rslRight .rslSmallTick { background-image:url('Slider/SmallChangeVertical.gif'); } .RadSlider .rslLeft .rslLargeTick, .RadSlider .rslRight .rslLargeTick { background-image:url('Slider/LargelChangeVertical.gif'); } /* horizontal slider - TrackPosition=Center */ .RadSlider .rslMiddle .rslSmallTick { background-image:url('Slider/SmallChangeMiddleHorizontal.gif'); } .RadSlider .rslMiddle .rslLargeTick { background-image:url('Slider/LargeChangeMiddleHorizontal.gif'); } /* vertical slider - TrackPosition=Center */ .RadSlider .rslCenter .rslSmallTick { background-image:url('Slider/SmallChangeCenterVertical.gif'); } .RadSlider .rslCenter .rslLargeTick { background-image:url('Slider/LargelChangeCenterVertical.gif'); } DIV.RadSlider .rslTrack { WIDTH: 500px; } <ChartTitle Text="Total"> <Appearance Align="Center" BackgroundColor="White" Position="Top"></Appearance></ChartTitle><Legend> <Appearance BackgroundColor="White" Position="Right" Visible="true"></Appearance></Legend>
<telerik:GridBoundColumn DataField="contactmobile" HeaderText="Mobile"
SortExpression="mobile" UniqueName="contactmobile">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField="address" HeaderText="Address"
SortExpression="Address" UniqueName="Address">
<EditItemTemplate>
<asp:TextBox ID="addressTextBox" TextMode="MultiLine" Width="300px" Height="75px"
runat="server" Text='<%# Bind("address") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="addressLabel" runat="server" Text='<%# Eval("address") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
code behind:
protected void RadGrid1_ItemInserted(object source, GridInsertedEventArgs e)
{
GridEditFormInsertItem editformItem = (GridEditFormInsertItem)e.Item;
TextBox contactmobile = (TextBox)editformItem["contactmobile"].Controls[0];
// working fine
TextBox address = (TextBox)editformItem["address"].Controls[0];
// working fine not working
// dumps with Cannot find cell bound to column with unique name 'address'
}
How do I read the value from Address here ??
Thx
Torben
Hello,
I have implemented a drag-drop from one Radgrid to another. When the target grid receives a drop, it updates a SQL table. The target grid is using a DataSourceID to the said SQL table. I have placed a Radgrid.Rebind() in the postback call. Everything works great - except for the first time. When I drop the first item, the target grid does not update but I can see that it updated the SQL table. After the first item, I can continuously drop more items from the source grid and the target grid will refresh every time to represent the data in the SQL table using the Rebind in postback. What would cause the first instance of a rebind to not work properly?
I saw on some posts to place the Rebind in the page's PreRender event but that also did not work. Any suggestions are much appreciated. Thank you.
Hi there,
The RadcomboBox OnSelectedIndexChanged event fired unexpected after I refresh page in firefox, however, it is working fine in IE and Chrome. Here is my code and scenario.
1 Use firefox to open the page
2 Select value from the first ComboBox
3 Select value from the second ComboBox
4 Refresh Page
5 Click the "Explore" button on the page, the OnSelectedIndexChanged
event of the first RadComboBox got fired in Firefox (working fine in IE
and Chrome).
Please help. Thank you very much.
Default.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %><!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>Telerik ASP.NET Example</title> <link rel="stylesheet" type="text/css" href="styles.css" /></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadFormDecorator ID="FormDecorator1" runat="server" /> <div class="qsf-demo-canvas"> <div class="continents"> <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="186px" AutoPostBack="true" Filter="Contains" datatextfield="Name" datavaluefield="ID" OnDataBound="ddlBox1_DataBound" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged"> </telerik:RadComboBox> </div> <div class="countries"> <telerik:RadComboBox ID="RadComboBox2" runat="server" Width="186px" AutoPostBack="true" Filter="Contains" datatextfield="Name" datavaluefield="ID" OnDataBound="ddlBox2_DataBound" OnSelectedIndexChanged="RadComboBox2_SelectedIndexChanged"> </telerik:RadComboBox> </div> <div> <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" CellSpacing="0" AllowSorting="true" GridLines="None" Width="800px"> <ClientSettings> <Selecting AllowRowSelect="true" /> </ClientSettings> <MasterTableView AutoGenerateColumns="False" DataKeyNames="ID"> <Columns> <telerik:GridBoundColumn DataField="ID" DataType="System.String" HeaderText="StateID" ReadOnly="True" SortExpression="ID" UniqueName="ID"> </telerik:GridBoundColumn> <telerik:GridDateTimeColumn DataField="Name" DataType="System.String" HeaderText="Name" SortExpression="Name" UniqueName="Name"> </telerik:GridDateTimeColumn> </Columns> </MasterTableView> <FilterMenu EnableImageSprites="False"> </FilterMenu> </telerik:RadGrid> </div> <p class="buttons"> <asp:Button ID="Button1" runat="server" Text="Explore" OnClick="Button1_Click" /> </p> <div class="result"> <asp:Label runat="server" ID="Literal1" /> </div> </div> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadComboBox1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadComboBox2" /> <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadComboBox2"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> </form></body></html>
Code behind
using System;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Linq;using System.Data;using System.Data.SqlClient;using System.Configuration;using System.Web.Security;using System.Collections.Generic;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using Telerik.Web.UI; public partial class Default : System.Web.UI.Page{ public class State { public String ID { get; set; } public String Name { get; set; } } public class City { public String ID { get; set; } public String Name { get; set; } public String StateID { get; set; } } public List<State> GetStateList() { List<State> _list = new List<State>(); State d1 = new State(); d1.Name = "AB"; d1.ID = "1"; State d2 = new State(); d2.Name = "BC"; d2.ID = "2"; State d3 = new State(); d3.Name = "ON"; d3.ID = "3"; _list.Add(d1); _list.Add(d2); _list.Add(d3); return _list; } public List<City> GetCityList(String _stateID) { List<City> _list = new List<City>(); List<City> _newList = new List<City>(); City c1 = new City(); c1.Name = "Calgary"; c1.ID = "1"; c1.StateID = "1"; City c2 = new City(); c2.Name = "Edmonton"; c2.ID = "2"; c2.StateID = "1"; City c3 = new City(); c3.Name = "Vancouver"; c3.ID = "3"; c3.StateID = "2"; City c4 = new City(); c4.Name = "Victoria"; c4.ID = "4"; c4.StateID = "2"; City c5 = new City(); c5.Name = "Toronto"; c5.ID = "5"; c5.StateID = "3"; City c6 = new City(); c6.Name = "Ottawa"; c6.ID = "6"; c6.StateID = "3"; _list.Add(c1); _list.Add(c2); _list.Add(c3); _list.Add(c4); _list.Add(c5); _list.Add(c6); var _result = _list.Where(t => t.StateID == _stateID); foreach (var _item in _result) { City d = new City(); d.ID = _item.ID; d.StateID = _item.StateID; d.Name = _item.Name; _newList.Add(d); } return _newList; } protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) LoadBox1(); } protected void RadComboBox1_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e) { if (e.Value != String.Empty) { LoadBox2(e.Value); List<State> _test = new List<State>(); RadGrid1.DataSource = _test; RadGrid1.DataBind(); } } protected void RadComboBox2_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e) { if (e.Value != String.Empty) { LoadGrid(); } } public void LoadGrid() { RadGrid1.DataSource = GetStateList(); RadGrid1.DataBind(); } protected void LoadBox1() { RadComboBox1.DataSource = GetStateList(); RadComboBox1.DataBind(); } protected void LoadBox2(string _stateID) { RadComboBox2.DataSource = GetCityList(_stateID); RadComboBox2.DataBind(); } protected void ddlBox1_DataBound(object sender, EventArgs e) { var combo = (RadComboBox)sender; combo.Items.Insert(0, new RadComboBoxItem("Please Select", String.Empty)); RadComboBox2.Items.Insert(0, new RadComboBoxItem("Please Select", String.Empty)); } protected void ddlBox2_DataBound(object sender, EventArgs e) { var combo = (RadComboBox)sender; combo.Items.Insert(0, new RadComboBoxItem("Please Select", String.Empty)); } protected void Button1_Click(object sender, EventArgs e) { //Literal1.Text = string.Empty; }}Hello,
I am creating a RadHtmlChart in the code-behind (VB.NET) and would like to know how to create a plot band for the yAxis programmatically? I can't find any documentation online or in the forums. Any help would be greatly appreciated.
Thanks!