<httpRuntime maxRequestLength="1000" />
<httpRuntime maxRequestLength="1000" />
Dim Loop1 As Integer
Dim TempFileName As String
Dim MyFileCollection As UploadedFileCollection = RadUpload1.UploadedFiles
For Loop1 = 0 To MyFileCollection.Count - 1
' Create a new file name.
TempFileName = "C:\TempFiles\File_" & CStr(Loop1)
' Save the file.
MyFileCollection(Loop1).SaveAs(TempFileName)
Next Loop1
String TempFileName;
UploadedFileCollection MyFileCollection = RadUpload1.UploadedFiles;
for (int Loop1 = 0; Loop1 < MyFileCollection.Count; Loop1++)
{
// Create a new file name.
TempFileName = "C:\\TempFiles\\File_" + Loop1.ToString();
// Save the file.
MyFileCollection[Loop1].SaveAs(TempFileName);
}
Dim Loop1 As Integer
Dim TempFileName As String
Dim ShouldOverwrite As Boolean = True
Dim MyFileCollection As UploadedFileCollection = RadUpload1.UploadedFiles
For Loop1 = 0 To MyFileCollection.Count - 1
' Create a new file name.
TempFileName = "C:\TempFiles\File_" & CStr(Loop1)
' Save the file.
MyFileCollection(Loop1).SaveAs(TempFileName, ShouldOverwrite)
Next Loop1
String TempFileName;
bool ShouldOverwrite = true;
UploadedFileCollection MyFileCollection = RadUpload1.UploadedFiles;
for (int Loop1 = 0; Loop1 < MyFileCollection.Count; Loop1++)
{
// Create a new file name.
TempFileName = "C:\\TempFiles\\File_" + Loop1.ToString();
// Save the file.
MyFileCollection[Loop1].SaveAs(TempFileName, ShouldOverwrite);
}
bool isValid = true;
if (file.ContentLength > MaxFileSize)
{
isValid = false;
}
Dim isValid As Boolean = True;
If file.ContentLength > MaxFileSize Then
isValid = False;
End If
Dim Loop1 As Integer
Dim MyFileCollection As UploadedFileCollection = RadUpload1.UploadedFiles
For Loop1 = 0 To MyFileCollection.Count - 1
If MyFileCollection(Loop1).ContentType = "video/mpeg" Then
'...
End If
Next Loop1
UploadedFileCollection MyFileCollection = RadUpload1.UploadedFiles;
for (int Loop1 = 0; Loop1 < MyFileCollection.Count; Loop1++)
{
if (MyFileCollection[Loop1].ContentType == "video/mpeg")
{
//...
}
}
UploadedFile MyUploadedFile = RadUpload1.UploadedFiles[0];
string MyFileName = MyUploadedFile.FileName;
Dim MyUploadedFile As UploadedFile = RadUpload1.UploadedFiles(0)
Dim MyFileName As String = MyUploadedFile.FileName
Dim allowedFileExtensions As String() = New String(2) {"zip", "doc", "config"}
RadAsyuncUpload1.AllowedFileExtensions = allowedFileExtensions
string[] allowedFileExtensions = new string[3] {"zip", "doc", "config"};
RadAsyncUpload1.AllowedFileExtensions = allowedFileExtensions;
' For example you can Get these from your web.config file
Dim commaSeparatedMimeTypes As String = "application/octet-stream,application/msword,video/mpeg"
Dim allowedMimeTypes As String() = commaSeparatedMimeTypes.Split(",")
RadAsyncUpload1.AllowedMimeTypes = allowedMimeTypes
// For example you can get these from your web.config file
string commaSeparatedMimeTypes = "application/octet-stream,application/msword,video/mpeg";
string[] allowedMimeTypes = commaSeparatedMimeTypes.Split(',');
RadAsyncUpload1.AllowedMimeTypes = allowedMimeTypes;
function onClientFileUploading(sender, eventArgs)
{
var fileName = eventArgs.get_fileName();
}
</script>
runat="server"
OnClientFileUploading="onClientFileUploading">
....
</telerik:RadAsyncUpload>
- sender, the asyc upload client object;
- eventArgs with one property:
- get_fileName(), the name of the file being uploaded.
function onClientFileUploaded(sender, eventArgs)
{
var fileName = eventArgs.get_fileName();
}
</script>
runat="server"
OnClientFileUploaded="onClientFileUploaded">
....
</telerik:RadAsyncUpload>
- sender, the asyc upload client object;
- eventArgs with one property:
- get_fileName(), the name of the file that was uploaded.
function onClientFileUploadFailed(sender, eventArgs)
{
var message = eventArgs.get_message();
}
</script>
runat="server"
OnClientFileUploadFailed="onClientFileUploadFailed">
....
</telerik:RadAsyncUpload>
- sender, the async upload client object;
- eventArgs with three properties:
- get_message(), the error message containing the reason for the failed upload
- get_handled(), gets a value indicating whether the developer will handle the error
- set_handled(), sets a value indicating whether the developer will handle the error
function onClientValidationFailed(sender, eventArgs)
{
var fileName = eventArgs.get_fileName();
var input = eventArgs.get_fileInputField();
}
</script>
runat="server"
OnClientValidationFailed="onClientValidationFailed">
....
</telerik:RadAsyncUpload>
- sender, the async upload client object;
- eventArgs with two properties:
- get_fileName(), the name of the file that failed to upload.
- get_fileInputField(), the file input field dom element.
<radU:RadAsyncUpload OnClientFileUploadDeleting="myOnClientDeleting" ... />
<script language="javascript">
function myOnClientDeleting()
{
args.set_cancel(prompt("Are you sure?"));
}
</script>
<radU:RadAsyncUpload OnClientFileUploadingDeleting="myOnClientDeleting" ... />
<script language="javascript">
function myOnClientDeleting()
{
args.set_cancel(prompt("Are you sure?"));
}
</script>
For Each file As Telerik.WebControls.UploadedFile In RadAsyncUpload1.UploadedFiles
file.SaveAs(Path.Combine("c:\my files\", file.GetName()), True)
Next
foreach (Telerik.Web.UI.UploadedFile file in RadAsyncUpload1.UploadedFiles)
{
file.SaveAs(Path.Combine(@"c:\my files\", file.GetName()), true);
}
[ASPX/ASCX]
<script type="text/javascript" >
function DatePicker_OnDateSelected(pickerInstance, args)
{
alert("The picker date has been chanded from " + args.OldDate + " to " + args.NewDate);
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server" >
<ClientEvents OnDateSelected="DatePicker_OnDateSelected" />
</radCln:RadDatePicker>
<script type="text/javascript">
function Opening(sender, args)
{
args.CancelOpen = true;
//or
return false;
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupOpening="Opening"/>
</radCln:RadDatePicker>
<script type="text/javascript">
function Opening(sender, args)
{
args.CancelCalendarSynchronize = true;
sender.Calendar.NavigateToDate([2006,12,19]);
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server" >
<ClientEvents OnPopupOpening="Opening"/>
</radCln:RadDatePicker>
[ASPX/ASCX]
<script type="text/javascript">
function OnPopupOpening(datepickerInstance, args)
{
......
}
</script>
<radcln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupOpening="OnPopupOpening" />
</radcln:RadDatePicker>
[ASPX/ASCX]
<script type="text/javascript">
function OnPopupClosing(datepickerInstance, args)
{
......
}
</script>
<radcln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupClosing="OnPopupClosing" />
</radcln:RadDatePicker>
<script type="text/javascript">
function Closing(sender, args)
{
args.CancelClose = true;
//or
return false;
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupClosing="Closing"/>
</radCln:RadDatePicker>
private void Page_Load(object sender, System.EventArgs e)
{
RadMonthYearPicker1.SelectedDate = DateTime.Now;
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadMonthYearPicker1.SelectedDate = DateTime.Now
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadMonthYearPicker1.DbSelectedDate = tableRow["BirthDate"];
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadMonthYearPicker1.DbSelectedDate = tableRow("BirthDate")
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadMonthYearPicker1.Culture = new CultureInfo("en-US");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadMonthYearPicker1.Culture = New CultureInfo("en-US")
End Sub
- Databinding that allows the control to be populated from various datasources
- Programmatic access to the RadComboBox object model which allows to dynamic creation of comboboxes, populate items, set properties.
- Customizable appearance through built-in or user-defined skins.
Items
RadComboBox1.ClearSelection()
RadComboBox1.ClearSelection();
Dim item As RadComboBoxItem = RadComboBox1.FindItemByText("New York")
RadComboBoxItem item = RadComboBox1.FindItemByText("New York");
Dim item As RadComboBoxItem = RadComboBox1.FindItemByText("New York",true)
RadComboBoxItem item = RadComboBox1.FindItemByText("New York",true);
Dim item As RadComboBoxItem = RadComboBox1.FindItemByValue("1")
RadComboBoxItem item = RadComboBox1.FindItemByValue("1");
Dim item As RadComboBoxItem = RadComboBox1.FindItemByValue("1", true)
RadComboBoxItem item = RadComboBox1.FindItemByValue("1", true);
void Page_Load(object sender, EventArgs e)
{
RadComboBox1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadComboBoxItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadComboBox1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadComboBoxItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
RadComboBox1.LoadContentFile("~/myfile.xml")
RadComboBox1.LoadContentFile("~/myfile.xml");
RadComboBox1.Sort=RadComboBoxSort.Ascending
RadComboBox1.SortItems()
RadComboBox1.Sort=RadComboBoxSort.Ascending;
RadComboBox1.SortItems();
RadComboBox1.Sort=RadComboBoxSort.Ascending
Dim comparer As MyComparer = New MyComparer()
RadComboBox1.SortItems(comparer)
Public Class MyComparer
Implements IComparer
Public Function Compare(ByVal x As Object, ByVal y As Object) As Integer
Dim p1 As New RadComboBoxItem()
Dim p2 As New RadComboBoxItem()
If TypeOf x Is RadComboBoxItem Then
p1 = TryCast(x, RadComboBoxItem)
Else
Throw New ArgumentException("Object is not of type RadComboBoxItem.")
End If
If TypeOf y Is RadComboBoxItem Then
p2 = TryCast(y, RadComboBoxItem)
Else
Throw New ArgumentException("Object is not of type RadComboBoxItem.")
End If
Dim cmp As Integer = 0
If p1.ComboBoxParent.Sort = RadComboBoxSort.Ascending Then
cmp = [String].Compare(p1.Value, p2.Value, Not p1.ComboBoxParent.SortCaseSensitive)
End If
If p1.ComboBoxParent.Sort = RadComboBoxSort.Descending Then
cmp = [String].Compare(p1.Value, p2.Value, Not p1.ComboBoxParent.SortCaseSensitive) * -1
End If
Return cmp
End Function
End Class
RadComboBox1.Sort=RadComboBoxSort.Ascending;
MyCoparer comparer = new MyComparer();
RadComboBox1.SortItems(comparer);
public class MyComparer : IComparer
{
public int Compare(object x, object y)
{
RadComboBoxItem p1 = new RadComboBoxItem();
RadComboBoxItem p2 = new RadComboBoxItem();
if (x is RadComboBoxItem)
p1 = x as RadComboBoxItem;
else
throw new ArgumentException("Object is not of type RadComboBoxItem.");
if (y is RadComboBoxItem)
p2 = y as RadComboBoxItem;
else
throw new ArgumentException("Object is not of type RadComboBoxItem.");
int cmp = 0;
if (p1.ComboBoxParent.Sort == RadComboBoxSort.Ascending)
{
cmp = String.Compare(p1.Value, p2.Value, !p1.ComboBoxParent.SortCaseSensitive);
}
if (p1.ComboBoxParent.Sort == RadComboBoxSort.Descending)
{
cmp = String.Compare(p1.Value, p2.Value, !p1.ComboBoxParent.SortCaseSensitive) * -1;
}
return cmp;
}
}
- adding a new item
- removing existing item
- clearing the children of an item or the control itself
- changing a property of the item
foreach (ClientOperation<RadComboBoxItem> operation in RadToolBar1.ClientChanges)
{
RadComboBoxItem item = operation.Item;
switch (operation.Type)
{
case ClientOperationType.Insert:
//An item has been inserted - operation.Item contains the inserted item
break;
case ClientOperationType.Remove:
//An item has been inserted - operation.Item contains the removed item.
//Keep in mind the item has been removed from the combobox.
break;
case ClientOperationType.Update:
UpdateClientOperation<RadComboBoxItem> update = operation as UpdateClientOperation<RadComboBoxItem>
//The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
break;
case ClientOperationType.Clear:
//All children of the combobox have been removed - operation.Item will always be null.
break;
}
}
For Each operation As ClientOperation(Of RadComboBoxItem) In RadToolBar1.ClientChanges
Dim item As RadComboBoxItem = operation.Item
Select Case operation.Type
Case ClientOperationType.Insert
'An item has been inserted - operation.Item contains the inserted item
Exit Select
Case ClientOperationType.Remove
'An item has been inserted - operation.Item contains the removed item.
'Keep in mind the item has been removed from the combobox.
Exit Select
Case ClientOperationType.Update
Dim update As UpdateClientOperation(Of RadComboBoxItem) = TryCast(operation, UpdateClientOperation(Of RadComboBoxItem))
'The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
Exit Select
Case ClientOperationType.Clear
//All children of the combobox have been removed - operation.Item will always be Nothing.
Exist Select
End Select
Next
RadComboBox1.Items[0].Text = "Example";
RadComboBox1.Items[0].Value = "1";
RadComboBox1.Items(0).Text = "Example"
RadComboBox1.Items(0).Value = "1"
protected void RadComboBox1_TemplateNeeded(object sender, Telerik.Web.UI.RadComboBoxItemEventArgs e)
{
string value = e.Item.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
textBoxTemplate.InstantiateIn(e.Item);
}
}
}
Sub RadComboBox1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemEventArgs) Handles RadComboBox1.TemplateNeeded
Dim value As String = e.Item.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
textBoxTemplate.InstantiateIn(e.Item)
End If
End If
End Sub
If RadComboBox1.IsEmpty
'
'
'
End If
if (RadComboBox1.IsEmpty)
{
//
//
//
}
RadComboBox1.RadComboBoxImagePosition = RadComboBoxImagePosition.Left;
RadComboBox1.RadComboBoxImagePosition = RadComboBoxImagePosition.Right
string comboText = RadComboBox1.Text
Dim comboText As String = RadComboBox1.Text
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public RadComboBoxItemData[] WebServiceMethodName(object context)
{
// We cannot use a dictionary as a parameter, because it is only supported by script services.
// The context object should be cast to a dictionary at runtime.
IDictionary<string, object> contextDictionary = (IDictionary<string, object>) context;
//...
}
}
RadComboBox1.AutoCompleteSeparator = ";,";
RadComboBox1.AutoCompleteSeparator = ";,"
<telerik:radcombobox id="RadComboBox1" Runat="server" ></telerik:radcombobox>
private void RadComboBox1_SelectedIndexChanged(object o, Telerik.WebControls.RadComboBoxSelectedIndexChangedEventArgs e)
{
Label1.Text = RadComboBox1.SelectedItem.Text;
}
<telerik:radcombobox id="RadComboBox1" Runat="server" ></telerik:radcombobox>
Private Sub RadComboBox1_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.WebControls.RadComboBoxSelectedIndexChangedEventArgs) Handles RadComboBox1.SelectedIndexChanged
Label1.Text = RadComboBox1.SelectedItem.Text
End Sub
<ItemTemplate> <asp:CheckBox runat="server" ID="CheckBox"></asp:CheckBox>
<asp:Label runat="server" ID="Label1"Text='<%# DataBinder.Eval(Container, "Text") %>' ></asp:Label> </ItemTemplate> <Items> <telerik:RadComboBoxItem Text="News" /> <telerik:RadComboBoxItem Text="Sports" /> <telerik:RadComboBoxItem Text="Games" /> </Items>
To customize the collapse animation you can use the
void Page_Load(object sender, EventArgs e)
{
RadComboBox1.ExpandAnimation.Type = AnimationType.Linear;
RadComboBox1.ExpandAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadComboBox1.ExpandAnimation.Type = AnimationType.Linear
RadComboBox1.ExpandAnimation.Duration = 300
End Sub
To disable collapse animation effects you should set the
void Page_Load(object sender, EventArgs e)
{
RadComboBox1.CollapseAnimation.Type = AnimationType.Linear;
RadComboBox1.CollapseAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadComboBox1.CollapseAnimation.Type = AnimationType.Linear
RadComboBox1.CollapseAnimation.Duration = 300
End Sub
RadComboBox1.Sort = RadComboBoxSort.Ascending;
RadComboBox1.Sort = RadComboBoxSort.Descending;
RadComboBox1.Sort = RadComboBoxSort.None;
RadComboBox1.Sort = RadComboBoxSort.Ascending
RadComboBox1.Sort = RadComboBoxSort.Descending
RadComboBox1.Sort = RadComboBoxSort.None
RadComboBox1.SortCaseSensitive = false;
RadComboBox1.SortCaseSensitive = false
<script type="text/javascript">
function onSelectedIndexChanging(sender, eventArgs)
{
var item = eventArgs.get_item();
if (item.get_text() == "LA")
{
// do not allow selecting item with text "LA"
return false;
}
else
{
// alert the new item text and value.
alert(item.get_text() + ":" + item.get_value());
}
}
</script>
<telerik:radcombobox ID="RadComboBox1" runat="server"
OnClientSelectedIndexChanging="onSelectedIndexChanging">
</telerik:radcombobox>
<script language="javascript">
function onSelectedIndexChanged(sender,eventArgs)
{
var item = eventArgs.get_item();
// alert the new item text and value.
alert(item.get_text() + ":" + item.get_value());
}
</script>
<telerik:radcombobox ID="RadComboBox1" runat="server"
OnClientSelectedIndexChanged="onSelectedIndexChanged">
</telerik:radcombobox>
function onItemRequestingHandler(sender, eventArgs)
{
var context = eventArgs.get_context();
context["Parameter1"] = "Value";
}
</script>
runat="server"
OnClientItemPopulating="onClientItemPopulatingHandler">
....
</telerik:RadComboBox>
- sender, the menu client object;
- eventArgs with three properties:
- get_context(), an user object that will be passed to the web service.
- set_cancel(), used to cancel the event.
function onItemsRequested(sender, eventArgs)
{
alert("Loading finished");
}
</script>
runat="server"
OnClientItemsRequested="onItemsRequested">
....
</telerik:RadComboBox>
- sender, the menu client object;
- eventArgs, null for this event.
function onItemsRequestFailed(sender, eventArgs)
{
alert("Error: " + errorMessage);
eventArgs.set_cancel(true);
}
</script>
runat="server"
OnClientItemsRequestFailed="onItemsRequestFailed">
....
</telerik:RadComboBox>
- sender, the menu client object;
- eventArgs with one property:
- set_cancel(), set to true to suppress the default action (alert message).
<telerik:radcombobox
Runat="server"
ID="RadComboBox3"
OnClientKeyPressing="HandleKeyPress"
...
/>
<script type="text/javascript">
function HandleKeyPress(sender, e)
{
if (e.keyCode == 13)
{
document.forms[0].submit();
}
}
</script>
- the instance of the combobox client-side object;
- browser event arguments.
<script language="javascript">
function HandleOpen(sender,args)
{
if (someCondition)
{
args.set_cancel(true);
}
else
{
alert("Opening combobox with " + comboBox.get_items().get_count() + " items");
}
}
</script>
<telerik:radcombobox
id="RadComboBox1"
Runat="server"
OnClientDropDownOpening="HandleOpen">
</telerik:radcombobox>
<script language="javascript">
function HandleOpen(sender,args)
{
alert("Opening combobox with " + comboBox.get_items().get_count() + " items");
}
</script>
<telerik:radcombobox
id="RadComboBox1"
Runat="server"
OnClientDropDownOpened="HandleOpen">
</telerik:radcombobox>
<script type="text/avascript">
function OnClientFocus(sender,args)
{
alert("focus");
}
</script>
<telerik:radcombobox
id="RadComboBox1"
Runat="server"
OnClientFocus="OnClientFocus">
</telerik:radcombobox>
<script type="text/avascript">
function OnClientBlur(sender,args)
{
alert("blur");
}
</script>
<telerik:radcombobox
id="RadComboBox1"
Runat="server"
OnClientBlur="OnClientBlur">
</telerik:radcombobox>
<script language="javascript">
function HandleClose(sender, args)
{
if (someCondition)
{
args.set_cancel(true);
}
else
{
alert("Closing combobox with " + sender.get_items().get_count() + " items");
}
}
</script>
<telerik:radcombobox
id="RadComboBox1"
Runat="server"
OnClientDropDownClosing="HandleClose">
</telerik:radcombobox>
<script language="javascript">
function HandleClose(sender, args)
{
alert("Closed combobox with " + sender.get_items().get_count() + " items");
}
</script>
<telerik:radcombobox
id="RadComboBox1"
Runat="server"
OnClientDropDownClosed="HandleClose">
</telerik:radcombobox>
function onClientLoadHandler(sender)
{
alert(sender.get_id());
}
</script>
runat= "server"
OnClientLoad="onClientLoadHandler">
....
</telerik:RadComboBox>
<script type="text/javascript">
function onClientIndexChecking(sender, eventArgs)
{
var item = eventArgs.get_item();
if (item.get_text() == "LA")
{
// do not allow checking an item with text "LA"
return false;
}
else
{
// alert the new item text and value.
alert(item.get_text() + ":" + item.get_value());
}
}
</script>
<telerik:radcombobox ID="RadComboBox1" runat="server"
OnClientIndexChecking="onClientIndexChecking">
</telerik:radcombobox>
<script language="javascript">
function onClientItemChecked(sender,eventArgs)
{
var item = eventArgs.get_item();
// alert the new item text and value.
alert(item.get_text() + ":" + item.get_value());
}
</script>
<telerik:radcombobox ID="RadComboBox1" runat="server"
OnClientItemChecked="onClientItemChecked">
</telerik:radcombobox>
<telerik:RadMenu runat="server" ID="RadTreeView2" PersistLoadOnDemandItems="true" >
<WebServiceSettings Path="http://services.odata.org/OData/OData.svc">
<ODataSettings ResponseType="JSONP" InitialContainerName="Categories">
<Entities>
<telerik:ODataEntityType Name="Category" DataValueField="ID" DataTextField="Name" NavigationProperty="Products" />
<telerik:ODataEntityType Name="Product" DataValueField="ID" DataTextField="Name" />
</Entities>
<EntityContainer>
<telerik:ODataEntitySet EntityType="Category" Name="Categories" />
<telerik:ODataEntitySet EntityType="Product" Name="Products" />
</EntityContainer>
</ODataSettings>
</WebServiceSettings>
<DataBindings>
<telerik:RadMenuItemBinding ExpandMode="WebService" />
</DataBindings>
</telerik:RadMenu>
- Rich and highly customizable UI for item transfer, delete and reordering.
- Drag and drop support. Items can be reordered or transferred via drag and drop.
- Automatic update of the underlying data source during reorder, transfer or delete.
- Checkbox support
- All features supported by the built-in ListBox control.
RadListBox1.Delete(RadListBox1.SelectedItems);
RadListBox1.Delete(RadListBox1.SelectedItems)
RadListBox1.TransferToID = "RadListBox2";
//Transfers all items of RadListBox1 to RadListBox2
RadListBox1.Transfer(RadListBox1.Items, RadListBox1, RadListBox2);
//Transfers all items of RadListBox2 to RadListBox1. Notice that we do not use RadListBox2.Transfer
RadListBox1.Transfer(RadListBox2.Items, RadListBox2, RadListBox1);
RadListBox1.TransferToID = "RadListBox2"
'Transfers all items of RadListBox1 to RadListBox2
RadListBox1.Transfer(RadListBox1.Items, RadListBox1, RadListBox2)
'Transfers all items of RadListBox2 to RadListBox1. Notice that we do not use RadListBox2.Transfer
RadListBox1.Transfer(RadListBox2.Items, RadListBox2, RadListBox1);
RadListBox1.TransferToID = "RadListBox2";
//Transfers the first item of RadListBox1 to RadListBox2
RadListBox1.Transfer(RadListBox1.Items[0], RadListBox1, RadListBox2);
//Transfers the first item of RadListBox2 to RadListBox1. Notice that we do not use RadListBox2.Transfer
RadListBox1.Transfer(RadListBox2.Items[0], RadListBox2, RadListBox1);
RadListBox1.TransferToID = "RadListBox2"
'Transfers the first item of RadListBox1 to RadListBox2
RadListBox1.Transfer(RadListBox1.Items(0), RadListBox1, RadListBox2)
'Transfers the first item of RadListBox2 to RadListBox1. Notice that we do not use RadListBox2.Transfer
RadListBox1.Transfer(RadListBox2.Items(0), RadListBox2, RadListBox1);
//Reorder the first item to second place
RadListBox1.Reorder(0, 1);
'Reorder the first item to second place
RadListBox1.Reorder(0, 1)
//Reorder the first item to second place
RadListBox1.ReorderToIndex(0, 1);
'Reorder the first item to second place
RadListBox1.ReorderToIndex(0, 1)
//Move all selected items with one position down
RadListBox1.Reorder(RadListBox1.SelectedItems, 1);
'Move all selected items with one position down
RadListBox1.Reorder(RadListbox1.SelectedItems, 1)
//Move all selected items (first and second) to an index below them.
RadListBox1.ReorderToIndex(RadListBox1.SelectedItems, 3);
'Move all selected items (first and second) to an index below them.
RadListBox1.Reorder(RadListbox1.SelectedItems, 3)
RadListBoxItem item = RadListBox1.FindItem(delegate(RadListBoxItem currentItem) {
return currentItem.Text.StartsWith("A");
});
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadListBox1.FindItem(AddressOf Find)
End Sub
Public Function Find(ByVal currentItem As RadListBoxItem) As Boolean
Find = currentItem.Text.StartsWith("A")
End Function
RadListBox1.Sort=RadListBoxSort.Ascending
RadListBox1.SortItems()
RadListBox1.Sort=RadListBoxSort.Ascending;
RadListBox1.SortItems();
RadListBox1.Sort = RadListBoxSort.Ascending;
RadListBox1.Sort = RadListBoxSort.Descending;
RadListBox1.Sort = RadListBoxSort.None;
RadListBox1.Sort = RadListBoxSort.Ascending
RadListBox1.Sort = RadListBoxSort.Descending
RadListBox1.Sort = RadListBoxSort.None
RadListBox1.SortCaseSensitive = false;
RadListBox1.SortCaseSensitive = false
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public RadListBoxItemData[] WebServiceMethodName(object context)
{
// We cannot use a dictionary as a parameter, because it is only supported by script services.
// The context object should be cast to a dictionary at runtime.
IDictionary<string, object> contextDictionary = (IDictionary<string, object>) context;
//...
}
}
protected void RadListBox1_ItemDataBound(object sender, RadListBoxItemEventArgs e)
{
e.Item.ToolTip = (string)DataBinder.Eval(e.Item.DataItem, "ToolTipColumn");
}
Protected Sub RadListBox1_ItemDataBound(sender As Object, e As RadListBoxItemEventArgs)
e.Item.ToolTip = DirectCast(DataBinder.Eval(e.Item.DataItem, "ToolTipColumn"), String)
End Sub
protected void RadListBox1_TemplateNeeded(object sender, Telerik.Web.UI.RadListBoxItemEventArgs e)
{
string value = e.Item.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
textBoxTemplate.InstantiateIn(e.Item);
}
}
}
Sub RadListBox1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadListBoxItemEventArgs) Handles RadListBox1.TemplateNeeded
Dim value As String = e.Item.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
textBoxTemplate.InstantiateIn(e.Item)
End If
End If
End Sub
function onItemRequestingHandler(sender, eventArgs)
{
var context = eventArgs.get_context();
context["Parameter1"] = "Value";
}
</script>
runat="server"
OnClientItemPopulating="onClientItemPopulatingHandler">
....
</telerik:RadListBox>
- sender, the listBox client object;
- eventArgs with three properties:
- get_context(), an user object that will be passed to the web service.
- set_cancel(), used to cancel the event.
function onItemsRequested(sender, eventArgs)
{
alert("Loading finished");
}
</script>
runat="server"
OnClientItemsRequested="onItemsRequested">
....
</telerik:RadListBox>
- sender, the menu client object;
- eventArgs, null for this event.
function onItemsRequestFailed(sender, eventArgs)
{
alert("Error: " + errorMessage);
eventArgs.set_cancel(true);
}
</script>
runat="server"
OnClientItemsRequestFailed="onItemsRequestFailed">
....
</telerik:RadListBox>
- sender, the menu client object;
- eventArgs with one property:
- set_cancel(), set to true to suppress the default action (alert message).
function onSelectedIndexChanging(sender, args)
{
args.set_cancel(true);
}
function onContextMenu(sender, args)
{
var item = args.get_item();
}
function onItemChecking(sender, args)
{
args.set_cancel(true);
}
function onDeleting(sender, args)
{
args.set_cancel(true);
}
function onTransferring(sender, args)
{
args.set_cancel(true);
}
function onReordering(sender, args)
{
args.set_cancel(true);
}
function onItemDragStart(sender, args)
{
args.set_cancel(true);
}
- Databinding that allows the control to be populated from various datasources.
- Programmatic access to the RadMenu object model which allows dynamic creation of menus, populating with items and customizing the behavior by various properties.
- Customizable appearance through built-in or user-defined skins.
Items
private void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadMenu1.LoadContentFile("~/Menu/Examples/Menu.xml");
}
}
Private Sub Page_Load(sender As Object, e As EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
RadMenu1.LoadContentFile("~/Menu/Examples/Menu.xml")
End If
End Sub
void Page_Load(object sender, EventArgs e)
{
foreach (RadMenuItem item in RadMenu1.GetAllItems())
{
item.Enabled = false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
For Each childItem As RadMenuItem In RadMenu1.GetAllItems
childItem.Enabled = False
Next
End Sub
void Page_Load(object sender, EventArgs e)
{
RadMenu1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadMenuItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadMenu1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadMenuItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
- adding a new item
- removing existing item
- clearing the children of an item or the control itself
- changing a property of the item
foreach (ClientOperation<RadMenuItem> operation in RadToolBar1.ClientChanges)
{
RadMenuItem item = operation.Item;
switch (operation.Type)
{
case ClientOperationType.Insert:
//An item has been inserted - operation.Item contains the inserted item
break;
case ClientOperationType.Remove:
//An item has been inserted - operation.Item contains the removed item.
//Keep in mind the item has been removed from the menu.
break;
case ClientOperationType.Update:
UpdateClientOperation<RadMenuItem> update = operation as UpdateClientOperation<RadMenuItem>
//The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
break;
case ClientOperationType.Clear:
//All children of have been removed - operation.Item contains the parent item whose children have been removed. If operation.Item is null then the root items have been removed.
break;
}
}
For Each operation As ClientOperation(Of RadMenuItem) In RadToolBar1.ClientChanges
Dim item As RadMenuItem = operation.Item
Select Case operation.Type
Case ClientOperationType.Insert
'An item has been inserted - operation.Item contains the inserted item
Exit Select
Case ClientOperationType.Remove
'An item has been inserted - operation.Item contains the removed item.
'Keep in mind the item has been removed from the menu.
Exit Select
Case ClientOperationType.Update
Dim update As UpdateClientOperation(Of RadMenuItem) = TryCast(operation, UpdateClientOperation(Of RadMenuItem))
'The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
Exit Select
Case ClientOperationType.Clear
'All children of have been removed - operation.Item contains the parent item whose children have been removed. If operation.Item is Nothing then the root items have been removed.
Exist Select
End Select
Next
RadMenu1.Items[0].Text = "Example";
RadMenu1.Items[0].NavigateUrl = "http://www.example.com";
RadMenu1.Items(0).Text = "Example"
RadMenu1.Items(0).NavigateUrl = "http://www.example.com"
<ItemTemplate> <asp:CheckBox runat="server" ID="CheckBox"></asp:CheckBox>
<asp:Label runat="server" ID="Label1"Text='<%# DataBinder.Eval(Container, "Text") %>' ></asp:Label> </ItemTemplate> <Items> <telerik:RadMenuItem Text="News" /> <telerik:RadMenuItem Text="Sports" /> <telerik:RadMenuItem Text="Games" /> </Items>
To customize the collapse animation you can use the
void Page_Load(object sender, EventArgs e)
{
RadMenu1.ExpandAnimation.Type = AnimationType.Linear;
RadMenu1.ExpandAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadMenu1.ExpandAnimation.Type = AnimationType.Linear
RadMenu1.ExpandAnimation.Duration = 300
End Sub
To disable expand animation effects you should set the
void Page_Load(object sender, EventArgs e)
{
RadMenu1.CollapseAnimation.Type = AnimationType.Linear;
RadMenu1.CollapseAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadMenu1.CollapseAnimation.Type = AnimationType.Linear
RadMenu1.CollapseAnimation.Duration = 300
End Sub
- item flow
- expand direction
- horizontal offset from the parent item
- vertical offset from the parent item
- width
- height
If the available space is lower than the specified value, the menu will attempt to screen boundary detection first (if enabled).
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public RadMenuItemData[] WebServiceMethodName(RadMenuItemData item, object context)
{
// We cannot use a dictionary as a parameter, because it is only supported by script services.
// The context object should be cast to a dictionary at runtime.
IDictionary<string, object> contextDictionary = (IDictionary<string, object>) context;
//...
}
}
private void RadMenu1_ItemCreated(object sender, Telerik.WebControls.RadMenuItemEventArgs e)
{
e.Item.ToolTip = e.Item.Text;
}
Sub RadMenu1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.WebControls.RadMenuItemEventArgs) Handles RadMenu1.ItemCreated
e.Item.ToolTip = e.Item.Text
End Sub
protected void RadMenu1_TemplateNeeded(object sender, Telerik.Web.UI.RadMenuEventArgs e)
{
string value = e.Item.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
textBoxTemplate.InstantiateIn(e.Item);
}
}
}
Sub RadMenu1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadMenuEventArgs) Handles RadMenu1.TemplateNeeded
Dim value As String = e.Item.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
textBoxTemplate.InstantiateIn(e.Item)
End If
End If
End Sub
private void RadMenu1_ItemDataBound(object sender, Telerik.WebControls.RadMenuEventArgs e)
{
RadMenuItem item = e.RadMenuItem;
DataRowView dataRow = (DataRowView) e.Item.DataItem;
item.ImageUrl = "image" + dataRow["ID"].ToString() + ".gif";
item.NavigateUrl = dataRow["URL"].ToString();
}
Sub RadMenu1_ItemDataBound(ByVal sender As Object, ByVal e As RadMenuEventArgs) Handles RadMenu1.ItemDataBound
Dim item As RadMenuItem = e.RadMenuItem
Dim dataRow As DataRowView = CType(e.Item.DataItem, DataRowView)
item.ImageUrl = "image" + dataRow("ID").ToString() + ".gif"
item.NavigateUrl = dataRow("URL").ToString()
End Sub
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
<script type="text/javascript">
function onClientMouseOverHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
function onClientMouseOverHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
<telerik:RadMenu ID="RadMenu1"
runat= "server"
OnClientMouseOver="onClientMouseOverHandler">
....
</telerik:RadMenu>
runat= "server"
OnClientMouseOver="onClientMouseOverHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
function onClientMouseOutHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat= "server"
OnClientMouseOut="onClientMouseOutHandler">
....
</telerik:RadMenu>
function onClientItemFocusHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat="server"
OnClientItemFocus="onClientItemFocusHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
function onClientItemBlurHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat="server"
OnClientItemBlur="onClientItemBlurHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with three properties, get_item() (the instance of the menu item), get_cancel()/set_cancel() - indicating if the event should be cancelled and get_domEvent (a reference to the browser event).
function onClientItemClickingHandler(sender, eventArgs)
{
if (eventArgs.get_item().get_text() == "News")
{
}
</script>
<telerik:RadMenu ID="RadMenu1"
runat="server"
OnClientItemClicking="onClientItemClickingHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
function onClientItemClickedHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
<telerik:RadMenu ID="RadMenu1"
runat="server"
OnClientItemClicked="onClientItemClickedHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with three properties, get_item() (the instance of the menu item), get_cancel()/set_cancel() - indicating if the event should be cancelled and get_domEvent (a reference to the browser event).
function onClientItemOpeningHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat="server"
OnClientItemOpening="onClientItemOpeningHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
function onClientItemOpenedHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat="server"
OnClientItemOpen="onClientItemOpenedHandler">
....
</telerik:RadMenu>
function onClientItemClosingHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat="server"
OnClientItemClose="onClientItemClosingHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with three properties, get_item() (the instance of the menu item), get_cancel()/set_cancel() - indicating if the event should be cancelled and get_domEvent (a reference to the browser event).
function onClientItemClosedHandler(sender, eventArgs)
{
alert(eventArgs.get_item().get_text());
}
</script>
runat="server"
OnClientItemClose="onClientItemClosedHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with two properties, get_item() (the instance of the menu item) and get_domEvent (a reference to the browser event).
function onClientItemPopulatingHandler(sender, eventArgs)
{
var item = eventArgs.get_item();
var context = eventArgs.get_context();
context["CategoryID"] = item.get_value();
}
</script>
runat="server"
OnClientItemPopulating="onClientItemPopulatingHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with three properties:
- get_item(), the instance of the menu item.
- get_context(), an user object that will be passed to the web service.
- set_cancel(), used to cancel the event.
function onClientItemPopulatedHandler(sender, eventArgs)
{
var item = eventArgs.get_item();
alert("Loading finished for " + item.get_text());
}
</script>
runat="server"
OnClientItemPopulated="onClientItemPopulatedHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with one property:
- get_item(), the instance of the menu item.
function onClientItemPopulationFailedHandler(sender, eventArgs)
{
var item = eventArgs.get_item();
var errorMessage = eventArgs.get_errorMessage();
alert("Error: " + errorMessage);
eventArgs.set_cancel(true);
}
</script>
runat="server"
OnClientItemPopulationFailed="onClientItemPopulationFailedHandler">
....
</telerik:RadMenu>
- sender, the menu client object;
- eventArgs with two properties:
- get_item(), the instance of the menu item.
- set_cancel(), set to true to suppress the default action (alert message).
function onClientLoadHandler(sender)
{
alert(sender.get_id());
}
</script>
runat= "server"
OnClientLoad="onClientLoadHandler">
....
</telerik:RadMenu>
orgChart.Nodes[0].GroupItems.Add(new OrgChartGroupItem());
orgChart.Nodes(0).GroupItems.Add(New OrgChartGroupItem())
The added
orgChart.Nodes[0].GroupItems.Insert(0, new OrgChartGroupItem());
orgChart.Nodes(0).GroupItems.Insert(0, New OrgChartGroupItem())
Integer position to insert at
The added
var item = new OrgChartGroupItem();
item.Text = "item1";
orgChart.Nodes[0].GroupItems.Remove(item);
Dim item As New OrgChartGroupItem()
item.Text = "item1"
orgChart.Nodes(0).GroupItems.Remove(item)
The removed
orgChart.Nodes.Add(new OrgChartNode());
orgChart.Nodes.Add(New OrgChartNode())
The added
orgChart.Nodes.Insert(0, new OrgChartNode());
orgChart.Nodes.Insert(0, New OrgChartNode())
Integer position to insert at
The added
var node = new OrgChartNode();
node.ColumnCount = 2;
orgChart.Nodes.Remove(node);
Dim node As New OrgChartNode()
node.ColumnCount = 2
orgChart.Nodes.Remove(node)
The removed
orgChart1.Nodes[0].GroupItems[0].ImageUrl = "Images/Copy.jpg";
orgChart1.Nodes[0].GroupItems[0].ImageUrl = "http://sampleimages.com/sampleImage.jpg";
orgChart1.Nodes(0).GroupItems(0).ImageUrl = "Images/Copy.jpg"
orgChart1.Nodes(0).GroupItems(0).ImageUrl = "http://sampleimages.com/sampleImage.jpg"
protected void Page_Load(object sender, EventArgs e)
{
RadOrgChart1.NodeDataBound += new OrgChartNodeDataBoundEventHandler(RadOrgChart1_NodeDataBound);
}
void RadOrgChart1_NodeDataBound(object sender, OrgChartNodeDataBoundEventArguments e)
{
e.Node.RenderedFields.Add(new OrgChartRenderedField() { Text = "SampleFieldText" });
}
Protected Sub RadOrgChart2_NodeDataBound(sender As Object, e As Telerik.Web.UI.OrgChartNodeDataBoundEventArguments) Handles RadOrgChart1.NodeDataBound
e.Node.RenderedFields.Add(New OrgChartRenderedField() With {.Text = "SampleFieldText"})
End Sub
protected void Page_Load(object sender, EventArgs e)
{
RadOrgChart1.GroupItemDataBound += new OrgChartGroupItemDataBoundEventHandler(RadOrgChart1_GroupItemDataBound);
}
void RadOrgChart1_GroupItemDataBound(object sender, OrgChartGroupItemDataBoundEventArguments e)
{
e.Item.RenderedFields.Add(new OrgChartRenderedField() { Text = "SampleFieldText" });
}
Protected Sub RadOrgChart2_GroupItemDataBound(sender As Object, e As Telerik.Web.UI.OrgChartGroupItemDataBoundEventArguments) Handles RadOrgChart1.GroupItemDataBound
e.Item.RenderedFields.Add(New OrgChartRenderedField() With {.Text = "SampleFieldText"})
End Sub
- Databinding that allows the control to be populated from various datasources
- Programmatic access to the RadPanelBar object model which allows to dynamic creation of panelbars, populate items, set properties.
- Customizable appearance through built-in or user-defined skins.
Items
void Page_Load(object sender, EventArgs e)
{
RadPanelBar RadPanelBar1 = new RadPanelBar();
RadPanelBar1.ID = "RadPanelBar1";
if (!Page.IsPostBack)
{
//RadPanelBar persist its item in ViewState (if EnableViewState is true).
//Hence items should be created only on initial load.
PadPanelItem sportItem= new PadPanelItem("Sport");
RadPanelBar1.Items.Add(sportItem);
PadPanelItem newsItem = new PadPanelItem("News");
RadPanelBar1.Items.Add(newsItem);
}
PlaceHolder1.Controls.Add(newsItem);
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim RadPanelBar1 As RadPanelBar = New RadPanelBar()
RadPanelBar1.ID = "RadPanelBar1"
If Not Page.IsPostBack Then
'RadPanelBar persist its item in ViewState (if EnableViewState is true).
'Hence items should be created only on initial load.
Dim sportItem As PadPanelItem = New PadPanelItem("Sport")
RadPanelBar1.Items.Add(sportItem)
Dim newsItem As PadPanelItem = New PadPanelItem("News")
RadPanelBar1.Items.Add(newsItem)
End If
PlaceHolder1.Controls.Add(newsItem)
End Sub
private void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadPanelBar1.LoadContentFile("~/RadPanelBar/Examples/panelbar.xml");
}
}
Private Sub Page_Load(sender As Object, e As EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
RadPanelBar1.LoadContentFile("~/RadPanelBar/Examples/panelbar.xml")
End If
End Sub
void Page_Load(object sender, EventArgs e)
{
RadPanel1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadPanelItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadPanel1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadPanelItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
void Page_Load(object sender, EventArgs e)
{
foreach (RadPanelBarItem item in RadPanelBar1.GetAllItems())
{
item.Enabled = false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
For Each childItem As RadPanelBarItem In RadPanelBar1.GetAllItems
childItem.Enabled = False
Next
End Sub
- adding a new item
- removing existing item
- clearing the children of an item or the control itself
- changing a property of the item
foreach (ClientOperation<RadPanelItem> operation in RadToolBar1.ClientChanges)
{
RadPanelItem item = operation.Item;
switch (operation.Type)
{
case ClientOperationType.Insert:
//An item has been inserted - operation.Item contains the inserted item
break;
case ClientOperationType.Remove:
//An item has been inserted - operation.Item contains the removed item.
//Keep in mind the item has been removed from the panelbar.
break;
case ClientOperationType.Update:
UpdateClientOperation<RadPanelItem> update = operation as UpdateClientOperation<RadPanelItem>
//The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
break;
case ClientOperationType.Clear:
//All children of have been removed - operation.Item contains the parent item whose children have been removed. If operation.Item is null then the root items have been removed.
break;
}
}
For Each operation As ClientOperation(Of RadPanelItem) In RadToolBar1.ClientChanges
Dim item As RadPanelItem = operation.Item
Select Case operation.Type
Case ClientOperationType.Insert
'An item has been inserted - operation.Item contains the inserted item
Exit Select
Case ClientOperationType.Remove
'An item has been inserted - operation.Item contains the removed item.
'Keep in mind the item has been removed from the panelbar.
Exit Select
Case ClientOperationType.Update
Dim update As UpdateClientOperation(Of RadPanelItem) = TryCast(operation, UpdateClientOperation(Of RadPanelItem))
'The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
Exit Select
Case ClientOperationType.Clear
'All children of have been removed - operation.Item contains the parent item whose children have been removed. If operation.Item is Nothing then the root items have been removed.
Exist Select
End Select
Next
RadPanelBar1.Items[0].Text = "Example";
RadPanelBar1.Items[0].NavigateUrl = "http://www.example.com";
RadPanelBar1.Items(0).Text = "Example"
RadPanelBar1.Items(0).NavigateUrl = "http://www.example.com"
<ItemTemplate> <asp:CheckBox runat="server" ID="CheckBox"></asp:CheckBox>
<asp:Label runat="server" ID="Label1"Text='<%# DataBinder.Eval(Container, "Text") %>' ></asp:Label> </ItemTemplate> <Items> <telerik:RadPanelItem Text="News" /> <telerik:RadPanelItem Text="Sports" /> <telerik:RadPanelItem Text="Games" /> </Items>
- MultipleExpandedItems (default) - More than one item can be expanded at a time.
- SingleExpandedItem - Only one item can be expanded at a time. Expanding another item collapses the previously expanded one.
- FullExpandedItem - Only one item can be expanded at a time. The expanded area occupies the entire height of the RadPanelbar. The Height property should be set in order RadPanelbar to operate correctly in this mode.
To customize the collapse animation you can use the
void Page_Load(object sender, EventArgs e)
{
RadPanelBar1.ExpandAnimation.Type = AnimationType.Linear;
RadPanelBar1.ExpandAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadPanelBar1.ExpandAnimation.Type = AnimationType.Linear
RadPanelBar1.ExpandAnimation.Duration = 300
End Sub
To disable expand animation effects you should set the
void Page_Load(object sender, EventArgs e)
{
RadPanelBar1.CollapseAnimation.Type = AnimationType.Linear;
RadPanelBar1.CollapseAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadPanelBar1.CollapseAnimation.Type = AnimationType.Linear
RadPanelBar1.CollapseAnimation.Duration = 300
End Sub
private void RadPanelBar1_ItemCreated(object sender, Telerik.WebControls.RadPanelBarItemEventArgs e)
{
e.Item.ToolTip = e.Item.Text;
}
Sub RadPanelBar1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.WebControls.RadPanelBarItemEventArgs) Handles RadPanelBar1.ItemCreated
e.Item.ToolTip = e.Item.Text
End Sub
protected void RadPanelBar1_TemplateNeeded(object sender, Telerik.Web.UI.RadPanelBarEventArgs e)
{
string value = e.Item.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
e.Item.ItemTemplate = textBoxTemplate;
}
}
}
Sub RadPanelBar1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadPanelBarEventArgs) Handles RadPanelBar1.TemplateNeeded
Dim value As String = e.Item.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
e.Item.ItemTemplate = textBoxTemplate
End If
End If
End Sub
private void RadPanelBar1_ItemDataBound(object sender, Telerik.WebControls.RadPanelBarEventArgs e)
{
RadPanelBarItem item = e.RadPanelBarItem;
DataRowView dataRow = (DataRowView) e.Item.DataItem;
item.ImageUrl = "image" + dataRow["ID"].ToString() + ".gif";
item.NavigateUrl = dataRow["URL"].ToString();
}
Sub RadPanelBar1_ItemDataBound(ByVal sender As Object, ByVal e As RadPanelBarEventArgs) Handles RadPanelBar1.ItemDataBound
Dim item As RadPanelBarItem = e.RadPanelBarItem
Dim dataRow As DataRowView = CType(e.Item.DataItem, DataRowView)
item.ImageUrl = "image" + dataRow("ID").ToString() + ".gif"
item.NavigateUrl = dataRow("URL").ToString()
End Sub
- sender (the client-side RadPanelbar object)
-
eventArgs with two properties
- Item - the instance of the selected item
- EventObject - the browser DOM event
function OnContextpanelHandler(sender, eventArgs)
{
var panelbar = sender;
var item = eventArgs.Item;
alert("You have right-clicked the " + item.Text + " item in the " + panelbar.ID + "panelbar.");
}
</script>
<Items>
<radP:RadPanelItem Text="Personal Details"></radP:RadPanelItem>
<radP:RadPanelItem Text="Education"></radP:RadPanelItem>
<radP:RadPanelItem Text="Computing Skills"></radP:RadPanelItem>
</Items>
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
function OnClientItemClickingHandler(sender, eventArgs)
{
if (eventArgs.Item.Text == "News")
{
}
</script>
<radP:RadPanelbar ID="RadPanelbar1"
runat="server"
OnClientItemClicking="OnClientItemClickingHandler">
....
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
function OnClientItemClickedHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
<radP:RadPanelbar ID="RadPanelbar1"
runat="server"
OnClientItemClicked="OnClientItemClickedHandler">
....
</radP:RadPanelbar>
function OnClientItemFocusHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
runat="server"
OnClientItemFocus="OnClientItemFocusHandler">
....
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
function OnClientItemBlurHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
runat="server"
OnClientItemBlur="OnClientItemBlurHandler">
....
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
function OnClientItemExpandHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
runat="server"
OnClientItemExpand="OnClientItemExpandHandler">
....
</radP:RadPanelbar>
function OnClientItemCollapseHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
runat="server"
OnClientItemCollapse="OnClientItemCollapseHandler">
....
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
function OnClientLoadHandler(sender)
{
alert(sender.ID);
}
</script>
runat= "server"
OnClientLoad= "OnClientLoadHandler">
....
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
<script type="text/javascript">
function OnClientMouseOverHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
function OnClientMouseOverHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
<radP:RadPanelbar ID="RadPanelbar1"
runat= "server"
OnClientMouseOver= "OnClientMouseOverHandler">
....
</radP:RadPanelbar>
runat= "server"
OnClientMouseOver= "OnClientMouseOverHandler">
....
</radP:RadPanelbar>
- sender, the panelbar client object;
- eventArgs with one property, Item (the instance of the panel item).
function OnClientMouseOutHandler(sender, eventArgs)
{
alert(eventArgs.Item.Text);
}
</script>
runat= "server"
OnClientMouseOut= "OnClientMouseOutHandler">
....
</radP:RadPanelbar>
protected void RadRibbonBar1_SelectedTabChange(object sender, RibbonBarSelectedTabChangeEventArgs e)
{
string message = string.Format("Tab {0} was selected.", e.Tab.Text);
string details = string.Format("Previosly selected tab was: {0}", e.PreviouslySelectedTab.Text);
textBox1.Text = string.Format("{0} {1}", message, details);
}
Protected Sub RadRibbonBar1_SelectedTabChange(sender As Object, e As RibbonBarSelectedTabChangeEventArgs)
Dim message As String = String.Format("Tab {0} was selected.", e.Tab.Text)
Dim details As String = String.Format("Previosly selected tab was: {0}", e.PreviouslySelectedTab.Text)
textBox1.Text = String.Format("{0} {1}", message, details)
End Sub
protected void RadRibbonBar1_ButtonClick(object sender, RibbonBarButtonClickEventArgs e)
{
string message = string.Format("Button {0} was clicked.", e.Button.Text);
string details = string.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index);
textBox1.Text = string.Format("{0} {1}", message, details);
}
Protected Sub RadRibbonBar1_ButtonClick(sender As Object, e As RibbonBarButtonClickEventArgs)
Dim message As String = String.Format("Button {0} was clicked.", e.Button.Text)
Dim details As String = String.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index)
textBox1.Text = String.Format("{0} {1}", message, details)
End Sub
protected void RadRibbonBar1_SplitButtonClick(object sender, RibbonBarSplitButtonClickEventArgs e)
{
string message = string.Format("Button {0} was clicked.", e.Button.Text);
string details = string.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index);
textBox1.Text = string.Format("{0} {1}", message, details);
}
Protected Sub RadRibbonBar1_SplitButtonClick(sender As Object, e As RibbonBarSplitButtonClickEventArgs)
Dim message As String = String.Format("Button {0} was clicked.", e.Button.Text)
Dim details As String = String.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index)
textBox1.Text = String.Format("{0} {1}", message, details)
End Sub
protected void RadRibbonBar1_MenuItemClick(object sender, RibbonBarMenuItemClickEventArgs e)
{
string message = string.Format("Item {0} was clicked.", e.Item.Text);
string details = string.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index);
textBox1.Text = string.Format("{0} {1}", message, details);
}
Protected Sub RadRibbonBar1_MenuItemClick(sender As Object, e As RibbonBarMenuItemClickEventArgs)
Dim message As String = String.Format("Item {0} was clicked.", e.Item.Text)
Dim details As String = String.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index)
textBox1.Text = String.Format("{0} {1}", message, details)
End Sub
protected void RadRibbonBar1_LauncherClick(object sender, RibbonBarLauncherClickEventArgs e)
{
string message = string.Format("Launcher of group {0} was clicked.", e.Group.Text);
textBox1.Text = message;
}
Protected Sub RadRibbonBar1_LauncherClick(sender As Object, e As RibbonBarLauncherClickEventArgs)
Dim message As String = String.Format("Launcher of group {0} was clicked.", e.Group.Text)
textBox1.Text = message
End Sub
protected void RadRibbonBar1_ButtonToggle(object sender, RibbonBarButtonToggleEventArgs e)
{
string message = string.Format("ToggleButton {0} was toggled.", e.Button.Text);
string details = string.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index);
textBox1.Text = string.Format("{0} {1}", message, details);
}
Protected Sub RadRibbonBar1_ButtonToggle(sender As Object, e As RibbonBarButtonToggleEventArgs)
Dim message As String = String.Format("ToggleButton {0} was toggled.", e.Button.Text)
Dim details As String = String.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index)
textBox1.Text = String.Format("{0} {1}", message, details)
End Sub
protected void RadRibbonBar1_ToggleListToggle(object sender, RibbonBarToggleListToggleEventArgs e)
{
string message = string.Format("ToggleList's ToggleButton {0} was toggled.", e.ToggleButton.Text);
string details = string.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index);
textBox1.Text = string.Format("{0} {1}", message, details);
}
Protected Sub RadRibbonBar1_ToggleListToggle(sender As Object, e As RibbonBarToggleListToggleEventArgs)
Dim message As String = String.Format("ToggleList's ToggleButton {0} was toggled.", e.ToggleButton.Text)
Dim details As String = String.Format("Group: {0}, Index: {1}", e.Group.Text, e.Index)
textBox1.Text = String.Format("{0} {1}", message, details)
End Sub
protected void RadRibbonBar1_ApplicationMenuItemClick(object sender, RibbonBarApplicationMenuItemClickEventArgs e)
{
string message = string.Format("Application menu item {0} was clicked.", e.Item.Text);
textBox1.Text = message;
}
Protected Sub RadRibbonBar1_ApplicationMenuItemClick(sender As Object, e As RibbonBarApplicationMenuItemClickEventArgs)
Dim message As String = String.Format("Application menu item {0} was clicked.", e.Item.Text)
textBox1.Text = message
End Sub
RadRibbonBar1.Tabs[0].Text = "Example";
RadTabStrip1.Tabs(0).Text = "Example"
void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
var tab1 = new RibbonBarTab(){ Text="GraphicTools" }; // this will be selected tab
RadRibbonBar1.Tabs.Add(tab1);
var tab2 = new RibbonBarTab(){ Text="TextTools" };
RadRibbonBar1.Tabs.Add(tab2);
RadRibbonBar1.SelectedIndex = 1; // will select "TextTools" tab
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
' this will be selected tab
Dim tab1 = New RibbonBarTab() With { Key .Text = "GraphicTools" }
RadRibbonBar1.Tabs.Add(tab1)
Dim tab2 = New RibbonBarTab() With { Key .Text = "TextTools" }
RadRibbonBar1.Tabs.Add(tab2)
' will select "TextTools" tab
RadRibbonBar1.SelectedIndex = 1
End If
End Sub
RadRibbonBar1.ApplicationMenu.Items[0].Text = "Example";
RadRibbonBar1.ApplicationMenu.Items(0).Text = "Example"
function ClientLoadHandler(sender)
{
// perform actions after the RibbonBar is initialized
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientLoad="ClientLoadHandler">
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 3 properties:
- get_tab() - the instance of the tab which is just clicked;
- get_previouslySelectedTab() - the instance of the tab which still is the selected tab (it's cancelable event);
- get_domEvent().
function ClientSelectedTabChangingHandler(sender, args)
{
if (args.get_tab().get_text() == "Unselectable")
args.set_cancel(true);
else
alert("The tab about to be selected is: " + arge.get_tab().get_text());
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientSelectedTabChanging="ClientSelectedTabChangingHandler">
<telerik:RibbonBarTab Text="DefaultSelected"/>
<telerik:RibbonBarTab Text="Unselectable"/>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 3 properties:
- get_tab() - the instance of the tab which is the new selected tab;
- get_previouslySelectedTab() - the instance of the tab which was previously selected;
- get_domEvent().
function ClientSelectedTabChangedHandler(sender, args)
{
alert("The new selected tab is: " + args.get_tab().get_text());
alert("The previously selected tab is: " + args.get_previouslySelected().get_text());
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientSelectedTabChanged="ClientSelectedTabChangedHandler">
<telerik:RibbonBarTab Text="DefaultSelected"/>
<telerik:RibbonBarTab Text="Unselectable"/>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the button which is clicked;
- get_domEvent().
function ClientButtonClickingHandler(sender, args)
{
if (args.get_button().get_text() == "Unclickable")
args.set_cancel(true);
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientButtonClicking="ClientButtonClickingHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarButton Text="Unclickable" />
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the button which is clicked;
- get_domEvent().
function ClientButtonClickedHandler(sender, args)
{
alert("Clicked button is: " + args.get_button().get_text());
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientButtonClicked="ClientButtonClickedHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarButton Text="Button" />
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the button which is clicked;
- get_domEvent().
function ClientSplitButtonClickingHandler(sender, args)
{
if (args.get_button().get_text() == "Unclickable")
args.set_cancel(true);
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientSplitButtonClicking="ClientSplitButtonClickingHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarSplitButton Text="SplitButton">
<Buttons>
<telerik:RibbonBarButton Text="Unclickable" />
</Buttons>
</telerik:RibbonBarSplitButton>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the button which is clicked;
- get_domEvent().
function ClientSplitButtonClickedHandler(sender, args)
{
alert("The clicked button is:" + args.get_button().get_text());
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientSplitButtonClicked="ClientSplitButtonClickedHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarSplitButton Text="SplitButton">
<Buttons>
<telerik:RibbonBarButton Text="Button" />
</Buttons>
</telerik:RibbonBarSplitButton>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_item() - the instance of the menu item which is clicked;
- get_domEvent().
function ClientMenuItemClickingHandler(sender, args)
{
if (args.get_item().get_text() == "Unclickable")
args.set_cancel(true);
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientMenuItemClicking="ClientMenuItemClickingHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarMenu Text="Menu">
<Items>
<telerik:RibbonBarMenuItem Text="Unclickable" />
</Items>
</telerik:RibbonBarMenu>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_item() - the instance of the menu item which is clicked;
- get_domEvent().
function ClientMenuItemClickedHandler(sender, args)
{
alert("The clicked menu item is:" + args.get_item().get_text());
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientMenuItemClicked="ClientMenuItemClickedHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarMenu Text="Menu">
<Buttons>
<telerik:RibbonBarMenuItem Text="MenuItem" />
</Buttons>
</telerik:RibbonBarMenu>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_group() - the instance of the group which launcher is clicked;
- get_domEvent().
function ClientLauncherClickingHandler(sender, args)
{
if (args.get_group().get_text() == "Unlaunchable")
args.set_cancel(true);
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientLauncherClicking="ClientLauncherClickingHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Unlaunchable">
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_group() - the instance of the group which launcher is clicked;
- get_domEvent().
function ClientLauncherClickedHandler(sender, args)
{
alert("Clicked is the launcher of group: " + args.get_group().get_text());
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientLauncherClicked="ClientLauncherClickedHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the toggle button which is clicked;
- get_domEvent().
function ClientButtonTogglingHandler(sender, args)
{
if (args.get_button().get_text() == "Untogglable")
args.set_cancel(true);
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientButtonToggling="ClientButtonTogglingHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarToggleButton Text="Untogglable" />
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the toggle button which is clicked;
- get_domEvent().
function ClientButtonTogglingHandler(sender, args)
{
alert("ToggleButton: " + args.get_button().get_text() + " was toggled");
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientButtonToggled="ClientButtonToggledHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarToggleButton Text="ToggleButton" />
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the toggle button which is clicked;
- get_domEvent().
function ClientToggleListTogglingHandler(sender, args)
{
if (args.get_button().get_text() == "Untogglable")
args.set_cancel(true);
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientToggleListToggling="ClientToggleListTogglingHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarToggleList>
<ToggleButtons>
<telerik:RibbonBarToggleButton Text="Untogglable" />
</ToggleButtons>
</telerik:RibbonBarToggleList>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 2 properties:
- get_button() - the instance of the toggle button which is clicked;
- get_domEvent().
function ClientToggleListToggledHandler(sender, args)
{
alert("Toggled button is: " + args.get_button().get_text()
}
</script>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" OnClientToggleListToggled="ClientToggleListToggledHandler">
<telerik:RibbonBarTab Text="Tab">
<telerik:RibbonBarGroup Text="Group">
<Items>
<telerik:RibbonBarToggleList>
<ToggleButtons>
<telerik:RibbonBarToggleButton Text="ToggleButton" />
</ToggleButtons>
</telerik:RibbonBarToggleList>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 3 properties:
- get_applicationMenu() - the instance of the application menu;
- get_item() - the instance of the clicked application menu item;
- get_domEvent().
function ClientApplicationMenuItemClickingHandler(sender, args)
{
if (args.get_item().get_text() == "Unclickable")
args.set_cancel(true);
}
</script>
<telerik:RibbonBarApplicationMenu ID="RadRibbonBarApplicationMenu1" runat="server" Text="Menu">
<Items>
<telerik:RibbonBarApplicationMenuItem Text="Unclickable"/>
</Items>
</telerik:RibbonBarApplicationMenu>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" ApplicationMenuID="RadRibbonBarApplicationMenu1" OnClientApplicationMenuItemClicking="ClientApplicationMenuItemClickingHandler">
<telerik:RibbonBarTab Text="Tab">
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
- sender (the client-side RadRibbonBar object);
-
eventArgs with 3 properties:
- get_applicationMenu() - the instance of the application menu;
- get_item() - the instance of the clicked application menu item;
- get_domEvent().
function ClientApplicationMenuItemClickedHandler(sender, args)
{
alert("The clicked ApplicationMenuItem is: " + args.get_item().get_text());
}
</script>
<telerik:RibbonBarApplicationMenu ID="RadRibbonBarApplicationMenu1" runat="server" Text="Menu">
<Items>
<telerik:RibbonBarApplicationMenuItem Text="MenuItem"/>
</Items>
</telerik:RibbonBarApplicationMenu>
<telerik:RadRibbonBar id="RadRibbonBar1" runat="server" ApplicationMenuID="RadRibbonBarApplicationMenu1" OnClientApplicationMenuItemClicked="ClientApplicationMenuItemClickedHandler">
<telerik:RibbonBarTab Text="Tab">
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
applicationMenu.Items[0].Text = "SampleMenuItemText";
applicationMenu.Items(0).Text = "SampleMenuItemText"
protected void RadRibbonBar1_ApplicationMenuItemClick(object sender, RibbonBarApplicationMenuItemClickEventArgs e)
{
if (e.Item.Value == "TriggersSomeAction")
{
// trigger the action
}
}
Protected Sub RadRibbonBar1_ApplicationMenuItemClick(sender As Object, e As RibbonBarApplicationMenuItemClickEventArgs)
If e.Item.Value = "TriggersSomeAction" Then
' trigger the action
End If
End Sub
Appointment appointment = RadScheduler1.Appointments[0];
Label1.Text = RadScheduler1.UtcToDisplay(appointment.Start).ToString()
Dim appointment As Appointment = RadScheduler1.Appointments(0)
Label1.Text = RadScheduler1.UtcToDisplay(appointment.Start).ToString()
Appointment appointment = RadScheduler1.Appointments[0];
DateTime startInClientFormat = DateTime.Parse(TextBox1.Text);
appointment.Start = RadScheduler1.DisplayToUtc(startInClientFormat);
RadScheduler1.Update(appointment);
Dim appointment As Appointment = RadScheduler1.Appointments(0)
Dim startInClientFormat As DateTime = DateTime.Parse(TextBox1.Text)
appointment.Start = RadScheduler1.DisplayToUtc(startInClientFormat)
RadScheduler1.Update(appointment)
Appointment occurrence = RadScheduler1.Appointments[0];
Appointment recurrenceException = RadScheduler1.PrepareToEdit(occurrence, false);
recurrenceException.Subject = "This is a recurrence exception";
RadScheduler1.UpdateAppointment(recurrenceException);
Dim occurrence As Appointment = RadScheduler1.Appointments(0)
Dim recurrenceException as Appointment = RadScheduler1.PrepareToEdit(occurrence, False)
recurrenceException.Subject = "This is a recurrence exception"
RadScheduler1.UpdateAppointment(recurrenceException)
Appointment occurrence = RadScheduler1.Appointments[0];
Appointment recurrenceException = RadScheduler1.PrepareToEdit(occurrence, false);
Appointment modifiedAppointment = recurrenceException.Clone();
modifiedAppointment.Subject = "This is a recurrence exception";
RadScheduler1.UpdateAppointment(modifiedAppointment, recurrenceException);
Dim occurrence As Appointment = RadScheduler1.Appointments(0)
Dim recurrenceException as Appointment = RadScheduler1.PrepareToEdit(occurrence, False)
Dim modifiedAppointment = recurrenceException.Clone()
modifiedAppointment.Subject = "This is a recurrence exception"
RadScheduler1.UpdateAppointment(modifiedAppointment, recurrenceException)
Appointment occurrence = RadScheduler1.Appointments[0];
Appointment recurrenceException = RadScheduler1.PrepareToEdit(occurrence, false);
recurrenceException.Subject = "This is a recurrence exception";
RadScheduler1.UpdateAppointment(recurrenceException);
Dim occurrence As Appointment = RadScheduler1.Appointments(0)
Dim recurrenceException as Appointment = RadScheduler1.PrepareToEdit(occurrence, False)
recurrenceException.Subject = "This is a recurrence exception"
RadScheduler1.UpdateAppointment(recurrenceException)
- Place an attribute in the opening tag of the Telerik RadScheduler control in the form Property-Subproperty, where Subproperty is a property of the SchedulerExportSettings object (for example, GroupingSettings-ExpandTooltip).
- Nest a <GroupingSettings> element between the opening and closing tags of the Telerik RadScheduler control.
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<telerik:RadScheduler runat="server" ID="RadScheduler1">
<AppointmentContextMenus>
<telerik:RadSchedulerContextMenu runat="server" ID="ContextMenu1">
<Items>
<telerik:RadMenuItem Text="Open" Value="CommandEdit" />
<telerik:RadMenuItem IsSeparator="True" />
<telerik:RadMenuItem Text="Categorize">
<Items>
<telerik:RadMenuItem Text="Development" Value="1" />
<telerik:RadMenuItem Text="Marketing" Value="2" />
<telerik:RadMenuItem Text="Personal" Value="3" />
<telerik:RadMenuItem Text="Work" Value="4" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem IsSeparator="True" />
<telerik:RadMenuItem Text="Delete" ImageUrl="Images/delete.gif" Value="CommandDelete" />
</Items>
</telerik:RadSchedulerContextMenu>
</AppointmentContextMenus>
</telerik:RadScheduler>
</form>
</body>
</html>
void RadScheduler1_AppointmentCommand(object sender, AppointmentCommandEventArgs e)
{
if (e.CommandName == "Delete")
{
Delete(e.Container.Appointment);
}
}
Sub RadScheduler1_AppointmentCommand(sender As Object, e As AppointmentCommandEventArgs)
If e.CommandName = "Delete" Then
Delete(e.Container.Appointment)
End If
End Sub
void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e)
{
if (e.Appointment.Subject == String.Empty)
{
e.Cancel = true;
}
}
Sub RadScheduler1_AppointmentInsert(sender As Object, e As SchedulerCancelEventArgs)
If e.Appointment.Subject = String.Empty Then
e.Cancel = True
End If
End Sub
void RadScheduler1_AppointmentUpdate(object sender, AppointmentUpdateEventArgs e)
{
e.ModifiedAppointment.End = e.ModifiedAppointment.End.AddHours(1);
}
Sub RadScheduler1_AppointmentUpdate(sender As Object, e As AppointmentUpdateEventArgs)
e.ModifiedAppointment.End = e.ModifiedAppointment.End.AddHours(1)
End Sub
void RadScheduler1_AppointmentDelete(object sender, SchedulerCancelEventArgs e)
{
if (e.Appointment.Attributes["ReadOnly"] == "true")
{
e.Cancel = true;
}
}
Sub RadScheduler1_AppointmentDelete(sender As Object, e As SchedulerCancelEventArgs)
If e.Appointment.Attributes("ReadOnly") = "true" Then
e.Cancel = True
End If
End Sub
void RadScheduler1_AppointmentCreated(object sender, AppointmentCreatedEventArgs e)
{
Label testLabel = (Label) e.Container.FindControl("Test");
testLabel.Text = "Test";
}
Sub RadScheduler1_AppointmentCreated(sender As Object, e As AppointmentCreatedEventArgs)
Dim testLabel As Label = CType(e.Container.FindControl("Test"), Label)
testLabel.Text = "Test"
End Sub
void RadScheduler1_AppointmentDataBound(object sender, SchedulerEventArgs e)
{
e.Appointment.Start = e.Appointment.Start.AddHours(1);
}
Sub RadScheduler1_AppointmentDataBound(sender As Object, e As SchedulerEventArgs)
e.Appointment.Start = e.Appointment.Start.AddHours(1)
End Sub
void RadScheduler1_AppointmentClick(object sender, SchedulerEventArgs e)
{
Response.Redirect("Page.aspx);
}
Sub RadScheduler1_AppointmentClick(sender As Object, e As SchedulerEventArgs)
Response.Redirect("Page.aspx)
End Sub
void RadScheduler1_NavigationCommand(object sender, SchedulerNavigationCommandEventArgs e)
{
if (e.Command == SchedulerNavigationCommand.NavigateToNextPeriod)
{
e.Cancel = true;
}
}
Sub RadScheduler1_NavigationCommand(sender As Object, e As SchedulerNavigationCommandEventArgs)
If e.Command = SchedulerNavigationCommand.NavigateToNextPeriod Then
e.Cancel = True
End If
End Sub
void RadScheduler1_NavigationComplete(object sender, SchedulerNavigationCompleteEventArgs e)
{
Label1.Text = RadScheduler1.SelectedDate;
}
Sub RadScheduler1_NavigationComplete(sender As Object, e As SchedulerNavigationCompleteEventArgs)
Label1.Text = RadScheduler1.SelectedDate
End Sub
void RadScheduler1_FormCreating(object sender, SchedulerFormCreatingEventArgs e)
{
if (e.Mode == SchedulerFormMode.Insert)
{
e.Cancel = true;
}
}
Sub RadScheduler1_FormCreating(sender As Object, e As SchedulerFormCreatingEventArgs)
If e.Mode = SchedulerFormMode.Insert Then
e.Cancel = True
End If
End Sub
void RadScheduler1_FormCreated(object sender, SchedulerFormCreatedEventArgs e)
{
if (e.Container.Mode == SchedulerFormMode.Insert)
{
Label startDate = (Label) e.Container.FindControl("StartDate");
startDate.Text = e.Container.Appointment.Start;
}
}
Sub RadScheduler1_FormCreated(sender As Object, e As SchedulerFormCreatedEventArgs)
If e.Container.Mode = SchedulerFormMode.Insert Then
Dim startDate As Label = CType(e.Container.FindControl("StartDate"), Label)
startDate.Text = e.Container.Appointment.Start
End If
End Sub
void RadScheduler1_FormCreated(object sender, SchedulerFormCreatedEventArgs e)
{
if (e.Container.Mode == SchedulerFormMode.Insert)
{
TextBox startDate = (TextBox) e.Container.FindControl("StartDate");
if (startDate.Text == String.Empty)
{
e.Cancel = true;
}
}
}
Sub RadScheduler1_FormCreated(sender As Object, e As SchedulerFormCreatedEventArgs)
If e.Container.Mode = SchedulerFormMode.Insert Then
Dim startDate As TextBox = CType(e.Container.FindControl("StartDate"), TextBox)
If startDate.Text = String.Empty Then
e.Cancel = true
End If
End If
End Sub
void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
{
e.TimeSlot.CssClass = "holidayTimeSlot";
}
Sub RadScheduler1_TimeSlotCreated(sender As Object, e As TimeSlotCreatedEventArgs)
e.TimeSlot.CssClass = "holidayTimeSlot"
End Sub
void RadScheduler1_ResourceHeaderCreated(object sender, ResourceHeaderCreatedEventArgs e)
{
e.Container.Controls.Add(new LiteralControl("Test"));
}
Sub RadScheduler1_ResourceHeaderCreated(sender As Object, e As ResourceHeaderCreatedEventArgs)
e.Container.Controls.Add(new LiteralControl("Test"))
End Sub
void RadScheduler1_OccurrenceDelete(object sender, OccurrenceDeleteEventArgs e)
{
e.Cancel = true;
}
Sub RadScheduler1_OccurrenceDelete(sender As Object, e As OccurrenceDeleteEventArgs)
e.Cancel = true
End Sub
void RadScheduler1_RecurrenceExceptionCreated(object sender, RecurrenceExceptionCreatedEventArgs e)
{
e.Cancel = true;
}
Sub RadScheduler1_RecurrenceExceptionCreated(sender As Object, e As RecurrenceExceptionCreatedEventArgs)
e.Cancel = true
End Sub
void RadScheduler1_ResourcesPopulating(object sender, ResourcesPopulatingEventArgs e)
{
e.Cancel = true;
}
Sub RadScheduler1_ResourcesPopulating(sender As Object, e As ResourcesPopulatingEventArgs)
e.Cancel = true
End Sub
void RadScheduler1_AppointmentsPopulating(object sender, AppointmentsPopulatingEventArgs e)
{
MySchedulerInfo info = new MySchedulerInfo(e.SchedulerInfo); // Copy existing data
info.UserID = 42;
e.ScheduulerInfo = info;
}
Private Sub RadScheduler1_AppointmentsPopulating(sender As Object, e As AppointmentsPopulatingEventArgs)
Dim info As New MySchedulerInfo(e.SchedulerInfo)
' Copy existing data
info.UserID = 42
e.ScheduulerInfo = info
End Sub
- The snoozed
reminder - The
minutes the reminder was snoozed for. Positive values indicate that the reminder will be snoozed for the next N minutes; Negative values indicate that the reminder is snoozed until -N minutes before the appointment start. - The
appointment the reminder belongs to
void RadScheduler1_ReminderSnooze(object sender, ReminderSnoozeEventArgs e)
{
e.Cancel = true;
}
Sub RadScheduler1_ReminderSnooze(sender As Object, e As ReminderSnoozeEventArgs)
e.Cancel = true
End Sub
- The dismissed reminder
- The original
appointment with non-modified reminders - The modified
appointment with updated reminders - The modified
appointment with updated reminders
void RadScheduler1_ReminderDismiss(object sender, ReminderDismissEventArgs e)
{
e.Cancel = true;
}
Sub RadScheduler1_ReminderDismiss(sender As Object, e As ReminderDismissEventArgs)
e.Cancel = true
End Sub
function onClientAppointmentMoveStartHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
}
</script>
runat="server"
OnClientAppointmentMoveStart="onClientAppointmentMoveStartHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with four properties:
- get_appointment(), the instance of the appointment.
- set_cancel(), set to true to cancel the move operation.
function onClientAppointmentMovingHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var targetSlot = eventArgs.get_targetSlot();
}
</script>
runat="server"
OnClientAppointmentMoving="onClientAppointmentMovingHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with four properties:
- get_appointment(), the instance of the appointment.
- get_targetSlot(), the slot that the appointment currently occupies.
- set_cancel(), set to true to cancel the move operation.
function onClientAppointmentMoveEndHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var newStartTime = eventArgs.get_newStartTime();
}
</script>
runat="server"
OnClientAppointmentMoveEnd="onClientAppointmentMoveEndHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with six properties:
- get_appointment(), the instance of the appointment.
- get_newStartTime(), the new start time of the appointment.
- get_editingRecurringSeries(), a boolean value indicating whether the user has selected to edit the whole series.
- get_targetSlot(), the target slot that the appointment has been moved to.
- get_isAbortedByUser(), indicates whether the move operation has been aborted as a result of user action.
- set_cancel(), set to true to cancel the move operation.
function onClientRecurrenceActionDialogShowingHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var action = eventArgs.get_recurrenceAction();
if (action == Telerik.Web.UI.RecurrenceAction.Edit)
{
alert("Overriding recurrence action dialog to 'Edit series' for appointment '" + appointment.get_subject() + "'"); eventArgs.set_cancel(true);
eventArgs.set_editSeries(true);
}
}
</script>
runat="server"
OnClientRecurrenceActionDialogShowing="onClientRecurrenceActionDialogShowingHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the instance of the appointment.
- set_cancel(), set to true to suppress the confirmation dialog.
- set_editSeries(), set to true or false to override the result from the dialog (only if it has been cancelled by calling eventArgs.set_cancel(true)).
function onClientRecurrenceActionDialogClosedHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var editSeries = eventArgs.get_editSeries();
alert("The user has set editSeries to '" + editSeries + "' for appointment '" + appointment.get_subject() + "'"); }
</script>
runat="server"
OnClientRecurrenceActionDialogClosed="onClientRecurrenceActionDialogClosedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the instance of the appointment.
- get_editSeries(), the selected option from the dialog.
function onClientFormCreatedHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var formElement = eventArgs.get_formElement();
}
</script>
runat="server"
OnClientFormCreated="onClientFormCreatedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the instance of the appointment.
- get_formElement(), the DOM element of the form.
- get_mode(), enumerable of type Telerik.Web.UI.SchedulerFormMode.
See
SchedulerFormMode for the list of possible values. - get_editingRecurringSeries(), a boolean indicating if the user has chosen to edit the recurring series (true) or a single occurrence (false).
function onClientAppointmentContextMenuHandler(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
// ...
eventArgs.get_domEvent().preventDefault(); // Prevent displaying the browser menu
}
</script>
runat="server"
OnClientAppointmentContextMenu="onClientAppointmentContextMenuHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the instance of the appointment.
- get_domEvent(), the original DOM event.
function onClientTimeSlotContextMenuHandler(sender, eventArgs)
{
var time = eventArgs.get_time();
// ...
eventArgs.get_domEvent().preventDefault(); // Prevent displaying the browser menu
}
</script>
runat="server"
OnClientTimeSlotContextMenu="onClientTimeSlotContextMenuHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with four properties:
- get_targetSlot(), the target slot.
- get_time(), the time that corresponds to the slot.
- get_isAllDay(), a boolean indicating if this is an all-day slot (the time should be discarded in this case).
- get_domEvent(), the original DOM event.
function clientAppointmentsPopulatingHandler(sender, eventArgs)
{
alert("Data loading");
eventArgs.get_schedulerInfo().CustomProperty = "My Data"; }
</script>
runat="server"
OnClientAppointmentsPopulating="clientAppointmentsPopulatingHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
- set_cancel(), used to cancel the event.
function clientAppointmentsPopulatedHandler(sender)
{
alert("Appointments populated");
}
</script>
runat="server"
OnClientAppointmentsPopulated="clientAppointmentsPopulatedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
function clientAppointmentDataBoundHandler(sender, eventArgs)
{
alert("Appointment loaded");
}
</script>
runat="server"
OnClientAppointmentDataBound="clientAppointmentDataBoundHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the instance of the appointment;
- get_data(), the original data object retrieved from the web service.
function clientAppointmentSerializedHandler(sender, eventArgs)
{
eventArgs.get_data().myProperty = 1234;
}
</script>
runat="server"
OnClientAppointmentSerialized="clientAppointmentSerializedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the instance of the appointment;
- get_data(), the constructed data object that will be sent to the web service.
function clientAppointmentCreatedHandler(sender, eventArgs)
{
eventArgs.get_appointment().get_element().style.border = "1px solid red";
}
</script>
runat="server"
OnClientAppointmentCreated="clientAppointmentCreatedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with one property:
- get_appointment(), the appointment that has been rendered.
function clientResourcesPopulatingHandler(sender, eventArgs)
{
alert("Resources loading");
eventArgs.get_schedulerInfo().CustomProperty = "My Data"; }
</script>
runat="server"
OnClientResourcesPopulating="clientResourcesPopulatingHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
- set_cancel(), used to cancel the event.
function clientResourcesPopulatedHandler(sender)
{
alert("Resources loaded");
}
</script>
runat="server"
OnClientResourcesPopulated="clientResourcesPopulatedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
function clientDataBoundHandler(sender, eventArgs)
{
alert("Data loaded");
}
</script>
runat="server"
OnClientDataBound="clientDataBoundHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
function clientRequestSuccessHandler(sender, eventArgs)
{
alert("Operation code: " + eventArgs.get_result().Code);
}
</script>
runat="server"
OnClientRequestSuccess="clientRequestSuccessHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with one property:
- get_result(), the object received from the server as.
function clientRequestFailedHandler(sender, eventArgs)
{
alert("Request failed!");
eventArgs.set_cancel(true); }
</script>
runat="server"
OnClientRequestFailed="clientRequestFailedHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_errorMessage(), the error message sent from the server.
- set_cancel(), set to true to suppress the default action (alert message).
function clientAppointmentWebServiceInserting(sender, eventArgs)
{
alert("Insert cancelled");
eventArgs.set_cancel(true); }
</script>
runat="server"
OnClientAppointmentWebServiceInserting="clientAppointmentWebServiceInserting">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the appointment that is about to be inserted.
- set_cancel(), set to true cancel the operation.
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
function clientAppointmentWebServiceDeleting(sender, eventArgs)
{
alert("Delete cancelled");
eventArgs.set_cancel(true); }
</script>
runat="server"
OnClientAppointmentWebServiceDeleting="clientAppointmentWebServiceDeleting">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the appointment that is about to be deleted.
- get_editingRecurringSeries(), indicates whether the recurring series are being deleted.
- set_cancel(), set to true cancel the operation.
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
function clientAppointmentWebServiceUpdating(sender, eventArgs)
{
alert("Update cancelled");
eventArgs.set_cancel(true); }
</script>
runat="server"
OnClientAppointmentWebServiceUpdating="clientAppointmentWebServiceUpdating">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the appointment that is about to be updated.
- set_cancel(), set to true cancel the operation.
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
function clientRecurrenceExceptionCreating(sender, eventArgs)
{
alert("Operation cancelled");
eventArgs.set_cancel(true); }
</script>
runat="server"
OnClientRecurrenceExceptionCreating="clientRecurrenceExceptionCreating">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the appointment that represents the recurrence exception that is about to be stored.
- set_cancel(), set to true cancel the operation.
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
function clientRecurrenceExceptionsRemoving(sender, eventArgs)
{
alert("Operation cancelled");
eventArgs.set_cancel(true); }
</script>
runat="server"
OnClientRecurrenceExceptionsRemoving="clientRecurrenceExceptionsRemoving">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the master appointment that represents the recurrence series.
- set_cancel(), set to true cancel the operation.
- get_schedulerInfo(), the schedulerInfo object that will be passed to the web service method.
function clientNavigationCommandHandler(sender, eventArgs)
{
if (eventArgs.get_command() == Telerik.Web.UI.SchedulerNavigationCommand.NavigateToNextPeriod)
alert("Navigating to next period"); }
</script>
runat="server"
OnClientNavigationCommand="clientNavigationCommandHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_command(), the navigation command that is being processed.
- set_cancel(), used to cancel the event.
function clientNavigationCompleteHandler(sender, eventArgs)
{
if (eventArgs.get_command() == Telerik.Web.UI.SchedulerNavigationCommand.SwitchToDayView)
alert("Displaying day view");
}
</script>
runat="server"
OnNavigationComplete="clientNavigationCompleteHandler">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with one properties:
- get_command(), the navigation command that is being processed.
function appointmentContextMenuItemClicking(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var clickedItem = eventArgs.get_item();
// ...
}
</script>
runat="server"
OnClientAppointmentContextMenuItemClicking="appointmentContextMenuItemClicking">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the instance of the appointment.
- get_item(), the clicked menu item.
- set_cancel(), used to cancel the event.
function appointmentContextMenuItemClicked(sender, eventArgs)
{
var appointment = eventArgs.get_appointment();
var clickedItem = eventArgs.get_item();
// ...
}
</script>
runat="server"
OnClientAppointmentContextMenuItemClicked="appointmentContextMenuItemClicked">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_appointment(), the instance of the appointment.
- get_item(), the clicked menu item.
function appointmentTimeSlotMenuItemClicking(sender, eventArgs)
{
var timeSlot = eventArgs.get_slot();
var clickedItem = eventArgs.get_item();
// ...
}
</script>
runat="server"
OnClientTimeSlotContextMenuItemClicking="appointmentTimeSlotMenuItemClicking">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_slot(), the instance of the time slot.
- get_item(), the clicked menu item.
- set_cancel(), used to cancel the event.
function appointmentTimeSlotMenuItemClicked(sender, eventArgs)
{
var timeSlot = eventArgs.get_slot();
var clickedItem = eventArgs.get_item();
// ...
}
</script>
runat="server"
OnClientTimeSlotContextMenuItemClicked="appointmentTimeSlotMenuItemClicked">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with two properties:
- get_slot(), the instance of the time slot.
- get_item(), the clicked menu item.
function reminderTriggering(sender, eventArgs)
{
var appointment = eventArgs.get_appoitment();
var reminder = eventArgs.get_reminder();
// ...
}
</script>
runat="server"
OnClientReminderTriggering="reminderTriggering">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the instance of the appointment.
- get_reminder(), the reminder.
- set_cancel(), used to cancel the event.
function reminderSnoozing(sender, eventArgs)
{
var appointment = eventArgs.get_appoitment();
var reminder = eventArgs.get_reminder();
// ...
}
</script>
runat="server"
OnClientReminderSnoozing="reminderSnoozing">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the instance of the appointment.
- get_reminder(), the snoozed reminder.
- set_cancel(), used to cancel the event.
function reminderDismissing(sender, eventArgs)
{
var appointment = eventArgs.get_appoitment();
var reminder = eventArgs.get_reminder();
// ...
}
</script>
runat="server"
OnClientReminderDismissing="reminderDismissing">
....
</telerik:RadScheduler>
- sender, the scheduler client object;
- eventArgs with three properties:
- get_appointment(), the instance of the appointment.
- get_reminder(), the reminder.
- set_cancel(), used to cancel the event.
- sender, the RadNotification object.
- args.
<script type="text/javascript">
function OnClientShowing(sender, args)
{
var notification = sender;
}
</script>
function OnClientShowing(sender, args)
{
var notification = sender;
}
</script>
<telerik:RadNotification ID="RadNotification1"
runat= "server"
OnClientShowing="OnClientShowing">
....
</telerik:RadNotification>
runat= "server"
OnClientShowing="OnClientShowing">
....
</telerik:RadNotification>
- sender, the RadNotification object.
- args.
<script type="text/javascript">
function OnClientShown(sender, args)
{
var notification = sender;
}
</script>
function OnClientShown(sender, args)
{
var notification = sender;
}
</script>
<telerik:RadNotification ID="RadNotification1"
runat= "server"
OnClientShown="OnClientShown">
....
</telerik:RadNotification>
runat= "server"
OnClientShown="OnClientShown">
....
</telerik:RadNotification>
- sender, the notification client object;
- eventArgs
<script type="text/javascript">
function onClientShowingHandler(sender, eventArgs)
{
var shouldHide = confirm("Do you want to hide the notification?") eventArgs.set_cancel(!shouldHide);
}
</script>
function onClientShowingHandler(sender, eventArgs)
{
var shouldHide = confirm("Do you want to hide the notification?") eventArgs.set_cancel(!shouldHide);
}
</script>
<Telerik:RadNotification ID="RadNotification1"
runat= "server"
OnClientHiding="onClientHidingHandler">
....
</Telerik:RadNotification>
runat= "server"
OnClientHiding="onClientHidingHandler">
....
</Telerik:RadNotification>
- sender, the notification client object;
- eventArgs
<script type="text/javascript">
function onClientHiddenHandler(sender, eventArgs)
{
var notification = sender;
}
</script>
function onClientHiddenHandler(sender, eventArgs)
{
var notification = sender;
}
</script>
<Telerik:RadNotification ID="RadNotification1"
runat= "server"
OnClientHidden="onClientHiddenHandler">
....
</Telerik:RadNotification>
runat= "server"
OnClientHidden="onClientHiddenHandler">
....
</Telerik:RadNotification>
- sender, the notification client object;
- eventArgs
<script type="text/javascript">
function onClientUpdatingHandler(sender, eventArgs)
{
var shouldUpdate = confirm("Do you want to update the content of the notification?") eventArgs.set_cancel(!shouldUpdate);
}
</script>
function onClientUpdatingHandler(sender, eventArgs)
{
var shouldUpdate = confirm("Do you want to update the content of the notification?") eventArgs.set_cancel(!shouldUpdate);
}
</script>
<Telerik:RadNotification ID="RadNotification1"
runat= "server"
OnClientUpdating="onClientUpdatingHandler">
....
</Telerik:RadNotification>
runat= "server"
OnClientUpdating="onClientUpdatingHandler">
....
</Telerik:RadNotification>
- sender, the notification client object;
- eventArgs
<script type="text/javascript">
function onClientUpdatedHandler(sender, eventArgs)
{
var notification = sender;
}
</script>
function onClientUpdatedHandler(sender, eventArgs)
{
var notification = sender;
}
</script>
<Telerik:RadNotification ID="RadNotification1"
runat= "server"
OnClientUpdated="onClientUpdatedHandler">
....
</Telerik:RadNotification>
runat= "server"
OnClientUpdated="onClientUpdatedHandler">
....
</Telerik:RadNotification>
-
- Used to associate a context menu with an ASP.NET Server control. Accepts the control ID as an argument. -
- Used to associate a context menu with an HTML element. Accepts the HTML element id as an argument. -
- Used to specify document-wide context menu. -
- Used to associate a context menu with all elements with the specified tag name (e.g. IMG, INPUT).
<img src="http://demos.telerik.com/aspnet-ajax/Common/Img/qsfRentCarDemoThumb.gif" />
<img src="http://demos.telerik.com/aspnet-ajax/Common/Img/qsfSalesDashboardDemoThumb.gif" />
<asp:TextBox ID="TextBox1" runat="server"/gt;
<Telerik:RadContextMenu ID="RadContextMenu1"
runat= "server">
<Targets>
<Telerik:RadContextMenuControlTarget ControlID="TextBox1"/>
<Telerik:RadContextMenuTagNameTarget TagName="img"/>
</Targets>
</Telerik:RadContextMenu>
<img src="http://demos.telerik.com/aspnet-ajax/Common/Img/qsfSalesDashboardDemoThumb.gif" />
<asp:TextBox ID="TextBox1" runat="server"/gt;
<Telerik:RadContextMenu ID="RadContextMenu1"
runat= "server">
<Targets>
<Telerik:RadContextMenuControlTarget ControlID="TextBox1"/>
<Telerik:RadContextMenuTagNameTarget TagName="img"/>
</Targets>
</Telerik:RadContextMenu>
- sender, the menu client object;
- eventArgs with two properties, get_cancel()/set_cancel(cancel) and get_domEvent (a reference to the browser event).
<script type="text/javascript">
var shouldDisplayContextMenu = confirm("Do you want to enable context menus on this page?"); function onClientShowingHandler(sender, eventArgs)
{
eventArgs.set_cancel(!shouldDisplayContextMenu);
}
</script>
var shouldDisplayContextMenu = confirm("Do you want to enable context menus on this page?"); function onClientShowingHandler(sender, eventArgs)
{
eventArgs.set_cancel(!shouldDisplayContextMenu);
}
</script>
<Telerik:RadContextMenu ID="RadContextMenu1"
runat= "server"
OnClientShowing="onClientShowingHandler">
....
</Telerik:RadContextMenu>
runat= "server"
OnClientShowing="onClientShowingHandler">
....
</Telerik:RadContextMenu>
- sender, the menu client object;
- eventArgs with one property, get_domEvent (a reference to the browser event).
<input type="text" id="txtContextMenuState" value="hidden" />
<script type="text/javascript">
function onClientShownHandler(sender, eventArgs)
{
document.getElementById("txtContextMenuState").value = "shown";
}
</script>
function onClientShownHandler(sender, eventArgs)
{
document.getElementById("txtContextMenuState").value = "shown";
}
</script>
<Telerik:RadContextMenu ID="RadContextMenu1"
runat= "server"
OnClientShown="onClientShownHandler">
....
</Telerik:RadContextMenu>
runat= "server"
OnClientShown="onClientShownHandler">
....
</Telerik:RadContextMenu>
- sender, the menu client object;
- eventArgs with two properties, get_cancel()/set_cancel(cancel) and get_domEvent (a reference to the browser event).
<script type="text/javascript">
function onClientShowingHandler(sender, eventArgs)
{
var shouldHide = confirm("Do you want to hide the context menu?") eventArgs.set_cancel(!shouldHide);
}
</script>
function onClientShowingHandler(sender, eventArgs)
{
var shouldHide = confirm("Do you want to hide the context menu?") eventArgs.set_cancel(!shouldHide);
}
</script>
<Telerik:RadContextMenu ID="RadContextMenu1"
runat= "server"
OnClientHiding="onClientHidingHandler">
....
</Telerik:RadContextMenu>
runat= "server"
OnClientHiding="onClientHidingHandler">
....
</Telerik:RadContextMenu>
- sender, the menu client object;
- eventArgs with one property, get_domEvent (a reference to the browser event).
<input type="text" id="txtContextMenuState" />
<script type="text/javascript">
function onClientHiddenHandler(sender, eventArgs)
{
document.getElementById("txtContextMenuState").value = "hidden";
}
</script>
function onClientHiddenHandler(sender, eventArgs)
{
document.getElementById("txtContextMenuState").value = "hidden";
}
</script>
<Telerik:RadContextMenu ID="RadContextMenu1"
runat= "server"
OnClientHidden="onClientHiddenHandler">
....
</Telerik:RadContextMenu>
runat= "server"
OnClientHidden="onClientHiddenHandler">
....
</Telerik:RadContextMenu>
-
Link
The font program is referenced by name in the rendered PDF. Anyone who views a rendered PDF with a linked font program must have that font installed on their computer otherwise it will not display correctly. -
Embed
The entire font program is embedded in the rendered PDF. Embedding the entire font program guarantees the PDF will display as intended by the author on all computers, however this method does possess several disadvantages:-
Font programs can be extremely large and will significantly increase the size of the rendered PDF. For example, the MS Gothic TrueType collection is 8MB!
-
Certain font programs cannot be embedded due to license restrictions. If you attempt to embed a font program that disallows embedding, RadScheduler will substitute the font with a base 14 font and generate a warning message.
-
-
Subset (default value)
Subsetting a font will generate a new font that is embedded in the rendered PDF that contains only the chars referenced by RadScheduler. For example, if a particular RadScheduler utilised the Verdana font referencing only the character 'A', a subsetted font would be generated at run-time containing only the information necessary to render the character 'A'.
Subsetting provides the benefits of embedding and significantly reduces the size of the font program. However, small processing overhead is incurred to generated the subsetted font.
RadSiteMap1.Nodes[0].Text = "Example";
RadSiteMap1.Nodes[0].NavigateUrl = "http://www.example.com";
RadSiteMap1.Nodes(0).Text = "Example"
RadSiteMap1.Nodes(0).NavigateUrl = "http://www.example.com"
protected void RadSiteMap1_NodeDataBound(object sender, RadSiteMapNodeEventArgs e)
{
e.Node.ToolTip = (string)DataBinder.Eval(e.Node.DataItem, "ToolTipColumn");
}
Protected Sub RadSiteMap1_NodeDataBound(sender As Object, e As RadSiteMapNodeEventArgs)
e.Node.ToolTip = DirectCast(DataBinder.Eval(e.Node.DataItem, "ToolTipColumn"), String)
End Sub
protected void RadSiteMap1_TemplateNeeded(object sender, Telerik.Web.UI.RadSiteMapNodeEventArgs e)
{
string value = e.Node.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
textBoxTemplate.InstantiateIn(e.Node);
}
}
}
Sub RadSiteMap1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadSiteMapNodeEventArgs) Handles RadSiteMap1.TemplateNeeded
Dim value As String = e.Node.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
textBoxTemplate.InstantiateIn(e.Node)
End If
End If
End Sub
- Databinding that allows the control to be populated from various datasources
- Programmatic access to the RadTabStrip object model which allows to dynamic creation of tabstrips, populate h tabs, set properties.
- Customizable appearance through built-in or user-defined skins.
Tabs
void Page_Load(object sender, EventArgs e)
{
RadTabStrip RadTabStrip1 = new RadTabStrip();
RadTabStrip1.ID = "RadTabStrip1";
if (!Page.IsPostBack)
{
//RadTabStrip persist its tab in ViewState (if EnableViewState is true).
//Hence tabs should be created only on initial load.
RadTab sportTab = new RadTab("Sport");
RadTabStrip1.Tabs.Add(sportTab);
RadTab newsTab = new RadTab("News");
RadTabStrip1.Tabs.Add(newsTab);
}
PlaceHolder1.Controls.Add(RadTabStrip1);
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim RadTabStrip1 As RadTabStrip = New RadTabStrip()
RadTabStrip1.ID = "RadTabStrip1"
If Not Page.IsPostBack Then
'RadTabStrip persist its tab in ViewState (if EnableViewState is true).
'Hence tabs should be created only on initial load.
Dim sportTab As RadTab = New RadTab("Sport")
RadTabStrip1.Tabs.Add(sportTab)
Dim newsTab As RadTab = New RadTab("News")
RadTabStrip1.Tabs.Add(newsTab)
End If
PlaceHolder1.Controls.Add(RadTabStrip1)
End Sub
private void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadTabStrip1.LoadContentFile("~/Data.xml");
}
}
Private Sub Page_Load(sender As Object, e As EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
RadTabStrip1.LoadContentFile("~/Data.xml")
End If
End Sub
void Page_Load(object sender, EventArgs e)
{
RadTabStrip1.FindTab(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadTab tab)
{
if (tab.Text == tab.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadTabStrip1.FindTab(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal tab As RadTab) As Boolean
If tab.Text = tab.Value Then
Return True
Else
Return False
End If
End Function
foreach (ClientOperation<RadTab> operation in RadTabStrip1.ClientChanges)
{
RadTab tab = operation.Item;
switch (operation.Type)
{
case ClientOperationType.Insert:
//An tab has been inserted - operation.Item contains the inserted tab
break;
case ClientOperationType.Remove:
//An tab has been inserted - operation.Item contains the removed tab.
//Keep in mind the tab has been removed from the tabstrip.
break;
case ClientOperationType.Update:
UpdateClientOperation<RadTab> update = operation as UpdateClientOperation<RadTab>
//The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
break;
case ClientOperationType.Clear:
//All children of have been removed - operation.Item contains the parent tab whose children have been removed. If operation.Item is null then the root tabs have been removed.
break;
}
}
For Each operation As ClientOperation(Of RadTab) In RadTabStrip1.ClientChanges
Dim tab As RadTab = operation.Item
Select Case operation.Type
Case ClientOperationType.Insert
'A tab has been inserted - operation.Item contains the inserted tab
Exit Select
Case ClientOperationType.Remove
'A tab has been inserted - operation.Item contains the removed tab.
'Keep in mind the tab has been removed from the tabstrip.
Exit Select
Case ClientOperationType.Update
Dim update As UpdateClientOperation(Of RadTab) = TryCast(operation, UpdateClientOperation(Of RadTab))
'The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
Exit Select
Case ClientOperationType.Clear
'All children of have been removed - operation.Item contains the parent tab whose children have been removed. If operation.Item is Nothing then the root tabs have been removed.
Exist Select
End Select
Next
void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadTab newsTab = new RadTab("News");
RadTabStrip1.Tabs.Add(newsTab);
RadTabStrip1.SelectedIndex = 0; //This will select the "News" tab
RadTab cnnTab = new RadTab("CNN");
newsTab.Tabs.Add(cnnTab);
RadTab nbcTab = new RadTab("NBC");
newsTab.Tabs.Add(nbcTab);
newsTab.SelectedIndex = 1; //This will select the "NBC" child tab of the "News" tab
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Dim newsTab As RadTab = New RadTab("News")
RadTabStrip1.Tabs.Add(newsTab)
RadTabStrip1.SelectedIndex = 0 'This will select the "News" tab
Dim cnnTab As RadTab = New RadTab("CNN")
newsTab.Tabs.Add(cnnTab)
Dim nbcTab As RadTab = New RadTab("NBC")
newsTab.Tabs.Add(nbcTab)
newsTab.SelectedIndex = 1 'This will select the "NBC" child tab of the "News" tab
End If
End Sub
RadTabStrip1.Tabs[0].Text = "Example";
RadTabStrip1.Tabs[0].NavigateUrl = "http://www.example.com";
RadTabStrip1.Tabs(0).Text = "Example"
RadTabStrip1.Tabs(0).NavigateUrl = "http://www.example.com"
<telerik:RadTabStrip runat="server" ID="RadTabStrip1">
<TabTemplate>
<%# DataBinder.Eval(Container, "Text") %>
<img style="margin-left: 10px" src="Images/delete.gif" alt="delete"/>
</TabTemplate>
<Tabs>
<telerik:RadTab Text="Products">
</telerik:RadTab>
<telerik:RadTab Text="Services">
</telerik:RadTab>
<telerik:RadTab Text="Corporate">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
protected void Page_Load(object sender, System.EventArgs e)
{
if (!Page.IsPostBack)
{
//Required to evaluate the databinding expressions inside the template (<%# DataBinder.Eval)%>
RadTabStrip1.DataBind();
}
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
RadTabStrip1.DataBind()
End If
End Sub
-
The
AutoPostBack property is set totrue . -
The user has subscribed to the
TabClick event.
DataTable data = new DataTable();
data.Columns.Add("MyText");
data.Rows.Add(new object[] {"Tab Text 1"});
data.Rows.Add(new object[] {"Tab Text 2"});
RadTabStrip1.DataSource = data;
RadTabStrip1.DataTextField = "MyText"; //"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataBind();
Dim data As new DataTable();
data.Columns.Add("MyText")
data.Rows.Add(New Object() {"Tab Text 1"})
data.Rows.Add(New Object() {"Tab Text 2"})
RadTabStrip1.DataSource = data
RadTabStrip1.DataTextField = "MyText" '"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataBind()
DataTable data = new DataTable();
data.Columns.Add("MyText");
data.Columns.Add("MyValue");
data.Rows.Add(new object[] {"Tab Text 1", "Tab Value 1"});
data.Rows.Add(new object[] {"Tab Text 2", "Tab Value 2"});
RadTabStrip1.DataSource = data;
RadTabStrip1.DataTextField = "MyText"; //"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataValueField = "MyValue"; //"MyValue" column provides values for the Value property of databound tabs
RadTabStrip1.DataBind();
Dim data As new DataTable();
data.Columns.Add("MyText")
data.Columns.Add("MyValue")
data.Rows.Add(New Object() {"Tab Text 1", "Tab Value 1"})
data.Rows.Add(New Object() {"Tab Text 2", "Tab Value 2"})
RadTabStrip1.DataSource = data
RadTabStrip1.DataTextField = "MyText" '"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataValueField = "MyValue" '"MyValue" column provides values for the Value property of databound tabs
RadTabStrip1.DataBind()
DataTable data = new DataTable();
data.Columns.Add("MyText");
data.Columns.Add("MyUrl");
data.Rows.Add(new object[] {"Tab Text 1", "http://www.example.com/page1.aspx"});
data.Rows.Add(new object[] {"Tab Text 2", "http://www.example.com/page2.aspx"});
RadTabStrip1.DataSource = data;
RadTabStrip1.DataTextField = "MyText"; //"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataNavigateUrlField = "MyUrl"; //"MyUrl" column provides values for the NavigateUrl property of databound tabs
RadTabStrip1.DataBind();
Dim data As new DataTable();
data.Columns.Add("MyText")
data.Columns.Add("MyUrl")
data.Rows.Add(New Object() {"Tab Text 1", "http://www.example.com/page1.aspx"})
data.Rows.Add(New Object() {"Tab Text 2", "http://www.example.com/page2.aspx"})
RadTabStrip1.DataSource = data
RadTabStrip1.DataTextField = "MyText" '"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataValueField = "MyUrl" '"MyUrl" column provides values for the NavigateUrl property of databound tabs
RadTabStrip1.DataBind()
DataTable data = new DataTable();
data.Columns.Add("MyText");
data.Columns.Add("MyID", typeof(int));
data.Columns.Add("MyParentID", typeof(int));
data.Rows.Add(new object[] {"Root Tab 1", 1, null});
data.Rows.Add(new object[] {"Child Tab 1.1", 3, 1});
data.Rows.Add(new object[] {"Root Tab 2", 2, null});
data.Rows.Add(new object[] {"Child Tab 2.1", 4, 2});
RadTabStrip1.DataSource = data;
RadTabStrip1.DataTextField = "MyText"; //"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataFieldID = "MyID"; //"MyID" column provides values for the "child" column in the relation.
RadTabStrip1.DataFieldParentID = "MyParentID"; //"MyParentID" column provides values for the "parent" column in the relation.
RadTabStrip1.DataBind();
Dim data As New DataTable()
data.Columns.Add("MyText")
data.Columns.Add("MyID", GetType(Integer))
data.Columns.Add("MyParentID", GetType(Integer))
data.Rows.Add(New Object() {"Root Tab 1", 1, Nothing})
data.Rows.Add(New Object() {"Child Tab 1.1", 3, 1})
data.Rows.Add(New Object() {"Root Tab 2", 2, Nothing})
data.Rows.Add(New Object() {"Child Tab 2.1", 4, 2})
RadTabStrip1.DataSource = data
RadTabStrip1.DataTextField = "MyText" '"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataFieldID = "MyID" '"MyID" column provides values for the "child" column in the relation.
RadTabStrip1.DataFieldParentID = "MyParentID" '"MyParentID" column provides values for the "parent" column in the relation.
RadTabStrip1.DataBind()
DataTable data = new DataTable();
data.Columns.Add("MyText");
data.Columns.Add("MyID", typeof(int));
data.Columns.Add("MyParentID", typeof(int));
data.Rows.Add(new object[] {"Root Tab 1", 1, null});
data.Rows.Add(new object[] {"Child Tab 1.1", 3, 1});
data.Rows.Add(new object[] {"Root Tab 2", 2, null});
data.Rows.Add(new object[] {"Child Tab 2.1", 4, 2});
RadTabStrip1.DataSource = data;
RadTabStrip1.DataTextField = "MyText"; //"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataFieldID = "MyID"; //"MyID" column provides values for the "child" column in the relation.
RadTabStrip1.DataFieldParentID = "MyParentID"; //"MyParentID" column provides values for the "parent" column in the relation.
RadTabStrip1.DataBind();
Dim data As New DataTable()
data.Columns.Add("MyText")
data.Columns.Add("MyID", GetType(Integer))
data.Columns.Add("MyParentID", GetType(Integer))
data.Rows.Add(New Object() {"Root Tab 1", 1, Nothing})
data.Rows.Add(New Object() {"Child Tab 1.1", 3, 1})
data.Rows.Add(New Object() {"Root Tab 2", 2, Nothing})
data.Rows.Add(New Object() {"Child Tab 2.1", 4, 2})
RadTabStrip1.DataSource = data
RadTabStrip1.DataTextField = "MyText" '"MyText" column provides values for the Text property of databound tabs
RadTabStrip1.DataFieldID = "MyID" '"MyID" column provides values for the "child" column in the relation.
RadTabStrip1.DataFieldParentID = "MyParentID" '"MyParentID" column provides values for the "parent" column in the relation.
RadTabStrip1.DataBind()
-
Use the
ID property of the RadMuitiPage control if the RadMultiPage control is in the same INamingContainer (user control, page, content page, master page) as the current RadTabStrip control. -
Use the
UniqueID property of the RadMuitiPage control if the RadMultiPage control is in a different INamingContainer (user control, page, content page, master page) than the current RadTabStrip control.
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage id="RadMultiPage1" runat="server">
.....
</telerik:RadMultiPage>
- sender (the client-side RadTabStrip object)
-
eventArgs with one property
- tab - the instance of the selected tab
function ClientTabSelectedHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.get_tab();
alert("You have selected the " + tab.get_text() + " tab in the " + tabStrip.get_id() + "tabstrip.");
}
</script>
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
- sender (the client-side RadTabStrip object)
-
eventArgs with two properties
- tab - the instance of the selected tab
- domEvent - the browser DOM event
function OnContextMenuHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.get_tab();
alert("You have right-clicked the " + tab.get_text() + " tab in the " + tabStrip.get_id() + "tabstrip.");
}
</script>
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
- sender (the client-side RadTabStrip object)
-
eventArgs with two properties
- tab - the instance of the selected tab
- domEvent - the browser DOM event
function OnDoubleClickHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.get_tab();
alert("You have double-clicked the " + tab.get_text() + " tab in the " + tabStrip.get_id() + "tabstrip.");
}
</script>
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
- sender (the client-side RadTabStrip object)
-
eventArgs with one property
- tab - the instance of the selected tab
- cancel - whether to cancel the event
function ClientTabSelectingHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.get_tab();
alert("You will be selecting the " + tab.get_text() + " tab in the " + tabStrip.get_id() + " tabstrip.");
if (tab.Text == "Education")
{
alert("Education cannot be selected");
eventArgs.set_cancel(true);
}
}
</script>
<telerik:RadTabStrip id="RadTabStrip1" runat="server" OnClientTabSelecting="ClientTabSelectedHandler">
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
- sender (the client-side RadTabStrip object);
-
eventArgs with two properties
- tab - the instance of the tab that is being hovered
- domEvent - the instance of the browser event.
function ClientMouseOverHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.get_tab();
var domEvent = eventArgs.get_domEvent();
alert("You have just moved over the " + tab.get_text() + " tabs in the " + tabStrip.get_id() + " tabstrip");
alert("Mouse coordinates: " + domEvent.clientX + ":" + domEvent.clientY);
}
</script>
<telerik:RadTabStrip id="RadTabStrip1" runat="server" OnClientMouseOver="ClientMouseOverHandler">
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
- sender (the client-side RadTabStrip object);
-
eventArgs with two properties:
- tab - the instance of the tab we are moving away from;
- domEvent - the instance of the browser event.
function ClientMouseOutHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.Tab;
var domEvent = eventArgs.get_domEvent();
alert("Mouse coordinates: " + domEvent.clientX + ":" + domEvent.clientY);
}
</script>
<telerik:RadTabStrip id="RadTabStrip1" runat="server" OnClientMouseOut="ClientMouseOutHandler">
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
- sender (the client-side RadTabStrip object);
-
eventArgs with one property:
- tab - the instance of the tab which is unselected;
function ClientTabUnSelectedHandler(sender, eventArgs)
{
var tabStrip = sender;
var tab = eventArgs.get_tab();
alert("You have unselected the " + tab.get_text() + " tab in the " + tabStrip.get_id() + "tabstrip.");
}
</script>
<telerik:RadTabStrip id="RadTabStrip1" runat="server" OnClientTabUnSelected="ClientTabUnSelectedHandler">
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
function ClientTabstripLoad(tabstrip, eventArgs)
{
alert(tabstrip.get_id() + " is loaded.");
}
</script>
<telerik:RadTabStrip id="RadTabStrip1" runat="server" OnClientLoad="ClientTabstripLoad">
<Tabs>
<telerik:RadTab Text="Personal Details"></telerik:RadTab>
<telerik:RadTab Text="Education"></telerik:RadTab>
<telerik:RadTab Text="Computing Skills"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
protected void RadTabStrip1_TabCreated(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
{
e.Tab.ToolTip = e.Tab.Text;
}
Sub RadTabStrip1_TabCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTabStripEventArgs) Handles RadTabStrip1.TabCreated
e.Tab.ToolTip = e.Tab.Text
End Sub
protected void RadTabStrip_TemplateNeeded(object sender, Telerik.Web.UI.RadTabStripArgs e)
{
string value = e.Tab.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
e.Tab.TabTemplate = textBoxTemplate;
}
}
}
Sub RadTabStrip1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTabStripEventArgs) Handles RadTabStrip1.TemplateNeeded
Dim value As String = e.Tab.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
e.Tab.TabTemplate = textBoxTemplate
End If
End If
End Sub
protected void RadTabStrip1_TabDataBound(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
{
e.Tab.ImageUrl = "image" + (string)DataBinder.Eval(e.Tab.DataItem, "ID") + ".gif";
e.Tab.NavigateUrl = (string)DataBinder.Eval(e.Tab.DataItem, "URL");
}
Sub RadTabStrip1_TabDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTabStripEventArgs) Handles RadTabStrip1.TabDataBound
e.Tab.ImageUrl = "image" & DataBinder.Eval(e.Tab.DataItem, "ID") & ".gif"
e.Tab.NavigateUrl = CStr(DataBinder.Eval(e.Tab.DataItem, "URL"))
End Sub
protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
{
Response.Write("Clicked tab is " + e.Tab.Text);
}
Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTabStripEventArgs) Handles RadTabStrip1.TabClick
Response.Write("Clicked tab is " & e.Tab.Text)
End Sub
private void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadToolBar1.LoadContentFile("~/ToolBarData.xml");
}
}
Private Sub Page_Load(sender As Object, e As EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
RadToolBar1.LoadContentFile("~/ToolBarData.xml")
End If
End Sub
void Page_Load(object sender, EventArgs e)
{
RadToolBar1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadToolBarItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadToolBar1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadToolBarItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
- adding a new item
- removing existing item
- clearing the children of an item or the control itself
- changing a property of the item
foreach (ClientOperation<RadToolBarItem> operation in RadToolBar1.ClientChanges)
{
RadToolBarItem item = operation.Item;
switch (operation.Type)
{
case ClientOperationType.Insert:
//An item has been inserted - operation.Item contains the inserted item
break;
case ClientOperationType.Remove:
//An item has been inserted - operation.Item contains the removed item.
//Keep in mind the item has been removed from the toolbar.
break;
case ClientOperationType.Update:
UpdateClientOperation<RadToolBarItem> update = operation as UpdateClientOperation<RadToolBarItem>
//The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
break;
case ClientOperationType.Clear:
//All children of have been removed - operation.Item contains the parent item whose children have been removed. If operation.Item is null then the root items have been removed.
break;
}
}
For Each operation As ClientOperation(Of RadToolBarItem) In RadToolBar1.ClientChanges
Dim item As RadToolBarItem = operation.Item
Select Case operation.Type
Case ClientOperationType.Insert
'An item has been inserted - operation.Item contains the inserted item
Exit Select
Case ClientOperationType.Remove
'An item has been inserted - operation.Item contains the removed item.
'Keep in mind the item has been removed from the toolbar.
Exit Select
Case ClientOperationType.Update
Dim update As UpdateClientOperation(Of RadToolBarItem) = TryCast(operation, UpdateClientOperation(Of RadToolBarItem))
'The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
Exit Select
Case ClientOperationType.Clear
'All children of have been removed - operation.Item contains the parent item whose children have been removed. If operation.Item is Nothing then the root items have been removed.
Exist Select
End Select
Next
-
Orientation Description -
Orientation.Horizontal The RadToolBar control is rendered horizontally. -
Orientation.Vertical The RadToolBar control is rendered vertically.
To customize the collapse animation you can use the
void Page_Load(object sender, EventArgs e)
{
RadToolBar1.ExpandAnimation.Type = AnimationType.Linear;
RadToolBar1.ExpandAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadToolBar1.ExpandAnimation.Type = AnimationType.Linear
RadToolBar1.ExpandAnimation.Duration = 300
End Sub
To customize the expand animation you can use the
void Page_Load(object sender, EventArgs e)
{
RadToolBar1.CollapseAnimation.Type = AnimationType.Linear;
RadToolBar1.CollapseAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadToolBar1.CollapseAnimation.Type = AnimationType.Linear
RadToolBar1.CollapseAnimation.Duration = 300
End Sub
-
The
AutoPostBack property is set totrue . -
The user has subscribed to the
ButtonClick event.
function onClientToolBarLoad(toolBar, eventArgs)
{
alert(toolBar.get_id() + " is loaded.");
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientButtonClicking="onButtonClicking">
<Items>
<telerik:RadToolBarButton Text="Save"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Load"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Apply Color (Red)">
<Buttons>
<telerik:RadToolBarButton Text="Red"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Yellow"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Blue"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with three properties
- item - the instance of the button item being clicked
- cancel - whether to cancel the event
- domEvent - the reference to the browser DOM event
function clientButtonClicking(sender, eventArgs)
{
var toolBar = sender;
var button = eventArgs.get_item();
alert("You are clicking the '" + button.get_text() + "' button in the '" + toolBar.get_id() + "' toolBar.");
if (button.get_text() == "Right")
{
alert("Right alignment is not available");
eventArgs.set_cancel(true);
}
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientButtonClicking="clientButtonClicking">
<Items>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Right">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with two properties
- item - the instance of the clicked button
- domEvent - the reference to the browser DOM event
function clientButtonClicked(sender, eventArgs)
{
var toolBar = sender;
var button = eventArgs.get_item();
alert(String.format("You clicked the '{0}' button in the '{1}' toolBar.", button.get_text(), toolBar.get_id()));
}
</script>
<Items>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Right">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with three properties
- item - the instance of the dropdown item being opened
- cancel - whether to cancel the event
- domEvent - the reference to the browser DOM event (null if the event was initiated by calling a client-side method such as dropDownItem.showDropDown();)
function clientDropDownOpening(sender, eventArgs)
{
var toolBar = sender;
var dropDownItem = eventArgs.get_item();
alert("You are opening the '" + dropDownItem.get_text() + "' dropDown in the '" + toolBar.get_id() + "' toolBar.");
if (dropDownItem.get_text() == "Align")
{
alert("Alignment is not available");
eventArgs.set_cancel(true);
}
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientDropDownOpening="clientDropDownOpening">
<Items>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Right">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with two properties
- item - the instance of the dropdown item which is opened
- domEvent - the reference to the browser DOM event (null if the event was initiated by calling a client-side method such as dropDownItem.showDropDown())
function clientDropDownOpened(sender, eventArgs)
{
var toolBar = sender;
var dropDownItem = eventArgs.get_item();
alert("You just opened the '" + dropDownItem.get_text() + "' dropDown in the '" + toolBar.get_id() + "' toolBar.");
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientDropDownOpened="clientDropDownOpened">
<Items>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Right">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with three properties
- item - the instance of the dropdown item being closed
- cancel - whether to cancel the event
- domEvent - the reference to the browser DOM event (null if the event was initiated by calling a client-side method such as dropDownItem.hideDropDown())
function clientDropDownClosing(sender, eventArgs)
{
var toolBar = sender;
var dropDownItem = eventArgs.get_item();
alert("You are about to close the '" + dropDownItem.get_text() + "' dropDown in the '" + toolBar.get_id() + "' toolBar.");
if (dropDownItem.get_text() == "Align")
{
alert("You cannot close the Align dropdown!");
eventArgs.set_cancel(true);
}
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientDropDownClosing="clientDropDownClosing">
<Items>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Right">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with two properties
- item - the instance of the dropdown item which is closed
- domEvent - the reference to the browser DOM event (null if the event was initiated by calling a client-side method such as dropDownItem.hideDropDown())
function clientDropDownClosed(sender, eventArgs)
{
var toolBar = sender;
var dropDownItem = eventArgs.get_item();
alert("You just closed the '" + dropDownItem.get_text() + "' dropDown in the '" + toolBar.get_id() + "' toolBar.");
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientDropDownClosed="clientDropDownClosed">
<Items>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Right">
<Buttons>
<telerik:RadToolBarButton Text="Left"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right"></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with two properties
- item - the instance of the selected toolbar item
- domEvent - the reference to the browser DOM event
function onContextMenuHandler(sender, eventArgs)
{
var toolBar = sender;
var item = eventArgs.get_item();
alert(String.format("You have right-clicked the {0} item in the {1} toolBar.", item.get_text(), toolBar.get_id());
}
</script>
<Items>
<telerik:RadToolBarButton Text="Bold"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Italic"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Underline"></telerik:RadToolBarButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object);
-
eventArgs with two properties
- item - the instance of the toolbar item that is being hovered
- domEvent - the reference to the browser DOM event
function onClientMouseOver(sender, eventArgs)
{
var toolBar = sender;
var item = eventArgs.get_item();
var domEvent = eventArgs.get_domEvent();
alert(String.format("You have just moved over the {0} item in the {1} toolBar", item.get_text(), toolBar.get_id());
alert(String.format("Mouse coordinates: \n\nx = {0};\ny = {1}", domEvent.clientX, domEvent.clientY));
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientMouseOver="onClientMouseOver">
<Items>
<telerik:RadToolBarButton Text="Bold"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Italic"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Underline"></telerik:RadToolBarButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object);
-
eventArgs with two properties:
- item - the instance of the item which the mouse is moving away from;
- domEvent - the reference to the browser DOM event
function onClientMouseOut(sender, eventArgs)
{
var toolBar = sender;
var item = eventArgs.get_item();
var domEvent = eventArgs.get_domEvent(); alert(String.format("You have just moved out of '{0}' item in the {1} toolBar.", item.get_text(), toolBar.get_id()));
alert(String.format("Mouse coordinates: \n\nx = {0}\ny = {1}", domEvent.clientX, domEvent.clientY));
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientMouseOut="onClientMouseOut">
<Items>
<telerik:RadToolBarButton Text="Bold"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Italic"></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Underline"></telerik:RadToolBarButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with three properties
- item - the instance of the button which checked state is being changed
- cancel - whether to cancel the event
- domEvent - the reference to the browser DOM event (null if the event was initiated by calling a client-side method such as button.toggle())
function clientCheckedStateChanging(sender, eventArgs)
{
var toolBar = sender;
var button = eventArgs.get_item();
alert(String.format("You are about to change the checked state of the '{0}' button in the '{1}' toolBar.", button.get_text(), toolBar.get_id()));
if (item.get_text() == "Left" && item.get_group() == "Align")
{
alert("You cannot change the checked state of the 'Align Left' button!");
eventArgs.set_cancel(true);
}
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientCheckedStateChanging="clientCheckedStateChanging">
<Items>
<telerik:RadToolBarButton Text="Left" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Reset">
<Buttons>
<telerik:RadToolBarButton Text="Left" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
- sender (the client-side RadToolBar object)
-
eventArgs with two properties
- item - the instance of the button which is checked
- domEvent - the reference to the browser DOM event (null if the event was initiated by calling a client-side method such as button.toggle())
function clientCheckedStateChanged(sender, eventArgs)
{
var toolBar = sender;
var button = eventArgs.get_item();
alert(String.format("You just changed the checked state of the '{0}' button in the '{1}' toolBar.", button.get_text(), toolBar.get_id()));
}
</script>
<telerik:RadToolBar id="RadToolBar1" runat="server" OnClientCheckedStateChanged="clientCheckedStateChanged">
<Items>
<telerik:RadToolBarButton Text="Left" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarDropDown Text="Align">
<Buttons>
<telerik:RadToolBarButton Text="Left" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarDropDown>
<telerik:RadToolBarSplitButton Text="Reset">
<Buttons>
<telerik:RadToolBarButton Text="Left" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Center" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
<telerik:RadToolBarButton Text="Right" CheckOnClick="true" Group="Align" ></telerik:RadToolBarButton>
</Buttons>
</telerik:RadToolBarSplitButton>
</Items>
</telerik:RadToolBar>
protected void RadToolBar1_ItemCreated(object sender, Telerik.Web.UI.RadToolBarEventArgs e)
{
e.Item.ToolTip = e.Item.Text;
}
Sub RadToolBar1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarEventArgs) Handles RadToolBar1.ItemCreated
e.Item.ToolTip = e.Item.Text
End Sub
protected void RadToolBar1_TemplateNeeded(object sender, Telerik.Web.UI.RadToolBarEventArgs e)
{
string value = e.Item.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
textBoxTemplate.InstantiateIn(e.Item);
}
}
}
Sub RadToolBar1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarEventArgs) Handles RadToolBar1.TemplateNeeded
Dim value As String = e.Item.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
textBoxTemplate.InstantiateIn(e.Item)
End If
End If
End Sub
protected void RadToolBar1_ButtonDataBound(object sender, Telerik.Web.UI.RadToolBarButtonEventArgs e)
{
e.Button.ImageUrl = "~/ToolBarImages/tool" + (string)DataBinder.Eval(e.Button.DataItem, "Text") + ".gif";
e.Button.NavigateUrl = (string)DataBinder.Eval(e.Button.DataItem, "URL");
}
Sub RadToolBar1_ButtonDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarButtonEventArgs) Handles RadToolBar1.ButtonDataBound
e.Button.ImageUrl = "~/ToolBarImages/tool" & CStr(DataBinder.Eval(e.Button.DataItem, "Text")) & ".gif"
e.Button.NavigateUrl = CStr(DataBinder.Eval(e.Button.DataItem, "URL"))
End Sub
protected void RadToolBar1_ButtonClick(object sender, Telerik.Web.UI.RadToolBarButtonEventArgs e)
{
Label1.Text = "Clicked button is " + e.Item.Text;
}
Sub RadToolBar1_ButtonClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarButtonEventArgs) Handles RadToolBar1.ButtonClick
Label1.Text = "Clicked button is " & e.Item.Text;
End Sub
templateItem.Template = new TextBoxTemplate();
templateItem.Template = new TextBoxTemplate()
toggleList.ToggleButtons[0].Text = "Example";
toggleList.ToggleButtons(0).Text = "Example"
toggleList.ToggledButton.Text = "Example";
toggleList.ToggledButton.Text = "Example"
protected void RadRibbonBar1_ButtonClick(object sender, RibbonBarButtonClickEventArgs e)
{
if (e.Button.Value == "TriggersSomeAction")
{
// trigger the action
}
}
Protected Sub RadRibbonBar1_ButtonClick(sender As Object, e As RibbonBarButtonClickEventArgs)
If e.Button.Value = "TriggersSomeAction" Then
' trigger the action
End If
End Sub
buttonStrip.Buttons[0].Text = "Example";
buttonStrip.Buttons(0).Text = "Example"
splitButton.Buttons[0].Text = "Example";
splitButton.Buttons(0).Text = "Example"
menu.Items[0].Text = "SampleMenuItemText";
menu.Items(0).Text = "SampleMenuItemText"
protected void RadRibbonBar1_MenuItemClick(object sender, RibbonBarMenuItemClickEventArgs e)
{
if (e.Item.Value == "SpecialItem")
{
// trigger an action
}
}
Protected Sub RadRibbonBar1_MenuItemClick(sender As Object, e As RibbonBarMenuItemClickEventArgs)
If e.Item.Value = "SpecialItem" Then
' trigger the action
End If
End Sub
menuItem.Items[0].Text = "SampleMenuItemText";
menuItem.Items(0).Text = "SampleMenuItemText"
protected void RadRibbonBar1_ButtonClick(object sender, RibbonBarButtonClickEventArgs e)
{
if ((e.Button.Container as RibbonBarGroup).Value == "SpecialGroup")
{
// trigger an action
}
}
Protected Sub RadRibbonBar1_ButtonClick(sender As Object, e As RibbonBarButtonClickEventArgs)
If TryCast(e.Button.Container, RibbonBarGroup).Value = "SpecialGroup" Then
' trigger the action
End If
End Sub
group.Items[0].Enabled = true;
group.Items(0).Enabled = True
protected void RadRibbonBar1_ButtonClick(object sender, RibbonBarButtonClickEventArgs e)
{
if ((e.Button.Container as RibbonBarGroup).Tab.Value == "SpecialTab")
{
// trigger an action
}
}
Protected Sub RadRibbonBar1_ButtonClick(sender As Object, e As RibbonBarButtonClickEventArgs)
If TryCast(e.Button.Container, RibbonBarGroup).Tab.Value = "SpecialTab" Then
' trigger the action
End If
End Sub
tab.Groups[0].Text = "ExampleGroupText";
tab.Groups(0).Text = "ExampleGroupText"
- Place an attribute in the opening tag of the Telerik RadEditor control in the form Property-Subproperty, where Subproperty is a property of the EditorExportSettings object (for example, ExportSettings-FileName).
- Nest a <ExportSettings> element between the opening and closing tags of the Telerik RadEditor control.
Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
RadEditor1.Colors.Add("Red")
RadEditor1.Colors.Add("Green")
RadEditor1.Colors.Add("Blue")
End Sub
private void Page_Load(object sender, EventArgs e)
{
RadEditor1.Colors.Add("Red");
RadEditor1.Colors.Add("Green");
RadEditor1.Colors.Add("Blue");
}
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
For i As Integer = 65 To 90
RadEditor1.Symbols.Add(Convert.ToChar(i))
Next
End Sub
private void Page_Load(object sender, EventArgs e)
{
for (int i=65; i<=90; i++)
{
RadEditor1.Symbols.Add(Convert.ToChar(i));
}
}
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
'Add the root
RadEditor1.Links.Add("Telerik", "http://www.telerik.com")
'Add the Products node And its children
RadEditor1.Links("Telerik").Add("Products", "http://www.telerik.com/products")
RadEditor1.Links("Telerik")("Products").Add("RadControls", "http://www.telerik.com/radcontrols")
RadEditor1.Links("Telerik")("Products").Add("RadEditor", "http://www.telerik.com/RadEditor")
RadEditor1.Links("Telerik")("Products")("RadEditor").Add("QSF", "http://www.telerik.com/demos/aspnet/Editor/Examples/Default/DefaultCS.aspx")
'Add Purchase, Support And Client.Net nodes
RadEditor1.Links("Telerik").Add("Purchase", "http://www.telerik.com/purchase")
RadEditor1.Links("Telerik").Add("Support", "http://www.telerik.com/support")
RadEditor1.Links("Telerik").Add("Client.Net", "http://www.telerik.com/clientnet")
End Sub
private void Page_Load(object sender, EventArgs e)
{
//Add the root
RadEditor1.Links.Add("Telerik", "http://www.telerik.com");
//Add the Products node and its children
RadEditor1.Links["Telerik"].Add("Products", "http://www.telerik.com/products");
RadEditor1.Links["Telerik"]["Products"].Add("RadControls", "http://www.telerik.com/radcontrols");
RadEditor1.Links["Telerik"]["Products"].Add("RadEditor", "http://www.telerik.com/RadEditor");
RadEditor1.Links["Telerik"]["Products"]["RadEditor"].Add("QSF", "http://www.telerik.com/demos/aspnet/Editor/Examples/Default/DefaultCS.aspx");
//Add Purchase, Support and Client.Net nodes
RadEditor1.Links["Telerik"].Add("Purchase", "http://www.telerik.com/purchase");
RadEditor1.Links["Telerik"].Add("Support", "http://www.telerik.com/support");
RadEditor1.Links["Telerik"].Add("Client.Net", "http://www.telerik.com/clientnet");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
RadEditor1.FontSizes.Add(2)
RadEditor1.FontSizes.Add(3)
RadEditor1.FontSizes.Add(4)
RadEditor1.FontSizes.Add(5)
RadEditor1.FontSizes.Add(6)
RadEditor1.FontSizes.Add(7)
End Sub
private void Page_Load(object sender, EventArgs e)
{
RadEditor1.FontSizes.Add(2);
RadEditor1.FontSizes.Add(3);
RadEditor1.FontSizes.Add(4);
RadEditor1.FontSizes.Add(5);
RadEditor1.FontSizes.Add(6);
RadEditor1.FontSizes.Add(7);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
RadEditor1.FontNames.Add("Arial")
RadEditor1.FontNames.Add("Arial Narrow")
RadEditor1.FontNames.Add("Comic Sans MS")
RadEditor1.FontNames.Add("Courier New")
RadEditor1.FontNames.Add("Tahoma")
RadEditor1.FontNames.Add("Times New Roman")
RadEditor1.FontNames.Add("Verdana")
End Sub
private void Page_Load(object sender, EventArgs e)
{
RadEditor1.FontNames.Add("Arial");
RadEditor1.FontNames.Add("Arial Narrow");
RadEditor1.FontNames.Add("Comic Sans MS");
RadEditor1.FontNames.Add("Courier New");
RadEditor1.FontNames.Add("Tahoma");
RadEditor1.FontNames.Add("Times New Roman");
RadEditor1.FontNames.Add("Verdana");
}
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
'Add clear formatting
RadEditor1.Paragraphs.Add("Clear Formatting", "body")
'Add the standard paragraph styles
RadEditor1.Paragraphs.Add("Heading 1", "<h1>")
RadEditor1.Paragraphs.Add("Heading 2", "<h2>")
RadEditor1.Paragraphs.Add("Heading 3", "<h3>")
'Add paragraph style With block Format And css Class
RadEditor1.Paragraphs.Add("Heading 2 Bordered", "<h2 class=\"bordered\">")
End Sub
private void Page_Load(object sender, EventArgs e)
{
//Add clear formatting
RadEditor1.Paragraphs.Add("Clear Formatting", "body");
//Add the standard paragraph styles
RadEditor1.Paragraphs.Add("Heading 1", "<h1>");
RadEditor1.Paragraphs.Add("Heading 2", "<h2>");
RadEditor1.Paragraphs.Add("Heading 3", "<h3>");
//Add paragraph style with block format and css class
RadEditor1.Paragraphs.Add("Heading 2 Bordered", "<h2 class=\"bordered\">");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
RadEditor1.RealFontSizes.Add("8pt")
RadEditor1.RealFontSizes.Add("9pt")
RadEditor1.RealFontSizes.Add("11pt")
RadEditor1.RealFontSizes.Add("13pt")
End Sub
private void Page_Load(object sender, EventArgs e)
{
RadEditor1.RealFontSizes.Add("8pt")
RadEditor1.RealFontSizes.Add("9pt")
RadEditor1.RealFontSizes.Add("11pt")
RadEditor1.RealFontSizes.Add("13pt")
}
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadEditor1.Languages.Add("en-US", "English");
RadEditor1.Languages.Add("fr-FR", "French");
RadEditor1.Languages.Add("de-DE", "German");
End Sub
private void Page_Load(object sender, EventArgs e)
{
RadEditor1.Languages.Add("en-US", "English");
RadEditor1.Languages.Add("fr-FR", "French");
RadEditor1.Languages.Add("de-DE", "German");
}
Floating Toolbars are rendered in a moveable window.
PageTop Toolbars appear on top of page when editor gets focus.
ShowOnFocus Toolbars appear right above the editor when it focus.
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientLoad(sender, args)
{
var editor = sender;
}
</script>
function OnClientLoad(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientLoad="OnClientLoad">
....
</radsld:RadEditor>
runat= "server"
OnClientLoad="OnClientLoad">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientInit(sender, args)
{
var editor = sender;
}
</script>
function OnClientInit(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientInit="OnClientInit">
....
</radsld:RadEditor>
runat= "server"
OnClientInit="OnClientInit">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientPasteHtml(sender, args)
{
var editor = sender;
}
</script>
function OnClientPasteHtml(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientPasteHtml="OnClientPasteHtml">
....
</radsld:RadEditor>
runat= "server"
OnClientPasteHtml="OnClientPasteHtml">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientSubmit(sender, args)
{
var editor = sender;
}
</script>
function OnClientSubmit(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientSubmit="OnClientSubmit">
....
</radsld:RadEditor>
runat= "server"
OnClientSubmit="OnClientSubmit">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientModeChange(sender, args)
{
var editor = sender;
}
</script>
function OnClientModeChange(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientModeChange="OnClientModeChange">
....
</radsld:RadEditor>
runat= "server"
OnClientModeChange="OnClientModeChange">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientSelectionChange(sender, args)
{
var editor = sender;
}
</script>
function OnClientSelectionChange(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientSelectionChange="OnClientSelectionChange">
....
</radsld:RadEditor>
runat= "server"
OnClientSelectionChange="OnClientSelectionChange">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientCommandExecuting(sender, args)
{
var editor = sender;
}
</script>
function OnClientCommandExecuting(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadEditor1"
runat= "server"
OnClientCommandExecuting="OnClientCommandExecuting">
....
</radsld:RadEditor>
runat= "server"
OnClientCommandExecuting="OnClientCommandExecuting">
....
</radsld:RadEditor>
- sender, the RadEditor object.
- args.
<script type="text/javascript">
function OnClientCommandExecuted(sender, args)
{
var editor = sender;
}
</script>
function OnClientCommandExecuted(sender, args)
{
var editor = sender;
}
</script>
<radsld:RadEditor ID="RadWindow1"
runat= "server"
OnClientCommandExecuted="OnClientCommandExecuted">
....
</radsld:RadEditor>
runat= "server"
OnClientCommandExecuted="OnClientCommandExecuted">
....
</radsld:RadEditor>
<Content>
Telerik RadEditor<br>
the best <span style="COLOR: red">html editor</span> in the world
</Content>
</rade:RadEditor>
<asp:button id="btnSave" runat="server" text="Submit" onclick="btnSave_Click" /><br />
Content:<asp:label runat="server" id="LabelContent"></asp:label><br />
Text:<asp:label runat="server" id="LabelText"></asp:label><br />
Private Sub btnSave_Click(sender As Object, e As System.EventArgs)
'HtmlEncode the content of the editor to display the HTML tags
LabelContent.Text = Server.HtmlEncode(RadEditor1.Content);
LabelText.Text = Server.HtmlEncode(RadEditor1.Text);
End Sub
private void btnSave_Click(object sender, System.EventArgs e)
{
//HtmlEncode the content of the editor to display the HTML tags
LabelContent.Text = Server.HtmlEncode(RadEditor1.Content);
LabelText.Text = Server.HtmlEncode(RadEditor1.Text);
}
-
None Doesn't strip anything, asks a question when MS Word formatting was detected. -
NoneSupressCleanMessage Doesn't strip anything and does not ask a question. -
MSWord Strips only MSWord related attributes and tags. -
MSWordNoFonts Strips the MSWord related attributes and tags and font tags. -
MSWordRemoveAll Strips MSWord related attributes and tags, font tags and font size attributes. -
Css Removes style attributes. -
Font Removes Font tags. -
Span Clears Span tags. -
AllExceptNewLines Clears all tags except "br" and new lines (\n) on paste. -
All Remove all HTML formatting.
-
RemoveScripts This filter removes script tags from the editor content. Disable the filter if you want to insert script tags in the content. -
MakeUrlsAbsolute This filter makes all URLs in the editor content absolute (e.g. "http://server/page.html" instead of "page.html"). This filter is DISABLED by default. -
FixUlBoldItalic This filter changes the deprecated u tag to a span with CSS style. -
IECleanAnchors Internet Explorer only - This filter removes the current page url from all anchor(#) links to the same page. -
FixEnclosingP This filter removes a parent paragraph tag if the whole content is inside it. -
MozEmStrong This filter changes b to strong and i to em in Mozilla browsers. -
ConvertFontToSpan This filter changes deprecated font tags to compliant span tags. -
ConvertToXhtml This filter converts the HTML from the editor content area to XHTML. -
IndentHTMLContent This filter indents the HTML content so it is more readable when you view the code. -
OptimizeSpans This filter tries to decrease the number of nested spans in the editor content. -
ConvertCharactersToEntities This filter converts reserved characters to their html entity names. -
ConvertInlineStylesToAttributes This filter converts XHTML compliant inline style attributes to Email compliant element attributes. -
DefaultFilters The default editor behavior. All content filters except MakeUrlsAbsolute are activated.
GridKnownFunction.Contains
GridKnownFunction.Custom
GridKnownFunction.DoesNotContain
GridKnownFunction.EndsWith
GridKnownFunction.EqualTo
GridKnownFunction.GreaterThan
GridKnownFunction.GridKnownFunction
GridKnownFunction.GreaterThanOrEqualTo
GridKnownFunction.IsEmpty
GridKnownFunction.IsNull
GridKnownFunction.LessThan
GridKnownFunction.LessThanOrEqualTo
GridKnownFunction.NoFilter
GridKnownFunction.NotBetween
GridKnownFunction.NotEqualTo
GridKnownFunction.NotIsEmpty
GridKnownFunction.NotIsNull
GridKnownFunction.StartsWith
GridKnownFunction.Custom
GridKnownFunction.DoesNotContain
GridKnownFunction.EndsWith
GridKnownFunction.EqualTo
GridKnownFunction.GreaterThan
GridKnownFunction.GridKnownFunction
GridKnownFunction.GreaterThanOrEqualTo
GridKnownFunction.IsEmpty
GridKnownFunction.IsNull
GridKnownFunction.LessThan
GridKnownFunction.LessThanOrEqualTo
GridKnownFunction.NoFilter
GridKnownFunction.NotEqualTo
GridKnownFunction.NotIsEmpty
GridKnownFunction.NotIsNull
GridKnownFunction.StartsWith
Telerik.Web.UI.GridFilterListOptions.VaryByDataType
Telerik.Web.UI.GridFilterListOptions.VaryByDataTypeAllowCustom
<radG:GridBoundColumn
DataField="ContactName"
HeaderText="ContactName"
SortExpression="ContactName"
UniqueName="ContactName"
Groupable="false">
</radG:GridBoundColumn>
Telerik.Web.UI.GridHeaderButtonType.PushButton
Telerik.Web.UI.GridHeaderButtonType.TextButton
protected void RadGrid1_PreRender(object sender, EventArgs e)
{
foreach (GridBoundColumn column in RadGrid1.MasterTableView.Columns)
{
Response.Write(column.UniqueName + column.OrderIndex + "<br>");
}
RadGrid1.MasterTableView.SwapColumns(2, 4);
foreach (GridBoundColumn column in RadGrid1.MasterTableView.Columns)
{
Response.Write(column.UniqueName + column.OrderIndex + "<br>");
}
}
Protected Sub RadGrid1_PreRender(sender As Object, e As EventArgs)
Dim column As GridBoundColumn
For Each column In RadGrid1.MasterTableView.Columns
Response.Write((column.UniqueName + column.OrderIndex + "<br>"))
Next column
RadGrid1.MasterTableView.SwapColumns(2, 4)
Dim column As GridBoundColumn
For Each column In RadGrid1.MasterTableView.Columns
Response.Write((column.UniqueName + column.OrderIndex + "<br>"))
Next column
End Sub 'RadGrid1_PreRender
protected void RadGrid1_PreRender(object sender, EventArgs e)
|
<radG:GridTemplateColumn
|
if (e.Item is GridDataItem)
{
GridDataItem gridDataItem = e.Item as GridDataItem;
HeaderText="CustomerID"
SortExpression="CustomerID"
UniqueName="CustomerID"
EditFormHeaderTextFormat="{0} is currently in edit mode" >
</radG:GridBoundColumn>
- Boolean
- Byte
- Char
- DateTime
- Decimal
- Double
- Int16
- Int32
- Int64
- SByte
- Single
- String
- TimeSpan
- UInt16
- UInt32
- UInt64
Gets or sets a bool value indicating whether the [MaxNumberOfItems] visible items will be the ones with the biggest weight, or the ones that occur first in the DataSource. The default value is false.
When none are specified, the Char.IsPunctuation(Char c) method is used to check whether a character is punctuation mark. The property should be used in conjuction with the following properties: Text.
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public TagCloudDataItem[] WebServiceMethodName(int itemIndex, int itemCount)
{
List<TagCloudDataItem> result = new List<TagCloudDataItem>();
TagCloudDataItem item;
for (int i = 0; i < itemCount; i++)
{
item = new RadTagCloudItemData();
item.accessKey = "";
item.navigateUrl = "";
item.tabIndex = "";
item.text = "";
item.toolTip = "";
item.value = "";
item.weight = 0;
result.Add(item);
}
return result.ToArray();
}
}
- sender, the RadSlider object.
- args.
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnValueChanged="OnValueChanged">
....
</telerik:RadSlider>
runat= "server"
OnValueChanged="OnValueChanged">
....
</telerik:RadSlider>
private void Page_Load(object sender, System.EventArgs e)
{
RadSlider1.DbValue = tableRow["SliderValue"];
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadSlider1.DbValue = tableRow("SliderValue")
End Sub
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientLoad(sender, args)
{
var slider = sender;
}
</script>
function OnClientLoad(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientLoad="OnClientLoad">
....
</telerik:RadSlider>
runat= "server"
OnClientLoad="OnClientLoad">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnSlideBeginHandler(sender, args)
{
var slider = sender;
}
</script>
function OnSlideBeginHandler(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientSlideStart="OnSlideBeginHandler">
....
</telerik:RadSlider>
runat= "server"
OnClientSlideStart="OnSlideBeginHandler">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnSlidingHandler(sender, args)
{
var slider = sender;
}
</script>
function OnSlidingHandler(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientSlide="OnSlidingHandler">
....
</telerik:RadSlider>
runat= "server"
OnClientSlide="OnSlidingHandler">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnSlideHandler(sender, args)
{
var slider = sender;
}
</script>
function OnSlideHandler(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientSlideEnd="OnSlideHandler">
....
</telerik:RadSlider>
runat= "server"
OnClientSlideEnd="OnSlideHandler">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientSlideRangeStart(sender, args)
{
var slider = sender;
}
</script>
function OnClientSlideRangeStart(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientSlideRangeStart="OnClientSlideRangeStart">
....
</telerik:RadSlider>
runat= "server"
OnClientSlideRangeStart="OnClientSlideRangeStart">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientSlideRange(sender, args)
{
var slider = sender;
}
</script>
function OnClientSlideRange(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientSlideRange="OnClientSlideRange">
....
</telerik:RadSlider>
runat= "server"
OnClientSlideRange="OnClientSlideRange">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientSlideRangeEnd(sender, args)
{
var slider = sender;
}
</script>
function OnClientSlideRangeEnd(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientSlideRangeEnd="OnClientSlideRangeEnd">
....
</telerik:RadSlider>
runat= "server"
OnClientSlideRangeEnd="OnClientSlideRangeEnd">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientValueChanged(sender, args)
{
var slider = sender;
}
</script>
function OnClientValueChanged(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientValueChanged="OnClientValueChanged">
....
</telerik:RadSlider>
runat= "server"
OnClientValueChanged="OnClientValueChanged">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientValueChanging(sender, args)
{
var slider = sender;
}
</script>
function OnClientValueChanging(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientValueChanging="OnClientValueChanging">
....
</telerik:RadSlider>
runat= "server"
OnClientValueChanging="OnClientValueChanging">
....
</telerik:RadSlider>
- sender, the RadSlider object.
- args.
<script type="text/javascript">
function OnClientItemsCreated(sender, args)
{
var slider = sender;
}
</script>
function OnClientItemsCreated(sender, args)
{
var slider = sender;
}
</script>
<telerik:RadSlider ID="RadSlider1"
runat= "server"
OnClientItemsCreated="OnClientItemsCreated">
....
</telerik:RadSlider>
runat= "server"
OnClientItemsCreated="OnClientItemsCreated">
....
</telerik:RadSlider>
- sender, the pane object that raised the event
- args
<script type="text/javascript">
function OnClientCollapsed(sender, args)
{
alert(sender.get_id());
}
</script>
function OnClientCollapsed(sender, args)
{
alert(sender.get_id());
}
</script>
<radspl:RadPane ID="RadPane1"
runat= "server"
OnClientCollapsed="OnClientCollapsed">
....
</radspl:RadPane>
runat= "server"
OnClientCollapsed="OnClientCollapsed">
....
</radspl:RadPane>
- sender, the pane object that raised the event
- args
<script type="text/javascript">
function OnClientCollapsing(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
function OnClientCollapsing(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
<radspl:RadPane ID="RadPane1"
runat= "server"
OnClientCollapsing="OnClientCollapsing">
....
</radspl:RadPane>
runat= "server"
OnClientCollapsing="OnClientCollapsing">
....
</radspl:RadPane>
- sender, the pane object that raised the event
- args
<script type="text/javascript">
function OnClientExpanded(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
function OnClientExpanded(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
<radspl:RadPane ID="RadPane1"
runat= "server"
OnClientExpanded="OnClientExpanded">
....
</radspl:RadPane>
runat= "server"
OnClientExpanded="OnClientExpanded">
....
</radspl:RadPane>
- sender, the pane object that raised the event
- args
<script type="text/javascript">
function OnClientExpanding(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
function OnClientExpanding(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
<radspl:RadPane ID="RadPane1"
runat= "server"
OnClientExpanding="OnClientExpanding">
....
</radspl:RadPane>
runat= "server"
OnClientExpanding="OnClientExpanding">
....
</radspl:RadPane>
- sender, the pane object that raised the event
- args with the following methods:
- get_oldWidth - the width of the pane before the resize
- get_oldHeight - the height of the pane before the resize
<script type="text/javascript">
function OnClientResized(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
function OnClientResized(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
<radspl:RadPane ID="RadPane1"
runat= "server"
OnClientResized="OnClientResized">
....
</radspl:RadPane>
runat= "server"
OnClientResized="OnClientResized">
....
</radspl:RadPane>
- sender, the event object
- args with the following methods:
- get_delta - the delta with which the pane will be resized
- get_resizeDirection - the direction in which the pane will be resized. You can use the Telerik.Web.UI.SplitterDirection hash to check the direction. The 2 possible values are : Forward and Backward
<script type="text/javascript">
function OnClientResizing(sender, eventArgs)
{
alert(sender.get_id());
eventArgs.set_cancel(true);//cancel the event
}
</script>
function OnClientResizing(sender, eventArgs)
{
alert(sender.get_id());
eventArgs.set_cancel(true);//cancel the event
}
</script>
<radspl:RadPane ID="RadPane1"
runat= "server"
OnClientResizing="OnClientResizing">
....
</radspl:RadPane>
runat= "server"
OnClientResizing="OnClientResizing">
....
</radspl:RadPane>
- sender, the RadSlidingPane client object that fired the event
- args
<script type="text/javascript">
function OnClientDocked(sender, args)
{
alert(sender.get_id());
}
</script>
function OnClientDocked(sender, args)
{
alert(sender.get_id());
}
</script>
<radspl:RadSlidingPane ID="RadSlidingPane1"
runat= "server"
OnClientDocked="OnClientDocked">
....
</radspl:RadSlidingPane>
runat= "server"
OnClientDocked="OnClientDocked">
....
</radspl:RadSlidingPane>
- sender, the RadSlidingPane client object that fired the event
- args
<script type="text/javascript">
function OnClientUndocked(sender, args)
{
alert(sender.get_id());
}
</script>
function OnClientUndocked(sender, args)
{
alert(sender.get_id());
}
</script>
<radspl:RadSlidingPane ID="RadSlidingPane1"
runat= "server"
OnClientUndocked="OnClientUndocked">
....
</radspl:RadSlidingPane>
runat= "server"
OnClientUndocked="OnClientUndocked">
....
</radspl:RadSlidingPane>
- sender, the RadSlidingPane client object that fired the event
- args
<script type="text/javascript">
function OnClientDocking(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
function OnClientDocking(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
<radspl:RadSlidingPane ID="RadSlidingPane1"
runat= "server"
OnClientDocking="OnClientDocking">
....
</radspl:RadSlidingPane>
runat= "server"
OnClientDocking="OnClientDocking">
....
</radspl:RadSlidingPane>
- sender, the RadSlidingPane client object that fired the event
- args
<script type="text/javascript">
function OnClientUndocking(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
function OnClientUndocking(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
<radspl:RadSlidingPane ID="RadSlidingPane1"
runat= "server"
OnClientUndocking="OnClientUndocking">
....
</radspl:RadSlidingPane>
runat= "server"
OnClientUndocking="OnClientUndocking">
....
</radspl:RadSlidingPane>
void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadPane pane1 = new RadPane();
RadSplitter1.Items.Add(pane1);
RadSplitbar splitBar1 = new RadSplitBar();
RadSplitter1.Items.Add(splitBar1);
RadPane pane2 = new RadPane();
RadSplitter1.Items.Add(pane2);
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Dim pane1 As RadPane = New RadPane()
RadSplitter1.Items.Add(pane1)
Dim splitBar1 As RadSplitbar = New RadSplitBar()
RadSplitter1.Items.Add(splitBar1)
Dim pane2 As RadPane = New RadPane()
RadSplitter1.Items.Add(pane2)
End If
End Sub
- sender, the RadSlidingZone that fired the event
- args
<script type="text/javascript">
function OnClientLoad(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
function OnClientLoad(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
<radspl:RadSlidingZone ID="RadSlidingZone1"
runat= "server"
OnClientLoad="OnClientLoad">
....
</radspl:RadSlidingZone>
runat= "server"
OnClientLoad="OnClientLoad">
....
</radspl:RadSlidingZone>
- sender, the RadSplitter that fired the event
- args
<script type="text/javascript">
function OnClientLoad(sender, args)
{
alert(sender.get_id());
}
</script>
function OnClientLoad(sender, args)
{
alert(sender.get_id());
}
</script>
<radspl:RadSplitter ID="RadSplitter1"
runat= "server"
OnClientLoad="OnClientLoad">
....
</radspl:RadSplitter>
runat= "server"
OnClientLoad="OnClientLoad">
....
</radspl:RadSplitter>
- sender, the event object
- eventArgs with the following methods:
- get_oldWidth - the width of the splitter before the resize
- get_oldHeight - the height of the splitter before the resize
<script type="text/javascript">
function OnClientResizedHandler(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
function OnClientResizedHandler(sender, eventArgs)
{
alert(sender.get_id());
}
</script>
<radspl:RadSplitter ID="RadSplitter1"
runat= "server"
OnClientResized="OnClientResizedHandler">
....
</radspl:RadSplitter>
runat= "server"
OnClientResized="OnClientResizedHandler">
....
</radspl:RadSplitter>
- sender, the RadSplitter that fired the event
- args with the following methods:
- get_newWidth - the new width that will be applied to the RadSplitter object
- get_newHeight - the new height that will be applied to the RadSplitter object
<script type="text/javascript">
function OnClientResizing(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
function OnClientResizing(sender, args)
{
alert(sender.get_id());
args.set_cancel(true);//cancel the event
}
</script>
<radspl:RadSplitter ID="RadSplitter1"
runat= "server"
OnClientResizing="OnClientResizing">
....
</radspl:RadSplitter>
runat= "server"
OnClientResizing="OnClientResizing">
....
</radspl:RadSplitter>
-
Use the
indexer to programmatically retrieve a single SplitterItem from the collection, using array notation. - Use the Count property to determine the total number of panes in the collection.
-
Use the
Add method to add panes in the collection. -
Use the
Remove method to remove panes from the collection.
RadPane pane = new RadPane();
RadMenu1.Panes.Add(pane);
Dim pane As RadPane = New RadPane()
RadMenu1.Panes.Add(pane)
RadPane pane = RadSplitter1.GetPaneById("pane1");
if (pane != null)
{
RadSplitter1.Panes.Remove(pane);
}
Dim pane As RadPane = RadSplitter1.GetPaneById("pane1")
If Not pane Is Nothing Then
RadSplitter1.Panes.Remove(pane)
End If
private void Button1_Click(object sender, System.EventArgs e)
{
RadAjaxManager1.Redirect("support.aspx");
}
Private Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
RadAjaxManager1.Redirect("support.aspx")
End Sub 'Button1_Click
private void Button1_Click(object sender, System.EventArgs e)
{
if (!UserAccessAllowed(UserProfile))
{
RadAjaxManager1.Alert("You are not allowed to access this user control!");
}
else
{
LoadSecretControl();
}
}
Private Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
If Not UserAccessAllowed(UserProfile) Then
RadAjaxManager1.Alert("You are not allowed to access this user control!")
Else
LoadSecretControl()
End If
End Sub 'Button1_Click
-
None Does not allow range selection. -
OnKeyHold Allow range selection by pressing [Shift] key and clicking on the date. -
None Allow range selection by clicking consecutively two dates.
Layout_7columns_x_6rows - horizontal layout
Layout_14columns_x_3rows - horizontal layout
Layout_21columns_x_2rows - horizontal layout
Layout_7rows_x_6columns - vertical layout, required when UseDaysAsSelectors is true and Orientation is set to RenderInColumns.
Layout_14rows_x_3columns - vertical layout, required when UseDaysAsSelectors is true and Orientation is set to RenderInColumns.
Layout_21rows_x_2columns - vertical layout, required when UseDaysAsSelectors is true and Orientation is set to RenderInColumns.
-
Center The contents of a container are centered. -
Justify The contents of a container are uniformly spread out and aligned with both the left and right margins. -
Left The contents of a container are left justified. -
NotSet The horizontal alignment is not set. -
Right The contents of a container are right justified.
-
Bottom Text or object is aligned with the bottom of the enclosing control. -
Middle Text or object is aligned with the center of the enclosing control. -
NotSet Vertical alignment is not set. -
Top Text or object is aligned with the top of the enclosing control.
-
Default The first day of the week is specified by the system settings. -
Friday The first day of the week is Friday. -
Monday The first day of the week is Monday. -
Saturday The first day of the week is Saturday. -
Sunday The first day of the week is Sunday. -
Thursday The first day of the week is Thursday. -
Tuesday The first day of the week is Tuesday. -
Wednesday The first day of the week is Wednesday.
Note Both the SelectedDate property and the SelectedDates collection are updated before the SelectionChanged event is raised. You can override the date selection by using the OnSelectionChanged event handler to manually set the SelectedDate property. The SelectionChanged event does not get raised when this property is programmatically set.
Note Both the SelectedDate property and the SelectedDates collection are updated before the SelectionChanged event is raised.You can override the dates selection by using the OnSelectionChanged event handler to manually set the SelectedDates collection. The SelectionChanged event is not raised when this collection is programmatically set.
-
FirstLetter The days of the week displayed with just the first letter. For example, T. -
FirstTwoLetters The days of the week displayed with just the first two letters. For example, Tu. -
Full The days of the week displayed in full format. For example, Tuesday. -
Short The days of the week displayed in abbreviated format. For example, Tues.
Note: In this version of RadCalendar the NumberFormatInfo instance returned by the NumberFormat property is not taken into account.
| Culture Name | Culture Identifier | Language-Country/Region |
|---|---|---|
| "" (empty string) | 0x007F | invariant culture |
| af | 0x0036 | Afrikaans |
| af-ZA | 0x0436 | Afrikaans - South Africa |
| sq | 0x001C | Albanian |
| sq-AL | 0x041C | Albanian - Albania |
| ar | 0x0001 | Arabic |
| ar-DZ | 0x1401 | Arabic - Algeria |
| ar-BH | 0x3C01 | Arabic - Bahrain |
| ar-EG | 0x0C01 | Arabic - Egypt |
| ar-IQ | 0x0801 | Arabic - Iraq |
| ar-JO | 0x2C01 | Arabic - Jordan |
| ar-KW | 0x3401 | Arabic - Kuwait |
| ar-LB | 0x3001 | Arabic - Lebanon |
| ar-LY | 0x1001 | Arabic - Libya |
| ar-MA | 0x1801 | Arabic - Morocco |
| ar-OM | 0x2001 | Arabic - Oman |
| ar-QA | 0x4001 | Arabic - Qatar |
| ar-SA | 0x0401 | Arabic - Saudi Arabia |
| ar-SY | 0x2801 | Arabic - Syria |
| ar-TN | 0x1C01 | Arabic - Tunisia |
| ar-AE | 0x3801 | Arabic - United Arab Emirates |
| ar-YE | 0x2401 | Arabic - Yemen |
| hy | 0x002B | Armenian |
| hy-AM | 0x042B | Armenian - Armenia |
| az | 0x002C | Azeri |
| az-AZ-Cyrl | 0x082C | Azeri (Cyrillic) - Azerbaijan |
| az-AZ-Latn | 0x042C | Azeri (Latin) - Azerbaijan |
| eu | 0x002D | Basque |
| eu-ES | 0x042D | Basque - Basque |
| be | 0x0023 | Belarusian |
| be-BY | 0x0423 | Belarusian - Belarus |
| bg | 0x0002 | Bulgarian |
| bg-BG | 0x0402 | Bulgarian - Bulgaria |
| ca | 0x0003 | Catalan |
| ca-ES | 0x0403 | Catalan - Catalan |
| zh-HK | 0x0C04 | Chinese - Hong Kong SAR |
| zh-MO | 0x1404 | Chinese - Macau SAR |
| zh-CN | 0x0804 | Chinese - China |
| zh-CHS | 0x0004 | Chinese (Simplified) |
| zh-SG | 0x1004 | Chinese - Singapore |
| zh-TW | 0x0404 | Chinese - Taiwan |
| zh-CHT | 0x7C04 | Chinese (Traditional) |
| hr | 0x001A | Croatian |
| hr-HR | 0x041A | Croatian - Croatia |
| cs | 0x0005 | Czech |
| cs-CZ | 0x0405 | Czech - Czech Republic |
| da | 0x0006 | Danish |
| da-DK | 0x0406 | Danish - Denmark |
| div | 0x0065 | Dhivehi |
| div-MV | 0x0465 | Dhivehi - Maldives |
| nl | 0x0013 | Dutch |
| nl-BE | 0x0813 | Dutch - Belgium |
| nl-NL | 0x0413 | Dutch - The Netherlands |
| en | 0x0009 | English |
| en-AU | 0x0C09 | English - Australia |
| en-BZ | 0x2809 | English - Belize |
| en-CA | 0x1009 | English - Canada |
| en-CB | 0x2409 | English - Caribbean |
| en-IE | 0x1809 | English - Ireland |
| en-JM | 0x2009 | English - Jamaica |
| en-NZ | 0x1409 | English - New Zealand |
| en-PH | 0x3409 | English - Philippines |
| en-ZA | 0x1C09 | English - South Africa |
| en-TT | 0x2C09 | English - Trinidad and Tobago |
| en-GB | 0x0809 | English - United Kingdom |
| en-US | 0x0409 | English - United States |
| en-ZW | 0x3009 | English - Zimbabwe |
| et | 0x0025 | Estonian |
| et-EE | 0x0425 | Estonian - Estonia |
| fo | 0x0038 | Faroese |
| fo-FO | 0x0438 | Faroese - Faroe Islands |
| fa | 0x0029 | Farsi |
| fa-IR | 0x0429 | Farsi - Iran |
| fi | 0x000B | Finnish |
| fi-FI | 0x040B | Finnish - Finland |
| fr | 0x000C | French |
| fr-BE | 0x080C | French - Belgium |
| fr-CA | 0x0C0C | French - Canada |
| fr-FR | 0x040C | French - France |
| fr-LU | 0x140C | French - Luxembourg |
| fr-MC | 0x180C | French - Monaco |
| fr-CH | 0x100C | French - Switzerland |
| gl | 0x0056 | Galician |
| gl-ES | 0x0456 | Galician - Galician |
| ka | 0x0037 | Georgian |
| ka-GE | 0x0437 | Georgian - Georgia |
| de | 0x0007 | German |
| de-AT | 0x0C07 | German - Austria |
| de-DE | 0x0407 | German - Germany |
| de-LI | 0x1407 | German - Liechtenstein |
| de-LU | 0x1007 | German - Luxembourg |
| de-CH | 0x0807 | German - Switzerland |
| el | 0x0008 | Greek |
| el-GR | 0x0408 | Greek - Greece |
| gu | 0x0047 | Gujarati |
| gu-IN | 0x0447 | Gujarati - India |
| he | 0x000D | Hebrew |
| he-IL | 0x040D | Hebrew - Israel |
| hi | 0x0039 | Hindi |
| hi-IN | 0x0439 | Hindi - India |
| hu | 0x000E | Hungarian |
| hu-HU | 0x040E | Hungarian - Hungary |
| is | 0x000F | Icelandic |
| is-IS | 0x040F | Icelandic - Iceland |
| id | 0x0021 | Indonesian |
| id-ID | 0x0421 | Indonesian - Indonesia |
| it | 0x0010 | Italian |
| it-IT | 0x0410 | Italian - Italy |
| it-CH | 0x0810 | Italian - Switzerland |
| ja | 0x0011 | Japanese |
| ja-JP | 0x0411 | Japanese - Japan |
| kn | 0x004B | Kannada |
| kn-IN | 0x044B | Kannada - India |
| kk | 0x003F | Kazakh |
| kk-KZ | 0x043F | Kazakh - Kazakhstan |
| kok | 0x0057 | Konkani |
| kok-IN | 0x0457 | Konkani - India |
| ko | 0x0012 | Korean |
| ko-KR | 0x0412 | Korean - Korea |
| ky | 0x0040 | Kyrgyz |
| ky-KZ | 0x0440 | Kyrgyz - Kazakhstan |
| lv | 0x0026 | Latvian |
| lv-LV | 0x0426 | Latvian - Latvia |
| lt | 0x0027 | Lithuanian |
| lt-LT | 0x0427 | Lithuanian - Lithuania |
| mk | 0x002F | Macedonian |
| mk-MK | 0x042F | Macedonian - FYROM |
| ms | 0x003E | Malay |
| ms-BN | 0x083E | Malay - Brunei |
| ms-MY | 0x043E | Malay - Malaysia |
| mr | 0x004E | Marathi |
| mr-IN | 0x044E | Marathi - India |
| mn | 0x0050 | Mongolian |
| mn-MN | 0x0450 | Mongolian - Mongolia |
| no | 0x0014 | Norwegian |
| nb-NO | 0x0414 | Norwegian (Bokmål) - Norway |
| nn-NO | 0x0814 | Norwegian (Nynorsk) - Norway |
| pl | 0x0015 | Polish |
| pl-PL | 0x0415 | Polish - Poland |
| pt | 0x0016 | Portuguese |
| pt-BR | 0x0416 | Portuguese - Brazil |
| pt-PT | 0x0816 | Portuguese - Portugal |
| pa | 0x0046 | Punjabi |
| pa-IN | 0x0446 | Punjabi - India |
| ro | 0x0018 | Romanian |
| ro-RO | 0x0418 | Romanian - Romania |
| ru | 0x0019 | Russian |
| ru-RU | 0x0419 | Russian - Russia |
| sa | 0x004F | Sanskrit |
| sa-IN | 0x044F | Sanskrit - India |
| sr-SP-Cyrl | 0x0C1A | Serbian (Cyrillic) - Serbia |
| sr-SP-Latn | 0x081A | Serbian (Latin) - Serbia |
| sk | 0x001B | Slovak |
| sk-SK | 0x041B | Slovak - Slovakia |
| sl | 0x0024 | Slovenian |
| sl-SI | 0x0424 | Slovenian - Slovenia |
| es | 0x000A | Spanish |
| es-AR | 0x2C0A | Spanish - Argentina |
| es-BO | 0x400A | Spanish - Bolivia |
| es-CL | 0x340A | Spanish - Chile |
| es-CO | 0x240A | Spanish - Colombia |
| es-CR | 0x140A | Spanish - Costa Rica |
| es-DO | 0x1C0A | Spanish - Dominican Republic |
| es-EC | 0x300A | Spanish - Ecuador |
| es-SV | 0x440A | Spanish - El Salvador |
| es-GT | 0x100A | Spanish - Guatemala |
| es-HN | 0x480A | Spanish - Honduras |
| es-MX | 0x080A | Spanish - Mexico |
| es-NI | 0x4C0A | Spanish - Nicaragua |
| es-PA | 0x180A | Spanish - Panama |
| es-PY | 0x3C0A | Spanish - Paraguay |
| es-PE | 0x280A | Spanish - Peru |
| es-PR | 0x500A | Spanish - Puerto Rico |
| es-ES | 0x0C0A | Spanish - Spain |
| es-UY | 0x380A | Spanish - Uruguay |
| es-VE | 0x200A | Spanish - Venezuela |
| sw | 0x0041 | Swahili |
| sw-KE | 0x0441 | Swahili - Kenya |
| sv | 0x001D | Swedish |
| sv-FI | 0x081D | Swedish - Finland |
| sv-SE | 0x041D | Swedish - Sweden |
| syr | 0x005A | Syriac |
| syr-SY | 0x045A | Syriac - Syria |
| ta | 0x0049 | Tamil |
| ta-IN | 0x0449 | Tamil - India |
| tt | 0x0044 | Tatar |
| tt-RU | 0x0444 | Tatar - Russia |
| te | 0x004A | Telugu |
| te-IN | 0x044A | Telugu - India |
| th | 0x001E | Thai |
| th-TH | 0x041E | Thai - Thailand |
| tr | 0x001F | Turkish |
| tr-TR | 0x041F | Turkish - Turkey |
| uk | 0x0022 | Ukrainian |
| uk-UA | 0x0422 | Ukrainian - Ukraine |
| ur | 0x0020 | Urdu |
| ur-PK | 0x0420 | Urdu - Pakistan |
| uz | 0x0043 | Uzbek |
| uz-UZ-Cyrl | 0x0843 | Uzbek (Cyrillic) - Uzbekistan |
| uz-UZ-Latn | 0x0443 | Uzbek (Latin) - Uzbekistan |
| vi | 0x002A | Vietnamese |
| vi-VN | 0x042A | Vietnamese - Vietnam |
-
Interactive Interactive - user is allowed to select dates, navigate, etc. -
Preview Preview - does not allow user interaction, for presentation purposes only.
-
RenderInRows Renders the calendar data row after row. -
RenderInColumns RenderInColumns - Renders the calendar data column after column. -
None Enforces fallback to the default Orientation for Telerik RadCalendar.
CAUTION This control can be used to display user input, which might include malicious client script. Check any information that is sent from a client for executable script, SQL statements, or other code before displaying it in your application. ASP.NET provides an input request validation feature to block script and HTML in user input. Validation server controls are also provided to assess user input. For more information, see Validation Server Controls in MSDN.
CAUTION This control can be used to display user input, which might include malicious client script. Check any information that is sent from a client for executable script, SQL statements, or other code before displaying it in your application. ASP.NET provides an input request validation feature to block script and HTML in user input. Validation server controls are also provided to assess user input. For more information, see Validation Server Controls in MSDN.
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
Example when skin is NOT defined:
ImagesBaseDir = "Img/"
RowSelectorImage = "nav.gif"
complete image URL : "Img/nav.gif"
SkinPath = "RadControls/Calendar/Skins/"
RowSelectorImage = "nav.gif"
complete image URL : "RadControls/Calendar/Skins/nav.gif"
Example when skin is NOT defined:
ImagesBaseDir = "Img/"
RowSelectorImage = "nav.gif"
complete image URL : "Img/nav.gif"
SkinPath = "RadControls/Calendar/Skins/"
RowSelectorImage = "nav.gif"
complete image URL : "RadControls/Calendar/Skins/nav.gif"
Example when skin is NOT defined:
ImagesBaseDir = "Img/"
RowSelectorImage = "nav.gif"
complete image URL : "Img/nav.gif"
SkinPath = "RadControls/Calendar/Skins/"
RowSelectorImage = "nav.gif"
complete image URL : "RadControls/Calendar/Skins/nav.gif"
Example when skin is NOT defined:
ImagesBaseDir = "Img/"
RowSelectorImage = "nav.gif"
complete image URL : "Img/nav.gif"
SkinPath = "RadControls/Calendar/Skins/"
RowSelectorImage = "nav.gif"
complete image URL : "RadControls/Calendar/Skins/nav.gif"
-
Center The contents of a container are centered. -
Justify The contents of a container are uniformly spread out and aligned with both the left and right margins. -
Left The contents of a container are left justified. -
NotSet The horizontal alignment is not set. -
Right The contents of a container are right justified.
- "d" is the standard short date pattern.
- "%d" returns the day of the month; "%d" is a custom pattern.
- "d " returns the day of the month followed by a white-space character; "d " is a custom pattern.
- "d" is the standard short date pattern.
- "%d" returns the day of the month; "%d" is a custom pattern.
- "d " returns the day of the month followed by a white-space character; "d " is a custom pattern.
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
ShowRowHeaders = "true"
ImagesBaseDir = "Img/"
RowHeaderImage = "selector.gif"
complete image URL : "Img/selector.gif"
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
ImagesBaseDir = "Img/"
ColumnHeaderImage = "selector.gif"
complete image URL : "Img/selector.gif"
-
This property does not automatically encode to HTML. You need to convert special characters to the appropriate HTML value, unless you want the characters to be treated as HTML. For example, to explicitly display the greater than symbol (>), you must use the value >.
ImagesBaseDir = "Img/"
ViewSelectorImage = "selector.gif"
complete image URL : "Img/selector.gif"
private void Page_Load(object sender, System.EventArgs e)
{
RadDateInput dateInput = new RadDateInput();
dateInput.ID = "dateInput";
dateInput.Format = "d"; //Short date format
dateInput.Culture = new CultureInfo("en-US");
dateInput.SelectedDate = DateTime.Now;
DateInputPlaceholder.Controls.Add(dateInput);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim dateInput As New RadDateInput()
dateInput.ID = "dateInput"
dateInput.Format = "d" 'Short Date Format
dateInput.Culture = New CultureInfo("en-US")
dateInput.SelectedDate = DateTime.Now
DateInputPlaceholder.Controls.Add(dateInput)
End Sub
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
protected void RadTextBox1_TextChanged(object sender, EventArgs e)
{
this.RadTextBox1.Label = this.RadTextBox1.Text;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<radI:RadTextBox ID="RadTextBox1" AutoPostBack="true" EmptyMessage="Type Here" Label="Default Label: " runat="server" OnTextChanged="RadTextBox1_TextChanged">
</radI:RadTextBox>
</form>
</body>
</html>
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
protected void Page_Load(Object sender, EventArgs e)
{
int Answer;
// Due to a timing issue with when page validation occurs, call the
// Validate method to ensure that the values on the page are valid.
Page.Validate();
// Add the values in the text boxes if the page is valid.
if(Page.IsValid)
{
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text);
AnswerMessage.Text = Answer.ToString();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter integer values into the text boxes.
<br />
The two values are automatically added
<br />
when you tab out of the text boxes.
<br />
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" AutoPostBack="True" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" AutoPostBack="True" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" EnableClientScript="False" Display="Dynamic"
runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
EnableClientScript="False" Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" EnableClientScript="False" Display="Dynamic"
runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
EnableClientScript="False" Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
</table>
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
Protected Sub Page_Load(sender As Object, e As EventArgs)
Dim Answer As Integer
' Due to a timing issue with when page validation occurs, call the
' Validate method to ensure that the values on the page are valid.
Page.Validate()
' Add the values in the text boxes if the page is valid.
If Page.IsValid Then
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text)
AnswerMessage.Text = Answer.ToString()
End If
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter Integer values into the text boxes.
<br />
The two values are automatically added
<br />
When you tab out of the text boxes.
<br />
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" AutoPostBack="True" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" AutoPostBack="True" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" EnableClientScript="False" Display="Dynamic"
runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
EnableClientScript="False" Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" EnableClientScript="False" Display="Dynamic"
runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
EnableClientScript="False" Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
</table>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
<title>AutoCompleteType example</title>
</head>
<body>
<form id="form1" runat="server">
<!-- You need to enable the AutoComplete feature on -->
<!-- a browser that supports it (such as Internet -->
<!-- Explorer 5.0 and later) for this sample to -->
<!-- work. The AutoComplete lists are created after -->
<!-- the Submit button is clicked. -->
<h3>
AutoCompleteType example</h3>
Enter values in the text boxes and click the Submit
<br />
button.
<br />
<br />
<!-- The following TextBox controls have different -->
<!-- categories assigned to their AutoCompleteType -->
<!-- properties. -->
First Name:<br />
<radI:RadTextBox ID="FirstNameTextBox" AutoCompleteType="FirstName" runat="server" />
<br />
Last Name:<br />
<radI:RadTextBox ID="LastNameTextBox" AutoCompleteType="LastName" runat="server" />
<br />
Email:<br />
<radI:RadTextBox ID="EmailTextBox" AutoCompleteType="Email" runat="server" />
<br />
<!-- The following TextBox controls have the same -->
<!-- categories assigned to their AutoCompleteType -->
<!-- properties. They share the same AutoComplete -->
<!-- list. -->
Phone Line #1:<br />
<radI:RadTextBox ID="Phone1TextBox" AutoCompleteType="HomePhone" runat="server" />
<br />
Phone Line #2:<br />
<radI:RadTextBox ID="Phone2TextBox" AutoCompleteType="HomePhone" runat="server" />
<br />
<!-- The following TextBox control has its -->
<!-- AutoCompleteType property set to -->
<!-- AutoCompleteType.None. All TextBox controls -->
<!-- with the same ID across different pages share -->
<!-- the same AutoComplete list. -->
Category:<br />
<radI:RadTextBox ID="CategoryTextBox" AutoCompleteType="None" runat="server" />
<br />
<!-- The following TextBox control has the -->
<!-- AutoComplete feature disabled. -->
Comments:<br />
<radI:RadTextBox ID="CommentsTextBox" AutoCompleteType="Disabled" runat="server" />
<br />
<br />
<br />
<asp:Button ID="SubmitButton" Text="Submit" runat="Server" />
</form>
</body>
</html>
</%@ Page Language="VB" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
<title>AutoCompleteType example</title>
</head>
<body>
<form id="form1" runat="server">
<!-- You need to enable the AutoComplete feature on -->
<!-- a browser that supports it (such as Internet -->
<!-- Explorer 5.0 and later) for this sample to -->
<!-- work. The AutoComplete lists are created after -->
<!-- the Submit button is clicked. -->
<h3>
AutoCompleteType example</h3>
Enter values in the text boxes and click the Submit
<br />
button.
<br />
<br />
<!-- The following TextBox controls have different -->
<!-- categories assigned to their AutoCompleteType -->
<!-- properties. -->
First Name:<br />
<radI:RadTextBox ID="FirstNameTextBox" AutoCompleteType="FirstName" runat="server" />
<br />
Last Name:<br />
<radI:RadTextBox ID="LastNameTextBox" AutoCompleteType="LastName" runat="server" />
<br />
Email:<br />
<radI:RadTextBox ID="EmailTextBox" AutoCompleteType="Email" runat="server" />
<br />
<!-- The following TextBox controls have the same -->
<!-- categories assigned to their AutoCompleteType -->
<!-- properties. They share the same AutoComplete -->
<!-- list. -->
Phone Line #1:<br />
<radI:RadTextBox ID="Phone1TextBox" AutoCompleteType="HomePhone" runat="server" />
<br />
Phone Line #2:<br />
<radI:RadTextBox ID="Phone2TextBox" AutoCompleteType="HomePhone" runat="server" />
<br />
<!-- The following TextBox control has its -->
<!-- AutoCompleteType property set to -->
<!-- AutoCompleteType.None. All TextBox controls -->
<!-- with the same ID across different pages share -->
<!-- the same AutoComplete list. -->
Category:<br />
<radI:RadTextBox ID="CategoryTextBox" AutoCompleteType="None" runat="server" />
<br />
<!-- The following TextBox control has the -->
<!-- AutoComplete feature disabled. -->
Comments:<br />
<radI:RadTextBox ID="CommentsTextBox" AutoCompleteType="Disabled" runat="server" />
<br />
<br />
<br />
<asp:Button ID="SubmitButton" Text="Submit" runat="Server" />
</form>
</body>
</html>
Supported in: 3.0, 2.0
Supported in: 3.0, 2.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
protected void AddButton_Click(Object sender, EventArgs e)
{
int Answer;
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text);
AnswerMessage.Text = Answer.ToString();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter integer values into the text boxes.
<br />
Click the Add button to add the two values.
<br />
Click the Reset button to reset the text boxes.
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
<tr align="center">
<td colspan="4">
<asp:Button ID="AddButton" Text="Add" OnClick="AddButton_Click" runat="server" />
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
Protected Sub AddButton_Click(sender As Object, e As EventArgs)
Dim Answer As Integer
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text)
AnswerMessage.Text = Answer.ToString()
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter Integer values into the text boxes.
<br />
Click the Add button To add the two values.
<br />
Click the Reset button To reset the text boxes.
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
<tr align="center">
<td colspan="4">
<asp:Button ID="AddButton" Text="Add" OnClick="AddButton_Click" runat="server" />
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine TextBox Example </title>
<script runat="server">
protected void SubmitButton_Click(Object sender, EventArgs e)
{
Message.Text = "Thank you for your comment: <br />" + Comment.Text;
}
protected void Check_Change(Object sender, EventArgs e)
{
Comment.Wrap = WrapCheckBox.Checked;
Comment.ReadOnly = ReadOnlyCheckBox.Checked;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine TextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine RadTextBox Example </title>
<script runat="server">
Protected Sub SubmitButton_Click(sender As Object, e As EventArgs )
Message.Text = "Thank you for your comment: <br />" + Comment.Text
End Sub
Protected Sub Check_Change(sender As Object, e As EventArgs )
Comment.Wrap = WrapCheckBox.Checked
Comment.ReadOnly = ReadOnlyCheckBox.Checked
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine RadTextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
<script runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
RadNumericTextBox1.EmptyMessage = RadNumericTextBox1.Text;
RadNumericTextBox1.Text = String.Empty;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="Type Here" ID="RadNumericTextBox1" runat="server">
</radI:RadTextBox>
<asp:Button ID="Button1" runat="server" Text="Set Empty Message" OnClick="Button1_Click" />
</form>
</body>
</html>
</%@ Page Language="VB" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<script runat="server">
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
RadNumericTextBox1.EmptyMessage = RadNumericTextBox1.Text
RadNumericTextBox1.Text = String.Empty
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="Type Here" ID="RadNumericTextBox1" runat="server">
</radI:RadTextBox>
<asp:Button ID="Button1" runat="server" Text="Set Empty Message" />
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
- None
- CaretToBeginning
- CaretToEnd
- SelectAll
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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 id="Head1" runat="server">
<title>RadTextBox selection</title>
<script runat="server">
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (DropDownList1.SelectedValue == "CaretToBeginning")
{
this.RadTextBox1.SelectionOnFocus = Telerik.WebControls.SelectionOnFocus.CaretToBeginning;
}
else if (DropDownList1.SelectedValue == "CaretToEnd")
{
this.RadTextBox1.SelectionOnFocus = Telerik.WebControls.SelectionOnFocus.CaretToEnd;
}
else if (DropDownList1.SelectedValue == "SelectAll")
{
this.RadTextBox1.SelectionOnFocus = Telerik.WebControls.SelectionOnFocus.SelectAll;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<radI:RadTextBox SelectionOnFocus="CaretToBeginning" ID="RadTextBox1" runat="server"></radI:RadTextBox>
<br />
<asp:DropDownList AutoPostBack="true" ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem Text="CaretToBeginning">CaretToBeginning</asp:ListItem>
<asp:ListItem Text="CaretToEnd">CaretToEnd</asp:ListItem>
<asp:ListItem Text="SelectAll">SelectAll</asp:ListItem>
</asp:DropDownList></div>
</form>
</body>
</html>
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Click(sender)
{
alert("click");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox ShowButton="true" ID="RadNumericTextBox1" runat="server">
<ClientEvents OnButtonClick="Click" />
<ButtonTemplate>
<input type="button" value="click here" />
</ButtonTemplate>
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
protected void AddButton_Click(object sender, EventArgs e)
{
int Answer;
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text);
AnswerMessage.Text = Answer.ToString();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter integer values into the text boxes.
<br />
Click the Add button to add the two values.
<br />
Click the Reset button to reset the text boxes.
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
<tr align="center">
<td colspan="4">
<asp:Button ID="AddButton" Text="Add" OnClick="AddButton_Click" runat="server" />
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
Protected Sub AddButton_Click(sender As Object, e As EventArgs)
Dim Answer As Integer
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text)
AnswerMessage.Text = Answer.ToString()
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter Integer values into the text boxes.
<br />
Click the Add button To add the two values.
<br />
Click the Reset button To reset the text boxes.
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
<tr align="center">
<td colspan="4">
<asp:Button ID="AddButton" Text="Add" OnClick="AddButton_Click" runat="server" />
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<EnabledStyle BackColor="red" />
<EmptyMessageStyle BackColor="AliceBlue" />
<FocusedStyle BackColor="yellow" />
<HoveredStyle BackColor="blue" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<EnabledStyle BackColor="red" />
<EmptyMessageStyle BackColor="AliceBlue" />
<FocusedStyle BackColor="yellow" />
<HoveredStyle BackColor="blue" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<EnabledStyle BackColor="red" />
<EmptyMessageStyle BackColor="AliceBlue" />
<FocusedStyle BackColor="yellow" />
<HoveredStyle BackColor="blue" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<EnabledStyle BackColor="red" />
<EmptyMessageStyle BackColor="AliceBlue" />
<FocusedStyle BackColor="yellow" />
<HoveredStyle BackColor="blue" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<EnabledStyle BackColor="red" />
<EmptyMessageStyle BackColor="AliceBlue" />
<FocusedStyle BackColor="yellow" />
<HoveredStyle BackColor="blue" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<EnabledStyle BackColor="red" />
<EmptyMessageStyle BackColor="AliceBlue" />
<FocusedStyle BackColor="yellow" />
<HoveredStyle BackColor="blue" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
private void Page_Load(object sender, System.EventArgs e)
{
RadDateInput1.DisplayDateFormat = "M/d/yyyy"; //Short date pattern. The same as "d".
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDateInput1.DisplayDateFormat = "M/d/yyyy" 'Short date pattern. The same as "d".
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDateInput1.DateFormat = "M/d/yyyy"; //Short date pattern. The same as "d".
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDateInput1.DateFormat = "M/d/yyyy" 'Short date pattern. The same as "d".
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDateInput1.SelectedDate = DateTime.Now;
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDateInput1.SelectedDate = DateTime.Now
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDateInput1.DbSelectedDate = tableRow["BirthDate"];
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDateInput1.DbSelectedDate = tableRow("BirthDate")
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDateInput1.Culture = new CultureInfo("en-US");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDateInput1.Culture = New CultureInfo("en-US")
End Sub
- A reference to the RadDateInput object, which triggered the event;
-
An event arguments object that contains the following properties:
- OldDate - The old date of the RadDateInput
- NewDate - The new date of the RadDateInput
<script type="text/javascript">
function onDateChange(dateInput, args)
{
alert("New date:" + args.NewDate);
}
</script>
<radI:RadDateInput
ID="RadDateInput1"
runat="server"
OnClientDateChanged="onDateChange">
</radI:RadDateInput>
[ASPX/ASCX]
<script type="text/javascript" >
function DatePicker_OnDateSelected(pickerInstance, args)
{
alert("The picker date has been chanded from " + args.OldDate + " to " + args.NewDate);
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server" >
<ClientEvents OnDateSelected="DatePicker_OnDateSelected" />
</radCln:RadDatePicker>
<script type="text/javascript">
function Opening(sender, args)
{
args.CancelOpen = true;
//or
return false;
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupOpening="Opening"/>
</radCln:RadDatePicker>
<script type="text/javascript">
function Opening(sender, args)
{
args.CancelCalendarSynchronize = true;
sender.Calendar.NavigateToDate([2006,12,19]);
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server" >
<ClientEvents OnPopupOpening="Opening"/>
</radCln:RadDatePicker>
[ASPX/ASCX]
<script type="text/javascript">
function OnPopupOpening(datepickerInstance, args)
{
......
}
</script>
<radcln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupOpening="OnPopupOpening" />
</radcln:RadDatePicker>
[ASPX/ASCX]
<script type="text/javascript">
function OnPopupClosing(datepickerInstance, args)
{
......
}
</script>
<radcln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupClosing="OnPopupClosing" />
</radcln:RadDatePicker>
<script type="text/javascript">
function Closing(sender, args)
{
args.CancelClose = true;
//or
return false;
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupClosing="Closing"/>
</radCln:RadDatePicker>
private void Page_Load(object sender, System.EventArgs e)
{
RadDatePicker1.SelectedDate = DateTime.Now;
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDatePicker1.SelectedDate = DateTime.Now
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDatePicker1.DbSelectedDate = tableRow["BirthDate"];
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDatePicker1.DbSelectedDate = tableRow("BirthDate")
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDatePicker1.Culture = new CultureInfo("en-US");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDatePicker1.Culture = New CultureInfo("en-US")
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
RadDateTimePicker1.Culture = new CultureInfo("en-US");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadDateTimePicker1.Culture = New CultureInfo("en-US")
End Sub
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
OnItemDataBound= "RadTimePicker1_ItemDataBound"
ID="RadTimePicker1"
runat="server">
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
using System;
using System.Data;
using System.Configuration;
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 _Default : System.Web.UI.Page
{
protected void RadTimePicker1_ItemDataBound(object sender, Telerik.WebControls.Base.Calendar.Events.TimePickerEventArgs e)
{
if (e.Item.ItemType == ListItemType.AlternatingItem)
{
e.Item.Controls.Add(new LiteralControl("AlternatingItem"));
}
}
}
Imports System
Imports System.Data
Imports System.Configuration
Imports System.Web
Imports System.Web.Security
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Web.UI.WebControls.WebParts
Imports System.Web.UI.HtmlControls
Public Class _Default
Inherits System.Web.UI.Page
Protected Sub RadTimePicker1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.WebControls.Base.Calendar.Events.TimePickerEventArgs)
If (e.Item.ItemType = ListItemType.AlternatingItem) Then
e.Item.Controls.Add(New LiteralControl("AlternatingItem"))
End If
End Sub
End Class
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
<style type="text/css">
.TimeCss
{
background-color: Red;
}
.AlternatingTimeCss
{
background-color: Yellow;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
OnItemCreated= "RadTimePicker1_ItemCreated"
ID="RadTimePicker1"
runat="server">
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
protected void RadTimePicker1_ItemCreated(object sender, Telerik.WebControls.Base.Calendar.Events.TimePickerEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item)
{
e.Item.CssClass = "TimeCss";
}
if (e.Item.ItemType == ListItemType.AlternatingItem)
{
e.Item.CssClass = "AlternatingTimeCss";
}
}
Protected Sub RadTimePicker1_ItemCreated(sender As Object, e As Telerik.WebControls.Base.Calendar.Events.TimePickerEventArgs)
If e.Item.ItemType = ListItemType.Item Then
e.Item.CssClass = "TimeCss"
End If
If e.Item.ItemType = ListItemType.AlternatingItem Then
e.Item.CssClass = "AlternatingTimeCss"
End If
End Sub 'RadTimePicker1_ItemCreated
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView>
<AlternatingTimeTemplate>
<input type="button" id="button1" value='<%# DataBinder.Eval(((DataListItem)Container).DataItem, "time", "{0:t}") %>' />
</AlternatingTimeTemplate>
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView ShowFooter="true">
<FooterTemplate>
<asp:Label ID="Label1" runat="server" Text="Footer"></asp:Label>
</FooterTemplate>
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView>
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="Header"></asp:Label>
</HeaderTemplate>
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView>
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="Header"></asp:Label>
</HeaderTemplate>
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
-
Border Style Description -
NotSet The border style is not set. -
None No border -
Dotted A dotted line border. -
Dashed A dashed line border. -
Solid A solid line border. -
Double A solid double line border. -
Groove A grooved border for a sunken border appearance. -
Ridge A ridged border for a raised border appearance. -
Inset An inset border for a sunken control appearance.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
<script language="javascript">
function ClientTimeSelected(sender, args)
{
alert(args.oldTime);
alert(args.newTime);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView OnClientTimeSelected="ClientTimeSelected">
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView Columns="5" >
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView ShowFooter="true" >
<FooterTemplate>
<asp:Label ID="Label1" runat="server" Text="Hello Footer!"></asp:Label>
</FooterTemplate>
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimeView ShowHeader="true">
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="Hello Header!"></asp:Label>
</HeaderTemplate>
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
-
h Represents the hour as a number from 1 through 12, that is, the hour as represented by a 12-hour clock that counts the whole hours since midnight or noon. Consequently, a particular hour after midnight is indistinguishable from the same hour after noon. The hour is not rounded, and a single-digit hour is formatted without a leading zero. For example, given a time of 5:43, this format specifier displays "5". For more information about using a single format specifier, see Using Single Custom Format Specifiers. -
hh, hh (plus any number of additional "h" specifiers) Represents the hour as a number from 01 through 12, that is, the hour as represented by a 12-hour clock that counts the whole hours since midnight or noon. Consequently, a particular hour after midnight is indistinguishable from the same hour after noon. The hour is not rounded, and a single-digit hour is formatted with a leading zero. -
H Represents the hour as a number from 0 through 23, that is, the hour as represented by a zero-based 24-hour clock that counts the hours since midnight. A single-digit hour is formatted without a leading zero. -
HH, HH (plus any number of additional "H" specifiers) Represents the hour as a number from 00 through 23, that is, the hour as represented by a zero-based 24-hour clock that counts the hours since midnight. A single-digit hour is formatted with a leading zero. -
m Represents the minute as a number from 0 through 59. The minute represents whole minutes passed since the last hour. A single-digit minute is formatted without a leading zero. -
mm, mm (plus any number of additional "m" specifiers) Represents the minute as a number from 00 through 59. The minute represents whole minutes passed since the last hour. A single-digit minute is formatted with a leading zero. -
s Represents the seconds as a number from 0 through 59. The second represents whole seconds passed since the last minute. A single-digit second is formatted without a leading zero. -
ss, ss (plus any number of additional "s" specifiers) Represents the seconds as a number from 00 through 59. The second represents whole seconds passed since the last minute. A single-digit second is formatted with a leading zero. -
t Represents the first character of the A.M./P.M. designator defined in the current System.Globalization.DateTimeFormatInfo.AMDesignator or System.Globalization.DateTimeFormatInfo.PMDesignator property. The A.M. designator is used if the hour in the time being formatted is less than 12; otherwise, the P.M. designator is used. -
tt, tt (plus any number of additional "t" specifiers) Represents the A.M./P.M. designator as defined in the current System.Globalization.DateTimeFormatInfo.AMDesignator or System.Globalization.DateTimeFormatInfo.PMDesignator property. The A.M. designator is used if the hour in the time being formatted is less than 12; otherwise, the P.M. designator is used.
Standard Time Format Specifiers
-
t ShortTimePattern - For example, the custom format string for the invariant culture is "HH:mm". -
T LongTimePattern - For example, the custom format string for the invariant culture is "HH:mm:ss".
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:DropDownList AutoPostBack="true" ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem Text="Select" Value=""></asp:ListItem>
<asp:ListItem Text="DarkGray" Value="DarkGray"></asp:ListItem>
<asp:ListItem Text="Khaki" Value="Khaki"></asp:ListItem>
<asp:ListItem Text="DarkKhaki" Value="DarkKhaki"></asp:ListItem>
</asp:DropDownList>
</div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimePopupButton ImageUrl="clock.gif" HoverImageUrl="clock.gif" />
<TimeView Skin="None">
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
using System;
using System.Data;
using System.Configuration;
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 _Default : System.Web.UI.Page
{
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
this.RadTimePicker1.TimeView.TimeStyle.BackColor =
System.Drawing.Color.FromName(this.DropDownList1.SelectedItem.Value);
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:DropDownList AutoPostBack="true" ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem Text="Select" Value=""></asp:ListItem>
<asp:ListItem Text="DarkGray" Value="DarkGray"></asp:ListItem>
<asp:ListItem Text="Khaki" Value="Khaki"></asp:ListItem>
<asp:ListItem Text="DarkKhaki" Value="DarkKhaki"></asp:ListItem>
</asp:DropDownList>
</div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimePopupButton ImageUrl="clock.gif" HoverImageUrl="clock.gif" />
<TimeView Skin="None">
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
using System;
using System.Data;
using System.Configuration;
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 _Default : System.Web.UI.Page
{
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
this.RadTimePicker1.TimeView.AlternatingTimeStyle.BackColor =
System.Drawing.Color.FromName(this.DropDownList1.SelectedItem.Value);
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimePopupButton ImageUrl="clock.gif" HoverImageUrl="clock.gif" />
<TimeView Skin="None" ShowHeader="true">
<HeaderStyle BackColor="red" />
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radCln:RadTimePicker
ID="RadTimePicker1"
runat="server">
<TimePopupButton ImageUrl="clock.gif" HoverImageUrl="clock.gif" />
<TimeView Skin="None" ShowFooter="true">
<FooterStyle BackColor="Aqua" />
</TimeView>
</radCln:RadTimePicker>
</div>
</form>
</body>
</html>
-
Use the
indexer to programmatically retrieve a single RadComboBoxItem from the collection, using array notation. - Use the Count property to determine the total number of combo items in the collection.
-
Use the
Add method to add items in the collection. -
Use the
Remove method to remove items from the collection.
RadComboBoxItem newsItem = new RadComboBoxItem("News");
RadComboBox1.Items.Add(newsItem);
Dim newsItem As RadPanelItem = New RadComboBoxItem("News")
RadComboBox1.Items.Add(newsItem)
Dim item As RadComboBoxItem = RadComboBox1.FindItemByText("New York",true)
RadComboBoxItem item = RadComboBox1.FindItemByText("New York",true);
Dim item As RadComboBoxItem = RadComboBox1.FindItemByValue("1", true)
RadComboBoxItem item = RadComboBox1.FindItemByValue("1", true);
void Page_Load(object sender, EventArgs e)
{
RadComboBox1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadComboBoxItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadComboBox1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadComboBoxItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
RadComboBoxItem[] items = new RadComboBoxItem[] { new RadComboBoxItem("First"), new RadComboBoxItem("Second"), new RadComboBoxItem("Third") };
RadComboBox1.Items.AddRange(items);
Dim items() As RadComboBoxItem = {New RadComboBoxItem("First"), New RadComboBoxItem("Second"), New RadComboBoxItem("Third")}
RadComboBox1.Items.AddRange(items)
- When deserializing, the enum values are passed as ints and an implicit cast is required.
- If a string array with a one element == string.Empty is passed, the deserialized array will have no elements
- Display - concerns only the appearance of the column in browser mode, client-side. The column will be rendered in the browser but all the cells will be styled with display: none. The column editor will be visible in edit mode.
- Visible - will stop the column cells from rendering in browser mode. The column will be visible in edit mode.
-
ReadOnly - the column will be displayed according to the
settings of previous properties in browser mode but will not appear in the
edit-form.
-
None of these properties can prevent you from accessing the column cells' content server-side using the UniqueName of the column.
-
<telerik:GridBoundColumn FooterText="BoundColumn footer" UniqueName="CustomerID" SortExpression="CustomerID"
HeaderText="Bound<br/>Column" DataField="CustomerID">
</telerik:GridBoundColumn>
protected void RadGrid1_UpdateCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
{
GridEditableItem editedItem = e.Item as GridEditableItem;
GridEditManager editMan = editedItem.EditManager;
foreach( GridColumn column in e.Item.OwnerTableView.RenderColumns )
{
if ( column is IGridEditableColumn )
{
IGridEditableColumn editableCol = (column as IGridEditableColumn);
if ( editableCol.IsEditable )
{
IGridColumnEditor editor = editMan.GetColumnEditor( editableCol );
string editorType = editor.ToString();
string editorText = "unknown";
object editorValue = null;
if ( editor is GridTextColumnEditor )
{
editorText = (editor as GridTextColumnEditor).Text;
editorValue = (editor as GridTextColumnEditor).Text;
}
if ( editor is GridBoolColumnEditor )
{
editorText = (editor as GridBoolColumnEditor).Value.ToString();
editorValue = (editor as GridBoolColumnEditor).Value;
}
if ( editor is GridDropDownColumnEditor )
{
editorText = (editor as GridDropDownColumnEditor).SelectedText + "; " +
(editor as GridDropDownColumnEditor).SelectedValue;
editorValue = (editor as GridDropDownColumnEditor).SelectedValue;
}
try
{
DataRow[] changedRows = this.EmployeesData.Tables["Employees"].Select( "EmployeeID = " + editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["EmployeeID"] );
changedRows[0][column.UniqueName] = editorValue;
this.EmployeesData.Tables["Employees"].AcceptChanges();
}
catch(Exception ex)
{
RadGrid1.Controls.Add(new LiteralControl ("<strong>Unable to set value of column '" + column.UniqueName + "'</strong> - " + ex.Message));
e.Canceled = true;
break;
}
}
}
}
}
Private Sub RadGrid1_UpdateCommand(ByVal source As System.Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.UpdateCommand
Dim editedItem As GridEditableItem = CType(e.Item, GridEditableItem)
Dim editMan As GridEditManager = editedItem.EditManager
Dim column As GridColumn
For Each column In e.Item.OwnerTableView.Columns
If Typeof column Is IGridEditableColumn Then
Dim editableCol As IGridEditableColumn = CType(column, IGridEditableColumn)
If (editableCol.IsEditable) Then
Dim editor As IGridColumnEditor = editMan.GetColumnEditor(editableCol)
Dim editorType As String = CType(editor, Object).ToString()
Dim editorText As String = "unknown"
Dim editorValue As Object = Nothing
If (Typeof editor Is GridTextColumnEditor) Then
editorText = CType(editor, GridTextColumnEditor).Text
editorValue = CType(editor, GridTextColumnEditor).Text
End If
If (Typeof editor Is GridBoolColumnEditor) Then
editorText = CType(editor, GridBoolColumnEditor).Value.ToString()
editorValue = CType(editor, GridBoolColumnEditor).Value
End If
If (Typeof editor Is GridDropDownColumnEditor) Then
editorText = CType(editor, GridDropDownColumnEditor).SelectedText & "; " & CType(editor, GridDropDownColumnEditor).SelectedValue
editorValue = CType(editor, GridDropDownColumnEditor).SelectedValue
End If
Try
Dim changedRows As DataRow() = Me.EmployeesData.Tables("Employees").Select("EmployeeID = " & editedItem.OwnerTableView.DataKeyValues(editedItem.ItemIndex)("EmployeeID"))
changedRows(0)(column.UniqueName) = editorValue
Me.EmployeesData.Tables("Employees").AcceptChanges()
Catch ex As Exception
RadGrid1.Controls.Add(New LiteralControl("<strong>Unable to set value of column '" & column.UniqueName & "'</strong> - " + ex.Message))
e.Canceled = True
End Try
End If
End If
Next
End Sub
For example, the formatting string {0:C2} displays a currency formatted number with two decimal places.
-
C Displays numeric values in currency format. -
D Displays numeric values in decimal format. -
E Displays numeric values in scientific (exponential) format. -
F Displays numeric values in fixed format. -
G Displays numeric values in general format. -
N Displays numeric values in number format. -
X Displays numeric values in hexadecimal format.
The value after the format character
(xx in the general example) specifies the number of
significant digits or decimal places to display.
- Select - when a button in this column is pressed, it will select the whole row. The Select column below uses a PushButton.
- Remove selection - when a button in this column is pressed, it will delete the row. The Remove selection column below uses a LinkButton.
<radG:GridButtonColumn FooterText="PushButtonColumn<br/>footer" DataTextFormatString="Select {0}"
ButtonType="PushButton" UniqueName="column" HeaderText="PushButton<br/>Column"
CommandName="Select" DataTextField="CustomerID">
</radG:GridButtonColumn>
-
LinkButton Renders a standard hyperlink button. -
PushButton Renders a standard button. -
ImageButton Renders an image that acts like a button.
|
| |
| CancelCommandName | Represents the Cancel command name. Fires RadGrid.CancelCommand event and sets Item.Edit to false for the parent Item. |
| DeleteCommandName | Represents the Delete command name. Fires RadGrid.DeleteCommand event. Under .Net 2.0 performs automatic delete operation and then sets Item.Edit to false. |
| UpdateCommandName | Represents the Update command name. Fires RadGrid.UpdateCommand event. Under .Net 2.0 performs automatic update operation and then sets Item.Edit to false. |
|
|
Represents the Edit command name. Sets Item.Edit to true. |
|
|
Represents the Select command name. Sets Item.Selected to true. |
|
|
Represents the Deselect command name. Sets Item.Selected to false. |
|
| |
|
|
By default grid renders an image button in the CommandItem. Opens
the insert item. |
|
|
Fires RadGrid.InsertCommand event. Under .Net 2.0 Perfoms
automatic insert operation and closes the insert item. |
|
|
By default grid renders an image button in the CommandItem. Forces RadGrid.Rebind |
|
|
Represents the Sort command name. By default it is fired by image buttons in the header item when Sorting is enabled. The argument for the SortCommand must be the DataField name for the DataField to be sorted. |
[ASPX/ASCX]<br/><br/><radg:RadGrid id=<font class="string">"RadGrid1"</font> runat=<font class="string">"server"</font>><br/> <MasterTableView AutoGenerateColumns=<font class="string">"False"</font>><br/> <Columns><br/> <radg:GridButtonColumn HeaderText=<font class="string">"Customer ID"</font><font color="red">DataTextField=<font class="string">"CustomerID"</font></font><br/><font color="red">DataTextFormatString=<font class="string">"Edit Customer {0}"</font></font> ButtonType=<font class="string">"LinkButton"</font> UniqueName=<font class="string">"ButtonColumn"</font>><br/> </radg:GridButtonColumn>
[ASPX/ASCX]<br/><br/><radg:RadGrid id=<font color="black"><font class="string">"RadGrid1"</font> runat=<font class="string">"server"</font>><br/> <MasterTableView AutoGenerateColumns=<font class="string">"False"</font>><br/> <Columns><br/> <radg:GridButtonColumn HeaderText=<font class="string">"Customer ID"</font></font><font color="red">DataTextField=<font class="string">"CustomerID"</font><br/>DataTextFormatString=<font class="string">"Edit Customer {0}"</font></font> ButtonType=<font class="string" color="black">"LinkButton"</font> UniqueName=<font color="black"><font class="string">"ButtonColumn"</font>><br/> </radg:GridButtonColumn></font>
<radG:GridCheckBoxColumn FooterText="CheckBoxColumn footer" UniqueName="Bool" HeaderText="CheckBox<br/>Column"
DataField="Bool">
</radG:GridCheckBoxColumn>
<radG:GridClientDeleteColumn ConfirmText="Are you sure you want to delete the selected row?" HeaderStyle-Width="35px" ButtonType="ImageButton" ImageUrl="~/RadControls/Grid/Skins/WebBlue/Delete.gif" />
To enable this feature you need to turn on the client selection of the grid (ClientSettings -> Selecting -> AllowRowSelect = true).
<radG:GridClientSelectColumn UniqueName="CheckboxSelectColumn" HeaderText="CheckboxSelect column <br />" />
GridBoundColumn boundColumn;
boundColumn = new GridBoundColumn();
boundColumn.DataField = "CustomerID";
boundColumn.HeaderText = "CustomerID";
RadGrid1.MasterTableView.Columns.Add(boundColumn);
boundColumn = new GridBoundColumn();
boundColumn.DataField = "ContactName";
boundColumn.HeaderText = "Contact Name";
RadGrid1.MasterTableView.Columns.Add(boundColumn);
RadGrid1.MasterTableView.Columns.Add( new GridExpandColumn() );
Dim boundColumn As GridBoundColumn
boundColumn = New GridBoundColumn()
boundColumn.DataField = "CustomerID"
boundColumn.HeaderText = "CustomerID"
RadGrid1.MasterTableView.Columns.Add(boundColumn)
boundColumn = New GridBoundColumn()
boundColumn.DataField = "ContactName"
boundColumn.HeaderText = "Contact Name"
RadGrid1.MasterTableView.Columns.Add(boundColumn)
RadGrid1.MasterTableView.Columns.Add(New GridExpandColumn())
- Display - concerns only the appearance of the column in browser mode, client-side. The column will be rendered in the browser but all the cells will be styled with display: none. The column editor will be visible in edit mode.
- Visible - will stop the column cells from rendering in browser mode. The column will be visible in edit mode.
-
ReadOnly - the column will be displayed according to the
settings of previous properties in browser mode but will not appear in the
edit-form.
-
None of these properties can prevent you from accessing the column cells' content server-side using the UniqueName of the column.
-
<telerik:GridDateTimeColumn FooterText="GridDateTimeColumn footer" UniqueName="OrderDate" SortExpression="OrderDate"
HeaderText="GridDateTimeColumn" DataFormatString="{0:D}" DataField="OrderDate">
</telerik:GridBoundColumn>
UniqueName="LevelID"
ListDataMember="Level"
ListTextField="Description"
ListValueField="LevelID"
HeaderText="LevelID"
DataField="LevelID"
/>
As you can see, a requirement for the proper functioning of GridDropDownColumn is that all column values referenced by the
If there are values in the LevelID column of the LevelID table which do not have corresponding equal values in the LevelID column of the Level table, then the grid will display the default first value from the Description column as it will not "know" what is the correct field.
<radg:GridEditCommandColumn ButtonType="ImageButton" UpdateImageUrl="..\Img\Update.gif"
EditImageUrl="..\Img\Edit.gif" InsertImageUrl="..\Img\Insert.gif"
CancelImageUrl="..\Img\Cancel.gif" UniqueName="EditCommandColumn">
</radg:GridEditCommandColumn>
- LinkButton
- PushButton
- TextButton
|
_self - the target URL will open in the same frame as it was clicked
_parent - the target URL will open in the parent frameset
_top - the target URL will open in the full body of the window
<radG:GridTemplateColumn UniqueName="TemplateColumn" SortExpression="CompanyName">
<FooterTemplate>
<img src="Img/image.gif" alt="" style="vertical-align: middle" />
Template footer
</FooterTemplate>
<HeaderTemplate>
<table id="Table1" cellspacing="0" cellpadding="0" width="300" border="1">
<tr>
<td colspan="2" align="center">
<b>Contact details</b></td>
</tr>
<tr>
<td style="width: 50%" align="center">
<asp:LinkButton CssClass="Button" Width="140" ID="btnContName" Text="Contact name"
ToolTip="Sort by ContactName" CommandName='Sort' CommandArgument='ContactName'
runat="server" /></td>
<td style="width: 50%" align="center">
<asp:LinkButton CssClass="Button" Width="140" ID="btnContTitle" Text="Contact title"
ToolTip="Sort by ContactTitle" CommandName='Sort' CommandArgument='ContactTitle'
runat="server" /></td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table cellpadding="1" cellspacing="1" class="customTable">
<tr>
<td style="width: 50%">
</%# Eval("ContactName") /%>
</td>
<td style="width: 50%">
</%# Eval("ContactTitle") /%>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<a href='</%# "http://www.google.com/search?hl=en&q=" + DataBinder.Eval(Container.DataItem, "ContactName") + "&btnG=Google+Search"/%>'>
<em>Search Google for
</%# Eval("ContactName") /%>
</em></a>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="Img/image.gif" alt="" />
</td>
</tr>
</table>
</ItemTemplate>
</radG:GridTemplateColumn>
;' />
]]>
The container object is always the UserControl isself. That is why you should refer the parent
object, which is actually a edit for table cell in the grid's
private DataRowView _dataItem = null;
public DataRowView DataItem
{
get
{
return this._dataItem;
}
set
{
this._dataItem = value;
}
}
VB.NET
private _dataItem As DataRowView = Nothing
Public Property DataItem As DataRowView
Get
Return Me._dataItem
End Get
Set (ByVal value As DataRowView)
Me._dataItem = value
End Set
End Property
DataItem can also be declared as of type object.
Then in the usercontrol code, an expression binding the text of a TextBox control
to the Country property of the datasource item can be declared this way:
'>
]]>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnGridCreating="GridCreating" ... JavaScript <script> function GridCreating() { alert("Creting grid with ClientID: " + this.ClientID); } </script>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnGridCreated="GridCreated" ... JavaScript <script> function GridCreated() { alert("Grid with ClientID: " + this.ClientID + " was created"); } </script>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnGridCreating="GridDestroying" ... JavaScript <script> function GridDestroying() { alert("Destroying grid with ClientID: " + this.ClientID); } </script>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnMasterTableViewCreating="MasterTableViewCreating" ... JavaScript <script> function MasterTableViewCreating() { alert("Creating MasterTableView"); } </script>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnMasterTableViewCreated="MasterTableViewCreated" ... JavaScript <script> function MasterTableViewCreated() { alert("MasterTableView was created"); } </script>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnTableCreating="TableCreating" ... JavaScript <script> function TableCreating() { alert("Creating DetailTable"); } </script>
-
Fired by RadGrid -
Arguments RadGridTable Object -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnTableCreated="TableCreated" ... JavaScript <script> function TableCreated(tableObject) { alert("DetailTable with ClientID: " + tableObject.ClientID + " was created"); } </script>
-
Fired by RadGrid -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnTableDestroying="TableDestroying" ... JavaScript <script> function TableDestroying() { alert("Destroing DetailTable with ClientID: " + this.ClientID); } </script>
-
Fired by RadGridTable -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnColumnCreating="ColumnCreating" ... JavaScript <script> function ColumnCreating() { alert("Creating column); } </script>
-
Fired by RadGridTable -
Arguments RadGridTableColumn object -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnColumnCreated="ColumnCreated" ... JavaScript <script> function ColumnCreated(columnObject) { alert("Column with Index: " + columnObject.Index + " was created"); } </script>
-
Fired by RadGridTable -
Arguments N/A -
Can be canceled No -
Examples ascx/aspx <ClientEvents OnColumnDestroying="ColumnDestroying" ... JavaScript <script> function ColumnDestroying() { alert("Destroing column with Index: " + this.Index); } </script>
-
Fired by RadGridTable -
Arguments columnIndex, columnWidth -
Can be canceled Yes, return false to cancel -
Examples ascx/aspx <ClientEvents OnColumnResizing="ColumnResizing" ... JavaScript <script> function ColumnResizing(columnIndex, columnWidth) { alert("Resizng column with Index: " + columnIndex + ", width: " + columnWidth); } OR function ColumnResizing(columnIndex, columnWidth) { return false; //cancel ColumnResizing event } </script>
RadGrid1.ClientSettings.ClientEvents.OnRowContextMenu = " try { ... my event handling code ... } catch (exp) { alert(exp.message); }";
- Arrowkey Navigation - allows end-users to navigate around the menu structure using the arrow keys.
- select grid items pressing the [SPACE] key
- edit rows hitting the [ENTER] key
whether the end user will be able to expand/collapse grid items. This property do not control the visibility of the corresponding expand/collapse column.
// Get a reference to the control that triggered expand/collapse command
protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
{
if (e.CommandName == RadGrid.ExpandCollapseCommandName)
{
Control c = e.CommandSource as Control;
}
}
' Get a reference to the control that triggered expand/collapse command
Protected Sub RadGrid1_ItemCommand([source] As Object, e As GridCommandEventArgs)
If e.CommandName = RadGrid.ExpandCollapseCommandName Then
Dim c As Control = e.CommandSource
End If
End Sub 'RadGrid1_ItemCommand
protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e)
{
if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
{
GridEditFormItem item = e.Item as GridEditFormItem;
Hashtable newValues = new Hashtable();
item.OwnerTableView.ExtractValuesFromItem(newValues, item);
if (newValues["Name"].ToString() == "DefaultName")
{
e.Canceled = true;
}
}
}
Protected Sub RadGrid1_UpdateCommand([source] As Object, e As GridCommandEventArgs)
If Typeof e.Item Is GridEditFormItem AndAlso e.Item.IsInEditMode Then
Dim item As GridEditFormItem = e.Item
Dim newValues As New Hashtable()
item.OwnerTableView.ExtractValuesFromItem(newValues, item)
If newValues("Name").ToString() = "DefaultName" Then
e.Canceled = True
End If
End If
End Sub
protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e)
{
if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
{
GridEditFormItem item = e.Item as GridEditFormItem;
Hashtable newValues = new Hashtable();
item.OwnerTableView.ExtractValuesFromItem(newValues, item);
if (newValues["Name"].ToString() == "DefaultName")
{
e.Canceled = true;
}
}
}
Protected Sub RadGrid1_UpdateCommand([source] As Object, e As GridCommandEventArgs)
If Typeof e.Item Is GridEditFormItem AndAlso e.Item.IsInEditMode Then
Dim item As GridEditFormItem = e.Item
Dim newValues As New Hashtable()
item.OwnerTableView.ExtractValuesFromItem(newValues, item)
If newValues("Name").ToString() = "DefaultName" Then
e.Canceled = True
End If
End If
End Sub
protected void RadGrid1_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)
{
GridDataItem parentItem = e.DetailTableView.ParentItem as GridDataItem;
if (e.DetailTableView.DataSourceID == "AccessDataSource2")
{
Session["CustomerID"] = parentItem["CustomerID"].Text;
}
}
Protected Sub RadGrid1_DetailTableDataBind(ByVal source As Object, ByVal e As GridDetailTableDataBindEventArgs) Handles RadGrid1.DetailTableDataBind
Dim parentItem As GridDataItem = CType(e.DetailTableView.ParentItem, GridDataItem)
If (e.DetailTableView.DataSourceID = "AccessDataSource2") Then
Session("CustomerID") = parentItem("CustomerID").Text
End If
End Sub
protected void RadGrid1_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)
{
GridDataItem parentItem = e.DetailTableView.ParentItem as GridDataItem;
if (e.DetailTableView.DataSourceID == "AccessDataSource2")
{
Session["CustomerID"] = parentItem["CustomerID"].Text;
}
}
Protected Sub RadGrid1_DetailTableDataBind(ByVal source As Object, ByVal e As GridDetailTableDataBindEventArgs) Handles RadGrid1.DetailTableDataBind
Dim parentItem As GridDataItem = CType(e.DetailTableView.ParentItem, GridDataItem)
If (e.DetailTableView.DataSourceID = "AccessDataSource2") Then
Session("CustomerID") = parentItem("CustomerID").Text
End If
End Sub
Note that value1 and value2 should be separated by [space] when entered as filter.
Note that value1 and value2 should be separated by [space] when entered as filter.
GridGroupByField gridGroupByField;
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "Freight";
gridGroupByField.HeaderText = "Total shipping cost is ";
gridGroupByField.Aggregate = GridAggregateFunction.Sum;
expression.SelectFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "Freight"
gridGroupByField.HeaderText = "Total shipping cost is "
gridGroupByField.Aggregate = GridAggregateFunction.Sum
expression.SelectFields.Add(gridGroupByField)
Dim groupExpression As GridGroupByExpression = New GridGroupByExpression()
Dim groupByField As GridGroupByField = New GridGroupByField()
groupByField = New GridGroupByField()
groupByField.FieldName = "Received"
groupExpression.SelectFields.Add(groupByField)
groupByField = New GridGroupByField()
groupByField.FieldName = "Received"
groupExpression.GroupByFields.Add(groupByField)
RadGrid1.MasterTableView.GroupByExpressions.Add(groupExpression)
GridGroupByExpression groupExpression = new GridGroupByExpression();
GridGroupByField groupByField = new GridGroupByField();
groupByField = new GridGroupByField();
groupByField.FieldName = "Received";
groupExpression.SelectFields.Add(groupByField);
groupByField = new GridGroupByField();
groupByField.FieldName = "Received";
groupExpression.GroupByFields.Add(groupByField);
RadGrid1.MasterTableView.GroupByExpressions.Add(groupExpression);
Dim groupExpression As GridGroupByExpression = New GridGroupByExpression()
Dim groupByField As GridGroupByField = New GridGroupByField()
groupByField.FieldName = "Size"
groupByField.SetAggregate(GridAggregateFunction.Sum)
groupExpression.SelectFields.Add(groupByField)
groupByField = New GridGroupByField()
groupByField.FieldName = "Received"
groupExpression.SelectFields.Add(groupByField)
groupByField = New GridGroupByField()
groupByField.FieldName = "Received"
groupExpression.GroupByFields.Add(groupByField)
RadGrid1.MasterTableView.GroupByExpressions.Add(groupExpression)
GridGroupByExpression groupExpression = new GridGroupByExpression();
GridGroupByField groupByField = new GridGroupByField();
groupByField.FieldName = "Size";
groupByField.SetAggregate(GridAggregateFunction.Sum);
groupExpression.SelectFields.Add(groupByField);
groupByField = new GridGroupByField();
groupByField.FieldName = "Received";
groupExpression.SelectFields.Add(groupByField);
groupByField = new GridGroupByField();
groupByField.FieldName = "Received";
groupExpression.GroupByFields.Add(groupByField);
RadGrid1.MasterTableView.GroupByExpressions.Add(groupExpression);
GridGroupByExpression groupExpression = new GridGroupByExpression();
groupByField = new GridGroupByField();
groupByField.FieldName = "Received";
groupExpression.SelectFields.Add(groupByField);
groupByField = new GridGroupByField();
groupByField.FieldName = "Received";
groupByField.SetSortOrder(GridSortOrder.Ascending);
groupExpression.GroupByFields.Add(groupByField);
RadGrid1.MasterTableView.GroupByExpressions.Add(groupExpression);
Dim groupExpression As GridGroupByExpression = New GridGroupByExpression()
Dim groupByField As GridGroupByField = New GridGroupByField()
groupByField = New GridGroupByField()
groupByField.FieldName = "Received"
groupExpression.SelectFields.Add(groupByField)
groupByField = New GridGroupByField()
groupByField.FieldName = "Received"
groupByField.SetSortOrder(GridSortOrder.Descending)
groupExpression.GroupByFields.Add(groupByField)
RadGrid1.MasterTableView.GroupByExpressions.Add(groupExpression)
Dim groupExpression As GridGroupByExpression = RadGrid1.MasterTableView.GroupByExpressions(0)
Dim headerText as String = groupExpression.SelectFields(0).GetHeaderText()
GridGroupByExpression groupExpression = RadGrid1.MasterTableView.GroupByExpressions[0] as GridGroupByExpression;
String headerText = groupExpression.SelectFields[0].GetHeaderText()
Dim groupExpression As GridGroupByExpression = RadGrid1.MasterTableView.GroupByExpressions(0)
Dim formatString As String = groupExpression.SelectFields(0).GetFormatString()
GridGroupByExpression groupExpression = RadGrid1.MasterTableView.GroupByExpressions[0] As GridGroupByExpression;
String formatString = groupExpression.SelectFields[0].GetFormatString()
GridGroupByField gridGroupByField;
//Add select fields (before the "Group By" clause)
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
gridGroupByField.HeaderText = "Employee";
expression.SelectFields.Add( gridGroupByField );
//Add a field for group-by (after the "Group By" clause)
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
expression.GroupByFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
'Add select field (before the "Group By" clause)
gridGroupByField = New GridGroupByField()
gridGroupByField.FieldName = "EmployeeID"
gridGroupByField.HeaderText = "Employee"
expression.SelectFields.Add(gridGroupByField)
'Add a field for group-by (after the "Group By" clause)
gridGroupByField = New GridGroupByField()
gridGroupByField.FieldName = "EmployeeID"
expression.GroupByFields.Add(gridGroupByField)
- you want to change the value displayed in group header (different than
the default DataField column value)
or - group by a template column and Telerik RadGrid cannot get the header text for that column.
GridGroupByField gridGroupByField;
//Add select fields (before the "Group By" clause)
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
gridGroupByField.FieldAlias = "EmployeeIdentificator";
expression.SelectFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
'Add select fields (before the "Group By" clause)
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "EmployeeID"
gridGroupByField.FieldAlias = "EmployeeIdentificator"
expression.SelectFields.Add(gridGroupByField)
GridGroupByField gridGroupByField;
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "Freight";
gridGroupByField.HeaderText = "Total shipping cost is ";
gridGroupByField.Aggregate = GridAggregateFunction.Sum;
expression.SelectFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "Freight"
gridGroupByField.HeaderText = "Total shipping cost is "
gridGroupByField.Aggregate = GridAggregateFunction.Sum
expression.SelectFields.Add(gridGroupByField)
GridGroupByField gridGroupByField;
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
gridGroupByField.SortOrder = GridSortOrder.Descending;
expression.GroupByFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "EmployeeID"
gridGroupByField.SortOrder = GridSortOrder.Descending
expression.GroupByFields.Add(gridGroupByField)
GridGroupByField gridGroupByField;
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
gridGroupByField.FormatString = "<strong>{0}</strong>";
expression.SelectFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "EmployeeID"
gridGroupByField.FormatString = "<strong>{0}</strong>"
expression.SelectFields.Add(gridGroupByField)
GridGroupByField gridGroupByField;
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
gridGroupByField.HeaderText = "EmployeeNo";
expression.SelectFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "EmployeeID"
gridGroupByField.HeaderText = "EmployeeNo"
expression.SelectFields.Add(gridGroupByField)
GridGroupByField gridGroupByField;
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "EmployeeID";
gridGroupByField.HeaderValueSeparator = " for current group: ";
expression.SelectFields.Add( gridGroupByField );
Dim gridGroupByField As GridGroupByField
gridGroupByField = New GridGroupByField
gridGroupByField.FieldName = "EmployeeID"
gridGroupByField.HeaderValueSeparator = " for current group: "
expression.SelectFields.Add(gridGroupByField)
<GroupingSettings GroupContinuesFormatString="The group continues on the next page." />
<GroupingSettings GroupContinuedFormatString="This group continues from the previous page." />
<GroupingSettings ExpandTooltip="Click here to expand the group!" />
<GroupingSettings ExpandTooltip="Click here to collapse the group!" />
<radG:RadGrid>
..
<GroupingSettings UnGroupTooltip="Wanna ungroup? Drag me back!" />
</radG:RadGrid>
{
if (e.Action == GridGroupsChangingAction.Group)
protected void RadGrid1_GroupsChanging(object source, Telerik.Web.UI.GridGroupsChangingEventArgs e)
{
if (e.Action == GridGroupsChangingAction.Group)
{
GridGroupByField countryGroupField = new GridGroupByField();
countryGroupField.FieldName = "Country";
GridGroupByField cityGroupField = new GridGroupByField();
cityGroupField.FieldName = "City";
e.Expression.SelectFields.Clear();
e.Expression.SelectFields.Add(countryGroupField);
e.Expression.SelectFields.Add(cityGroupField);
e.Expression.GroupByFields.Clear();
e.Expression.GroupByFields.Add(countryGroupField);
e.Expression.GroupByFields.Add(cityGroupField);
...
}
}
Protected Sub RadGrid1_GroupsChanging(ByVal source As Object, ByVal e As Telerik.Web.UI.GridGroupsChangingEventArgs)
'Expression is added (by drag/grop on group panel)
If (e.Action = GridGroupsChangingAction.Group) Then
Dim countryGroupField As GridGroupByField = New GridGroupByField
countryGroupField.FieldName = "Country"
Dim cityGroupField As GridGroupByField = New GridGroupByField
cityGroupField.FieldName = "City"
e.Expression.SelectFields.Clear
e.Expression.SelectFields.Add(countryGroupField)
e.Expression.SelectFields.Add(cityGroupField)
e.Expression.GroupByFields.Clear
e.Expression.GroupByFields.Add(countryGroupField)
e.Expression.GroupByFields.Add(cityGroupField)
End If
End Sub
//get MasterTableView's second (index 1) nested view item
GridNestedViewItem firstLevelNestedViewItem = (GridNestedViewItem)RadGrid1.MasterTableView.GetItems(GridItemType.NestedView)[1];
//get second nested view item at level 2 of the hierarchy
GridNestedViewItem secondLevelNestedViewItem = (GridNestedViewItem)firstLevelNestedViewItem.NestedTableViews[0].GetItems(GridItemType.NestedView)[1];
//get the first item to be expanded
GridItem itemToExpand = secondLevelNestedViewItem.NestedTableViews[0].GetItems(GridItemType.Item)[0];
itemToExpand.ExpandHierarchyToTop();
'get MasterTableView's second (index 1) nested view item
Dim firstLevelNestedViewItem As GridNestedViewItem = CType(RadGrid1.MasterTableView.GetItems(GridItemType.NestedView)(1), GridNestedViewItem)
'get second nested view item at level 2 of the hierarchy
Dim secondLevelNestedViewItem As GridNestedViewItem = CType(firstLevelNestedViewItem.NestedTableViews(0).GetItems(GridItemType.NestedView)(1), GridNestedViewItem)
'get the first item to be expanded
Dim itemToExpand As GridItem = secondLevelNestedViewItem.NestedTableViews(0).GetItems(GridItemType.Item)(0)
itemToExpand.ExpandHierarchyToTop()
protected void RadGrid1_SelectedIndexChanged(object sender, EventArgs e)
{
GridTableView tableview = RadGrid1.SelectedItems[0].OwnerTableView;
}
Protected Sub RadGrid1_SelectedIndexChanged(sender As Object, e As EventArgs)
Dim tableview As GridTableView = RadGrid1.SelectedItems(0).OwnerTableView
End Sub
protected void RadGrid1_SelectedIndexChanged(object sender, EventArgs e)
{
Label1.Text = RadGrid1.SelectedItems[0].OwnerID;
}
Protected Sub RadGrid1_SelectedIndexChanged(sender As Object, e As EventArgs)
Label1.Text = RadGrid1.SelectedItems(0).OwnerID
End Sub
protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
if (e.Item is GridEditableItem && e.Item.IsInEditMode)
{
Response.Write(e.Item.OwnerGridID);
}
}
Protected Sub RadGrid1_ItemCreated(sender As Object, e As GridItemEventArgs)
If Typeof e.Item Is GridEditableItem And e.Item.IsInEditMode Then
Response.Write(e.Item.OwnerGridID)
End If
End Sub
GroupHeaderItems has the items with a group for children, and so on.
protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
if (e.Item is GridItem && (e.Item as GridItem).HasChildItems == true)
{
Label1.Text = "has items";
}
}
Protected Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs)
If (Typeof e.Item Is GridItem AndAlso CType(e.Item, GridItem).HasChildItems = True) Then
Label1.Text = "has items"
End If
End Sub
protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
if (e.Item is GridItem && (e.Item as GridItem).CanExpand == true)
{
Label1.Text = "Item was expanded";
}
}
Protected Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs)
If (Typeof e.Item Is GridItem AndAlso CType(e.Item, GridItem).CanExpand = True)
Label1.Text = "Item was expanded"
End If
End Sub
protected void RadGrid1_SelectedIndexChanged(object sender, EventArgs e)
{
Response.Write(RadGrid1.SelectedItems[0].ItemIndexHierarchical);
}
Protected Sub RadGrid1_SelectedIndexChanged(sender As Object, e As EventArgs)
Response.Write(RadGrid1.SelectedItems(0).ItemIndexHierarchical)
End Sub 'RadGrid1_SelectedIndexChanged
foreach (GridDataItem dataItem in rgdStateRules.MasterTableView.Items)
{
if (dataItem.ItemType == GridItemType.Item ||
dataItem.ItemType == GridItemType.AlternatingItem)
{
string reqName = dataItem["SomeColumnUniqueName"]. Text;
....
}
}
Dim dataItem As GridDataItem
For Each dataItem In rgdStateRules.MasterTableView.Items
If dataItem.ItemType = GridItemType.Item Or dataItem.ItemType = GridItemType.AlternatingItem Then
Dim reqName As String = dataItem("SomeColumnUniqueName").Text
End If
Next dataItem
for(int i = 0; i < RadGrid.Items.Count - 1;i++)
if(RadGrid.Items[i].Expanded)
{
RadGrid.Items[i].Expanded = false;
}
Dim i As Integer
For i = 0 To (RadGrid.Items.Count - 1) Step -1
If RadGrid.Items(i).Expanded Then
RadGrid.Items(i).Expanded = False
End If
Next i
if (e.Item is GridCommandItem)
{
e.Item.Display = false;
}
If Typeof e.Item Is GridCommandItem Then
e.Item.Display = False
End If
protected void RadGrid1_PreRender(object sender, EventArgs e)
{
foreach (GridDataItem dataitem in RadGrid1.MasterTableView.Items)
{
if (dataitem.Selected == true)
{
//do your thing
}
}
}
Protected Sub RadGrid1_PreRender(sender As Object, e As EventArgs)
Dim dataitem As GridDataItem
For Each dataitem In RadGrid1.MasterTableView.Items
If dataitem.Selected = True Then
'do your thing
End If
Next dataitem
End Sub 'RadGrid1_PreRender
if (e.Item.GroupIndex == EditItemGroupIndex | EditItemGroupIndex.StartsWith(e.Item.GroupIndex + "_"))
{
e.Item.Expanded = true;
}
If e.Item.GroupIndex = EditItemGroupIndex Or EditItemGroupIndex.StartsWith(e.Item.GroupIndex & "_") Then
e.Item.Expanded = True
End If
- X is a zero-based value representing the group index (the first group of results will have index = 0)
if (e.Item is GridEditableItem && e.Item.IsInEditMode)
{
TextBox txt = (e.Item as GridEditableItem)["SomeColumnName"].Controls[0] as TextBox;
}
If Typeof e.Item Is GridEditableItem And e.Item.IsInEditMode Then
...
End If
- Locate a table cell based on the column unique names
- Extract values from the cells of column editors
- Has a dictionary of saved-old-values that are necessary for optimistic concurency editing oprations
- Edit/browse mode
- EditManager instance, which is capable of locating the column editors
GridEditManager editMan = editedItem.EditManager;
IGridEditableColumn editableCol = (column as IGridEditableColumn);
IGridColumnEditor editor = editMan.GetColumnEditor( editableCol );
Dim editMan As GridEditManager = editedItem.EditManager
Dim editableCol As IGridEditableColumn = CType(column, IGridEditableColumn)
Dim editor As IGridColumnEditor = editMan.GetColumnEditor(editableCol)
foreach (DictionaryEntry entry in newValues)
{
Label1.Text += "\n<br />Key: " + entry.Key + "<br />New value: " + entry.Value + "<br /> Old value: " + editedItem.SavedOldValues[entry.Key] + "<br />";
}
For Each entry As DictionaryEntry In newValues
Label1.Text += "" & Microsoft.VisualBasic.Chr(10) & "<br />Key: " + entry.Key + "<br />New value: " + entry.Value + "<br /> Old value: " + editedItem.SavedOldValues(entry.Key) + "<br />"
Next
string keyValues = ((GridEditableItem)e.Item).KeyValues;
if (keyValues.Contains("CustomerID"))
Session["CustomerID"] = keyValues.Substring(13, keyValues.Length - 1);
else
Session["OrderID"] = keyValues.Substring(10, keyValues.Length - 1);
Dim keyValues As String = CType(e.Item, GridEditableItem).KeyValues
If keyValues.Contains("CustomerID") Then
Session("CustomerID") = keyValues.Substring(13, keyValues.Length - 1)
Else
Session("OrderID") = keyValues.Substring(10, keyValues.Length - 1)
End If
protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
GridDataItem dataItem = (GridDataItem) e.Item;
((Button) dataItem["MyTemplateColumn"].Controls[0]).OnClientClick =
dataItem.ClientFireCommandFunction("MyCommandName", "");
}
}
Protected Sub RadGrid1_ItemCreated(sender As Object, e As GridItemEventArgs) Handles RadGrid1.ItemCreated
If Typeof e.Item Is GridFilteringItem Then
Dim filteringItem As GridFilteringItem = CType(e.Item, GridFilteringItem)
'set dimensions for the filter textbox
Dim box As TextBox = CType(filteringItem("ContactName").Controls(0), TextBox)
box.Width = Unit.Pixel(30)
'set ImageUrl which points to your custom image
Dim image As Image = CType(filteringItem("ContactName").Controls(1), Image)
image.ImageUrl = "<my_image_url>"
End If
End Sub 'RadGrid1_ItemCreated
Protected void RadGrid1_ItemCreated(Object sender, GridItemEventArgs e)
{
If (e.Item Is GridFilteringItem)
{
GridFilteringItem filteringItem = e.Item As GridFilteringItem;
//Set dimensions For the filter textbox
TextBox box = filteringItem["ContactName"].Controls[0] As TextBox;
box.Width = Unit.Pixel(30);
//Set ImageUrl which points To your custom image
Image image = filteringItem["ContactName"].Controls[1] As Image;
image.ImageUrl = "<my_image_url>";
}
}
Private Sub RadGrid1_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs)
If Typeof e.Item Is GridGroupHeaderItem Then
Dim item As GridGroupHeaderItem = CType(e.Item, GridGroupHeaderItem)
'do something here
End If
End Sub 'RadGrid1_ItemDataBound
private void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
if ( e.Item is GridGroupHeaderItem )
{
GridGroupHeaderItem item = (GridGroupHeaderItem)e.Item;
//do something here
}
}
}
Dim groupHeader As GridGroupHeaderItem = RadGrid1.MasterTableView.GetItems(GridItemType.GroupHeader)(0)
Dim groupItems As GridItem() = groupHeader.GetChildItems()
'traverse the items and operate with them further
GridGroupHeaderItem groupHeader= RadGrid1.MasterTableView.GetItems(GridItemType.GroupHeader)[0] as GridGroupHeaderItem;
GridItem [] groupItems = groupHeader.GetChildItems();
//traverse the items and operate with them further
Dim groupHeader As GridGroupHeaderItem = RadGrid1.MasterTableView.GetItems(GridItemType.GroupHeader)(0)
groupHeader.SetVisibleChildren(False)
GridGroupHeaderItem groupHeader = RadGrid1.MasterTableView.GetItems(GridItemType.GroupHeader)[0] as GridGroupHeaderItem;
groupHeader.SetVisibleChildren(false);
Private Sub RadGrid1_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs)
If Typeof e.Item Is GridGroupHeaderItem Then
Dim item As GridGroupHeaderItem = CType(e.Item, GridGroupHeaderItem)
Dim groupDataRow As DataRowView = CType(e.Item.DataItem, DataRowView)
'Clear the present text of the cell
item.DataCell.Text = ""
Dim column As DataColumn
For Each column In groupDataRow.DataView.Table.Columns
'Check the condition and add only the field you need
If column.ColumnName = "Country" Then
item.DataCell.Text += "Customized display - Country is " + groupDataRow("Country").ToString()
End If
Next column
End If
End Sub 'RadGrid1_ItemDataBound
Private void RadGrid1_ItemDataBound(Object sender, Telerik.Web.UI.GridItemEventArgs e)
{
If ( e.Item Is GridGroupHeaderItem )
{
GridGroupHeaderItem item = (GridGroupHeaderItem)e.Item;
DataRowView groupDataRow = (DataRowView)e.Item.DataItem;
//Clear the present text of the cell
item.DataCell.Text = "";
foreach( DataColumn column In groupDataRow.DataView.Table.Columns)
//Check the condition And add only the field you need
If ( column.ColumnName == "Country" )
{
item.DataCell.Text += "Customized display - Country is " + groupDataRow
["Country"].ToString();
}
}
}
Dim groupHeader As GridGroupHeaderItem = grid.MasterTableView.GetItems(GridItemType.GroupHeader)(0)
If (groupHeader.HasChildItems) Then
'operate with the items
Else
'do something else
End If
GridGroupHeaderItem groupHeader = grid.MasterTableView.GetItems(GridItemType.GroupHeader)[0] as GridGroupHeaderItem;
if (groupHeader.HasChildItems)
{
//operate with the items
}
else
{
//do something else
}
foreach (GridNestedViewItem nestedViewItem in radgrid1.MasterTableView.GetItems(GridItemType.NestedView))
{
TableCell cell = nestedViewItem.NestedViewCell;
cell.BorderColor = System.Drawing.Color.Red;
}
Dim nestedViewItem As GridNestedViewItem
For Each nestedViewItem In RadGrid1.MasterTableView.GetItems(GridItemType.NestedView)
Dim cell As TableCell = nestedViewItem.NestedViewCell
cell.BorderColor = System.Drawing.Color.Red
Next nestedViewItem
GridTableView nestedTable = RadGrid1.MasterTableView.Items[0].ChildItem.NestedTableViews[0];
Dim nestedTable As GridTableView = RadGrid1.MasterTableView.Items(0).ChildItem.NestedTableViews(0)
protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
if (e.Item is GridPagerItem)
{
GridPagerItem gridPager = e.Item as GridPagerItem;
Control numericPagerControl = gridPager.GetNumericPager();
gridPager.Controls[0].Controls.Add(numericPagerControl);
}
}
Protected Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs)
If Typeof e.Item Is GridPagerItem Then
Dim gridPager As GridPagerItem = TryCast(e.Item, GridPagerItem)
Dim numericPagerControl As Control = gridPager.GetNumericPager()
gridPager.Controls(0).Controls.Add(numericPagerControl)
End If
End Sub
if (((GridPagerItem)this.Item).IsTopPager)
{
Item.Visible = false;
return;
}
If CType(Me.Item, GridPagerItem).IsTopPager Then
Item.Visible = False
Return
End If
if (e.Item is GridPagerItem)
{
GridPagerItem pagerItem = (e.Item as GridPagerItem);
pagerItem.PagerContentCell.Controls.Clear();
//custom paging
}
If Typeof e.Item Is GridPagerItem Then
Dim pagerItem As GridPagerItem = CType(e.Item, GridPagerItem)
pagerItem.PagerContentCell.Controls.Clear
'custom paging
End If
Parameter {0} is used to display current page number.
Parameter {1} is total number of pages.
Parameter {2} will be replaced with the number of the first item in the current page.
Parameter {3} will be set to the number of the last item in the current page.
Parameter {4} indicates where pager buttons would appear.
Parameter {5} corresponds to number of all items in the datasource.
Change page: {4} Displaying page {0} of {1}, items {2} to {3} of {5}
-
Link
The font program is referenced by name in the rendered PDF. Anyone who views a rendered PDF with a linked font program must have that font installed on their computer otherwise it will not display correctly. -
Embed
The entire font program is embedded in the rendered PDF. Embedding the entire font program guarantees the PDF will display as intended by the author on all computers, however this method does possess several disadvantages:-
Font programs can be extremely large and will significantly increase the size of the rendered PDF. For example, the MS Gothic TrueType collection is 8MB!
-
Certain font programs cannot be embedded due to license restrictions. If you attempt to embed a font program that disallows embedding, RadGrid will substitute the font with a base 14 font and generate a warning message.
-
-
Subset (default value)
Subsetting a font will generate a new font that is embedded in the rendered PDF that contains only the chars referenced by RadGrid. For example, if a particular RadGrid utilised the Verdana font referencing only the character 'A', a subsetted font would be generated at run-time containing only the information necessary to render the character 'A'.
Subsetting provides the benefits of embedding and significantly reduces the size of the font program. However, small processing overhead is incurred to generated the subsetted font.
DataKeyNames= "ID,ParentID" Width="100%">
<SelfHierarchySettings ParentKeyName="ParentID" KeyName="ID" />
</MasterTableView>
-
<radG:RadGrid ID="RadGrid1" EnableAJAX="True" ShowHeader="true" runat="server" Skin="None"
Width= "97%" GridLines="None" OnColumnCreated="RadGrid1_ColumnCreated"
OnItemCreated="RadGrid1_ItemCreated"
OnNeedDataSource= "RadGrid1_NeedDataSource">
<MasterTableView HierarchyDefaultExpanded="true" HierarchyLoadMode="Client" EnableNoRecordsTemplate="false"
DataKeyNames= "ID,ParentID" Width="100%">
<SelfHierarchySettings ParentKeyName="ParentID" KeyName="ID" />
</MasterTableView>
<ClientSettings AllowExpandCollapse="true" /> </radG:RadGrid>
-
<radG:RadGrid ID="RadGrid1" EnableAJAX="True" ShowHeader="true" runat="server" Skin="None"
Width= "97%" GridLines="None" OnColumnCreated="RadGrid1_ColumnCreated"
OnItemCreated="RadGrid1_ItemCreated"
OnNeedDataSource= "RadGrid1_NeedDataSource">
<MasterTableView HierarchyDefaultExpanded="true" HierarchyLoadMode="Client" EnableNoRecordsTemplate="false"
DataKeyNames= "ID,ParentID" Width="100%">
<SelfHierarchySettings ParentKeyName="ParentID" KeyName="ID" />
</MasterTableView>
<ClientSettings AllowExpandCollapse="true" /> -
</radG:RadGrid>
| Gets an object that can be used to synchronize access to the GirdSortExpressionCollection. |
- Server-side - GridTableView.GroupLoadMode.Server
- Client-side - GridTableView.GroupLoadMode.Client
<MasterTableView GroupLoadMode="Server">
|
<MasterTableView GroupLoadMode="Client">
|
<ClientSettings AllowGroupExpandCollapse="True">
|
|
|
</radg:radgrid>
<asp:AccessDataSource ID="AccessDataSource1" DataFile="~/Grid/Data/Access/Nwind.mdb"
SelectCommand="SELECT CustomerID, CompanyName, ContactName FROM Customers"
runat="server">
</asp:AccessDataSource>
protected void RadGrid1_PreRender(object sender, System.EventArgs e)
{
RadGrid1.MasterTableView.GetColumn( "CustomerID" ).Visible = false;
}
[C#]
private void RadGrid1_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
{
if (e.CommandName == RadGrid.InitInsertCommandName)
{
e.Canceled = true;
e.Item.OwnerTableView.InsertItem();
GridEditableItem insertedItem = e.Item.OwnerTableView.GetInsertItem();
GridEditFormItem editFormItem = insertedItem as GridEditFormItem;
TextBox box = editFormItem.FindControl("txtEmployeeID") as TextBox;
box.Text = "11";
}
}
[VB.NET]
Private Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand
If (e.CommandName = RadGrid.InitInsertCommandName) Then
e.Canceled = True
e.Item.OwnerTableView.InsertItem()
Dim insertedItem As GridEditableItem = e.Item.OwnerTableView.GetInsertItem()
Dim editFormItem As GridEditFormItem = CType(insertedItem, GridEditFormItem)
Dim box As TextBox = CType(MyUserControl.FindControl("insertedItem"), TextBox)
box.Text = "11"
End If
End Sub
protected void RadGrid1_InsertCommand(object source, GridCommandEventArgs e)
{
GridDataInsertItem gridDataInsertItem =
(GridDataInsertItem)(RadGrid1.MasterTableView.GetInsertItem());
Hashtable ht = new Hashtable();
gridDataInsertItem.ExtractValues(ht);
//Loop through each "DictionaryEntry" in hash table and insert using key value
foreach (DictionaryEntry ent in ht)
{
//get the key values and insert to custom datasource.
}
}
Protected Sub RadGrid1_InsertCommand(ByVal source As Object, ByVal e As GridCommandEventArgs)
Dim gridDataInsertItem As GridDataInsertItem = CType(RadGrid1.MasterTableView.GetInsertItem,GridDataInsertItem)
Dim ht As Hashtable = New Hashtable
gridDataInsertItem.ExtractValues(ht)
'Loop through each "DictionaryEntry" in hash table and insert using key value
For Each ent As DictionaryEntry In ht
'get the key values and insert to custom datasource.
Next
End Sub
-
Style Description -
GridLines.None No gridlines are displayed. -
GridLines.Horizontal Displays the horizontal gridlines only. -
GridLines.Vertical Displays the vertical gridlines only. -
GridLines.Both Displays both the horizontal and vertical gridlines.
</radGrid:RadGrid>
RadGrid1.GridLines = GridLines.None
RadGrid1.GridLines = GridLines.None;
-
Alignment value Description -
HorizontalAlign.NotSet The horizontal alignment of the GridTableView control has not been set. -
HorizontalAlign.Left The GridTableView control is left-aligned on the page. -
HorizontalAlign.Center The GridTableView control is centered on the page. -
HorizontalAlign.Right The GridTableView control is right-aligned on the page. -
HorizontalAlign.Justify The GridTableView control is aligned with both the left and right margins of the page.
</radG:RadGrid>
RadGrid1.HorizontalAlign = HorizontalAlign.Right
RadGrid1.HorizontalAlign = HorizontalAlign.Right;
protected void RadGrid1_ItemUpdated(object source, Telerik.Web.UI.GridUpdatedEventArgs e)
{
if (e.Exception != null)
{
e.KeepInEditMode = true;
e.ExceptionHandled = true;
Response.Write("Employee " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"] + " cannot be updated. Reason: " + e.Exception.Message);
}
else
{
Response.Write("Employee " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"] + " updated");
}
}
int eID = (int)tableView.DataKeyValues[editedItem.ItemIndex]["EmployeeID"];
Dim eID as Integer = (CInt)tableView.DataKeyValues(editedItem.ItemIndex)("EmployeeID")
Protected Sub RadGrid1_ItemUpdated(ByVal source As Object, ByVal e As Telerik.Web.UI.GridUpdatedEventArgs) Handles RadGrid1.ItemUpdated
If Not e.Exception Is Nothing Then
e.KeepInEditMode = True
e.ExceptionHandled = True
Response.Write("Employee " + e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("EmployeeID").ToString() + " cannot be updated. Reason: " + e.Exception.Message)
Else
Response.Write("Employee " + e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("EmployeeID").ToString() + " updated")
End If
End Sub
This collection can later be accessed on the client, to get the key value(s).
<ClientSettings>
<ClientEvents OnHierarchyExpanded="HierarchyExpanded" />
</ClientSettings>
function HierarchyExpanded(sender, args)
{
var firstClientDataKeyName = args.get_tableView().get_clientDataKeyNames()[0];
alert("Item with " + firstClientDataKeyName + ":'" + args.getDataKeyValue(firstClientDataKeyName)
+ "' expanded.");
}
</script>
in a hierarchical grid, but can be used in any other event, given that a proper reference to the client table view object is obtained.
<MasterTableView>
<NoRecordsTemplate>
<div style="text-align: center; height: 300px">
<asp:Label ForeColor="RoyalBlue" runat="server" ID="Label1">Currently there are no items in this folder.</asp:Label>
<br />
</div>
</NoRecordsTemplate>
</MasterTableView>
</radG:RadGrid>
RadGrid1.MasterTableView.NoRecordsTemplate = New NoRecordsTemplate()
Public Class NoRecordsTemplate
Implements ITemplate
Public Sub New()
End Sub
Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn
Dim lbl As Label = New Label()
lbl.ID = "Label1"
lbl.Text = "Currently there are no items in this folder."
lbl.ForeColor = System.Drawing.Color.RoyalBlue
container.Controls.Add(lbl)
End Sub
End Class
RadGrid1.MasterTableView.NoRecordsTemplate = new NoRecordsTemplate();
class NoRecordsTemplate: ITemplate
{
public NoRecordsTemplate()
{
}
public void InstantiateIn(Control container)
{
Label lbl = new Label();
lbl.ID = "Label1";
lbl.Text = "Currently there are no items in this folder.";
lbl.ForeColor = System.Drawing.Color.RoyalBlue;
container.Controls.Add(lbl);
}
}
<radG:RadGrid ID="RadGrid1" runat="server" DataSourceID="SessionDataSource1">
............
</radG:RadGrid>
If (Not Page.IsPostBack) Then
RadGrid1.MasterTableView.FilterExpression = "([Country] LIKE '<see cref="Germany"/>') "
Dim column As GridColumn = RadGrid1.MasterTableView.GetColumnSafe("Country")
column.CurrentFilterFunction = GridKnownFunction.Contains
column.CurrentFilterValue = "Germany"
End If
if (!Page.IsPostBack)
{
RadGrid1.MasterTableView.FilterExpression = "([Country] LIKE \'<see cref="Germany"/>\') ";
GridColumn column = RadGrid1.MasterTableView.GetColumnSafe("Country");
column.CurrentFilterFunction = GridKnownFunction.Contains;
column.CurrentFilterValue = "Germany";
}
- In ServerBind mode - Roundtrip to the database only when grid is bound. ViewState holds all detail tables data. Only detail table-views of the expanded items are rendered. Postback to the server to expand an item
- In ServerOnDemand mode - Roundtrip to the database when grid is bound and when item is expanded. ViewState holds data for only visible Items (smallest possible). Only detail table-views of the expanded items are rendered. Postback to the server to expand an item.
- In Client mode - Roundtrip to the database only when
grid is bound. ViewState holds all detail tables data. All items are rendered -
even is not visible (not expanded). NO postback to the server to expand an item
- expand/collapse of hierarchy items is managed client-side.
Note: In order to use client-side hierarchy expand, you will need to set alsoto true.
- Server-side - GridTableView.GroupLoadMode.Server
- Client-side - GridTableView.GroupLoadMode.Client
|
GridTableView.GroupLoadMode.Client
Groups will be
expanded client-side and no postback will be performed.
and set the client setting AllowGroupExpandCollapse to
true:
|
|
- InPlace
- EditForms
|
|
- Set AllowPaging = true and AllowCustomPaging = true for your grid instance
- Implement code logic which to extract merely a fixed number of records from the grid source and present them in the grid structure
- The total number of records in the grid source should be defined through the VirtualItemCount property of the MasterTableView/GridTableView instance. Thus the grid "understands" that the data source contains the specified number of records and it should fetch merely part of them at a time to execute requested operation.
Custom paging with ObjectDataSource grid content generator
-
Event Description -
Occurs when one of the pager buttons is clicked, but after the GridTableView control handles the paging operation. This event is commonly used when you need to perform a task after the user navigates to a different page in the control.
<EditFormSettings CaptionFormatString='<img src="img/editRowBg.gif" alt="" />'>
<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" Width="100%" CssClass="none"/>
<FormTableStyle CssClass="EditRow" CellSpacing="0" BorderColor="#c4c0b5" CellPadding="2" Width="100%"/>
<FormStyle Width="100%" BackColor="#ffffe1"></FormStyle>
</EditFormSettings>
The following example demonstrates how to style the Caption of a MasterTableView and detail GridTableView.
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
.MasterTable_Default caption
{
color: red;
}
.DetailTable_Default caption
{
color: blue;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid runat="server" ID="RadGrid1" DataSourceID="SqlDataSource1" AllowPaging="true"
AllowMultiRowEdit="true" OnItemCommand="RadGrid1_ItemCommand" >
<MasterTableView EditMode="EditForms" DataKeyNames="CustomerID" Caption="Master Caption" CommandItemDisplay="Top">
<Columns>
<radG:GridEditCommandColumn>
</radG:GridEditCommandColumn>
</Columns>
<DetailTables>
<radG:GridTableView DataKeyNames="OrderID" DataSourceID="SqlDataSource2" Caption="Detail Caption" CssClass="DetailTable_Default">
<ParentTableRelation>
<radG:GridRelationFields DetailKeyField="CustomerID" MasterKeyField="CustomerID" />
</ParentTableRelation>
</radG:GridTableView>
</DetailTables>
</MasterTableView>
</radG:RadGrid>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="</%$ ConnectionStrings:NorthwindConnectionString2/%>"
SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [ContactTitle] FROM [Customers]">
</asp:SqlDataSource>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="</%$ ConnectionStrings:NorthwindConnectionString2/%>"
SelectCommand="SELECT [OrderID], [CustomerID], [ShipCountry] FROM [Orders] WHERE ([CustomerID] = @CustomerID)">
<SelectParameters>
<asp:Parameter Name="CustomerID" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</form>
</body>
- LTR - left-to-right text
- RTL - right-to-left text
- void: No sides. This is the default value.
- above: The top side only.
- below: The bottom side only.
- hsides: The top and bottom sides only.
- vsides: The right and left sides only.
- lhs: The left-hand side only.
- rhs: The right-hand side only.
- box: All four sides.
- border: All four sides
-
Auto Default (except in some scenarios, e.g. when using static headers with grouping or hierarchy). Column width is set by the widest unbreakable content in the column cells. -
Fixed Table and column widths are set either by the sum of the widths on the objects or, if these are not specified, by the width of the first row of cells. If no width is specified for the table, it renders by default with width=100%.
- Place an attribute in the opening tag of the GridTableView control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, AlternatingItemStyle-ForeColor).
- Nest an <AlternatingItemStyle> element between the opening and closing tags of the GridTableView control.
- Place an attribute in the opening tag of the GridTableView control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, EditItemStyle-ForeColor).
- Nest an <EditItemStyle> element between the opening and closing tags of the GridTableView control.
- Place an attribute in the opening tag of the GridTableView control in the form Property-Subproperty, where Subproperty is a property of the GridPagerStyle object (for example, PagerStyle-ForeColor).
- Nest a <PagerStyle> element between the opening and closing tags of the GridTableView control.
- Place an attribute in the opening tag of the GridTableView control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, HeaderStyle-ForeColor).
- Nest a <HeaderStyle> element between the opening and closing tags of the GridTableView control.
- Place an attribute in the opening tag of the GridTableView control in the form Property-Subproperty, where Subproperty is a property of the Style object (for example, SelectedItemStyle-ForeColor).
- Nest a <SelectedRowStyle> element between the opening and closing tags of the GridTableView control.
..........
<SelectedItemStyle BackColor="#FFE0C0" />
</radG:RadGrid>
RadGrid1.SelectedItemStyle.BackColor = System.Drawing.Color.Azure
RadGrid1.SelectedItemStyle.BackColor = System.Drawing.Color.Azure;
function OnRowDblClick(index)
{
if(this.Name == "MasterTableView")
{
alert("Cliecked row with index " + index + " of the MasterTableView");
}
if(this.Name == "DetailTableView1")
{
alert("Clicked row with index " + index + " of the first detail table");
}
if(this.Name == "DetailTableView2")
{
alert("Clicked row with index " + index + " of the second detail table");
}
}
</script>
<radG:RadGrid ID="RadGrid1" runat="server" >
<MasterTableView Name="MasterTableView">
<DetailTables>
<radG:GridTableView Name="DetailTableView1" >
</radG:GridTableView>
<radG:GridTableView Name="DetailTableView2">
</radG:GridTableView>
</DetailTables>
</MasterTableView>
<ClientSettings>
<ClientEvents OnRowDblClick="OnRowDblClick"></ClientEvents>
</ClientSettings>
</radG:RadGrid>
DataItems items in the hiearchy of a GridTableView.
- None - this is the default value - the command item will not be rendered
- Top - the command item will be rendered on the top of the grid
- Bottom - the command item will be rendered on the bottom of the grid
- TopAndBottom - the command item will be rendered both on top and bottom of the grid.
-
Column's data-format-string depending on the type of the column. For example
-
Column's
will be copied to
-
fieldname: the name of any field from the
- alias: alas string. This cannot contain blanks or other reserved symbols like ',', '.' etc.
-
aggregate: any of - min, max,
sum, count, last, first etc (the same
as in
enumeration ) - sort: asc or desc - the sort order of the grouped items
Country, City, count(Country) Items, ContactName Group By Country, City desc
Country, City, count(Country) Items, ContactName Group By Country, City desc
protected void RadGrid1_PreRender(object sender, System.EventArgs e)
{
TableCell cell;
foreach (cell in RadGrid1.GroupPanel.GroupPanelItems)
{
Control ctrl;
foreach (ctrl in cell.Controls)
{
if (ctrl is ImageButton)
{
ImageButton button = ctrl as ImageButton;
button.ImageUrl = "<my_img_url>";
button.CausesValidation = false;
}
}
}
}
Protected Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.PreRender
Dim cell As TableCell
For Each cell In RadGrid1.GroupPanel.GroupPanelItems
Dim ctrl As Control
For Each ctrl In cell.Controls
If (Typeof ctrl Is ImageButton) Then
Dim button As ImageButton = CType(ctrl, ImageButton)
button.ImageUrl = "<my_img_url>"
button.CausesValidation = False
End If
Next ctrl
Next cell
End Sub
protected void RadGrid1_PreRender(object sender, System.EventArgs e)
{
TableCell cell;
foreach (cell in RadGrid1.GroupPanel.GroupPanelItems)
{
Control ctrl;
foreach (ctrl in cell.Controls)
{
if (ctrl is ImageButton)
{
ImageButton button = ctrl as ImageButton;
button.ImageUrl = "<my_img_url>";
button.CausesValidation = false;
}
}
}
}
Protected Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.PreRender
Dim cell As TableCell
For Each cell In RadGrid1.GroupPanel.GroupPanelItems
Dim ctrl As Control
For Each ctrl In cell.Controls
If (Typeof ctrl Is ImageButton) Then
Dim button As ImageButton = CType(ctrl, ImageButton)
button.ImageUrl = "<my_img_url>"
button.CausesValidation = False
End If
Next ctrl
Next cell
End Sub
<GroupPanel Text="Drag here the column you need to group by."></GroupPanel>
<GroupPanel Text="Drag a column here.">
<PanelStyle BackColor="Aqua" BorderStyle="Dotted" />
</GroupPanel>
<GroupPanel Text="Drag a column here.">
<PanelStyle BackColor="Aqua" BorderStyle="Dotted" />
<PanelItemsStyle BackColor="Black" Font-Italic="true"/>
</GroupPanel>
<radG:GridTemplateColumn UniqueName="TemplateColumn">
<EditItemTemplate>
<asp:LinkButton runat="server" ID="Cancel" Text="Cancel Edit" CommandName="Cancel">
</asp:LinkButton>
</EditItemTemplate>
</radG:GridTemplateColumn>
<radG:GridTemplateColumn UniqueName="TemplateColumn">
<ItemTemplate>
<asp:LinkButton runat="server" ID="Delete" Text="Delete" CommandName="Delete">
</asp:LinkButton>
</ItemTemplate>
</radG:GridTemplateColumn>
<radG:GridTemplateColumn UniqueName="TemplateColumn">
<ItemTemplate>
<asp:LinkButton runat="server" ID="Edit" Text="Edit" CommandName="Edit">
</asp:LinkButton>
</ItemTemplate>
</radG:GridTemplateColumn>
<CommandItemTemplate>
<asp:LinkButton runat="server" ID="AddNew" Text="Add new record" CommandName="InitInsert">
</asp:LinkButton>
</CommandItemTemplate>
<radG:GridTemplateColumn UniqueName="TemplateColumn">
<EditItemTemplate>
<asp:LinkButton runat="server" ID="Update" Text="Update" CommandName="Update">
</asp:LinkButton>
</EditItemTemplate>
</radG:GridTemplateColumn>
<CommandItemTemplate>
<asp:LinkButton runat="server" ID="UpdateEdited" Text="Update Edited" CommandName="UpdateEdited">
</asp:LinkButton>
</CommandItemTemplate>
<CommandItemTemplate>
<asp:LinkButton runat="server" ID="DeleteSelected" Text="Delete Selected" CommandName="DeleteSelected">
</asp:LinkButton>
</CommandItemTemplate>
The following code example demonstrates how to specify and code a handler for the CancelCommand event to cancel edits made to an item in the Telerik RadGrid control.
<%@ Page Language="VB" > @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_CancelCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
Response.Write("Cancel")
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnCancelCommand="RadGrid1_CancelCommand" >
<MasterTableView>
<Columns>
<radG:GridEditCommandColumn>
</radG:GridEditCommandColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$ ConnectionStrings: NorthwindConnectionString %>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
For example if Edit command bubbles, grid will automatically rebind and display the item in edit mode, with no additional code.
<%@ Page Language="VB" /> @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_DeleteCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
Response.Write("Delete")
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnDeleteCommand="RadGrid1_DeleteCommand" >
<MasterTableView>
<Columns>
<radG:GridButtonColumn Text="Delete" CommandName="Delete" UniqueName="Delete"></radG:GridButtonColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$ ConnectionStrings: NorthwindConnectionString %>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" /> @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_EditCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
Response.Write("Edit")
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnEditCommand="RadGrid1_EditCommand" >
<MasterTableView>
<Columns>
<radG:GridEditCommandColumn>
</radG:GridEditCommandColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" <see cref="> <"/>@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs)
If e.Item.ItemType = GridItemType.AlternatingItem Or e.Item.ItemType = GridItemType.Item Then
Dim item As Telerik.Web.UI.GridDataItem
item = e.Item
Dim LinkButton1 As LinkButton
LinkButton1 = item("LinkColumn").FindControl("LinkButton1")
LinkButton1.CommandArgument = e.Item.ItemIndex.ToString()
End If
End Sub
Protected Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
' If multiple buttons are used in a Telerik RadGrid control, use the
' CommandName property to determine which button was clicked.
If e.CommandName = "Add" Then
' Convert the row index stored in the CommandArgument
' property to an Integer.
Dim index As Integer = Convert.ToInt32(e.CommandArgument)
' Retrieve the item that contains the button clicked
' by the user from the Items collection.
Dim item As Telerik.Web.UI.GridDataItem = RadGrid1.Items(index)
' Create a new ListItem object for the customer in the item.
Dim nitem As New ListItem()
nitem.Text = Server.HtmlDecode(item("CustomerID").Text)
' If the customer is not already in the ListBox, add the ListItem
' object to the Items collection of the ListBox control.
If Not CustomersListBox.Items.Contains(nitem) Then
CustomersListBox.Items.Add(nitem)
End If
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnItemCreated="RadGrid1_ItemCreated" OnItemCommand="RadGrid1_ItemCommand">
<MasterTableView>
<Columns>
<radG:GridTemplateColumn
UniqueName="LinkColumn"
HeaderText="LinkColumn">
<ItemTemplate>
<asp:LinkButton CommandName="Add" Text="click" ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
</ItemTemplate>
</radG:GridTemplateColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<asp:listbox id="CustomersListBox" runat="server"/>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" > <@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs)
If e.Item.ItemType = GridItemType.AlternatingItem Or e.Item.ItemType = GridItemType.Item Then
Dim item As Telerik.Web.UI.GridDataItem
item = e.Item
Dim LinkButton1 As LinkButton
LinkButton1 = item("LinkColumn").FindControl("LinkButton1")
LinkButton1.CommandArgument = e.Item.ItemIndex.ToString()
End If
End Sub
Protected Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
' If multiple buttons are used in a Telerik RadGrid control, use the
' CommandName property to determine which button was clicked.
If e.CommandName = "Add" Then
' Convert the row index stored in the CommandArgument
' property to an Integer.
Dim index As Integer = Convert.ToInt32(e.CommandArgument)
' Retrieve the item that contains the button clicked
' by the user from the Items collection.
Dim item As Telerik.Web.UI.GridDataItem = RadGrid1.Items(index)
' Create a new ListItem object for the customer in the item.
Dim nitem As New ListItem()
nitem.Text = Server.HtmlDecode(item("CustomerID").Text)
' If the customer is not already in the ListBox, add the ListItem
' object to the Items collection of the ListBox control.
If Not CustomersListBox.Items.Contains(nitem) Then
CustomersListBox.Items.Add(nitem)
End If
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnItemCreated="RadGrid1_ItemCreated" OnItemCommand="RadGrid1_ItemCommand">
<MasterTableView>
<Columns>
<radG:GridTemplateColumn
UniqueName="LinkColumn"
HeaderText="LinkColumn">
<ItemTemplate>
<asp:LinkButton CommandName="Add" Text="click" ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
</ItemTemplate>
</radG:GridTemplateColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<asp:listbox id="CustomersListBox" runat="server"/>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString">"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- GridDataItem
- GridEditFormItem
- GridHeaderItem
- GridPagerItem
- GridFooterItem
<%@ Page Language="VB"> <@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs)
If e.Item.ItemType = GridItemType.AlternatingItem Or e.Item.ItemType = GridItemType.Item Then
Dim item As Telerik.Web.UI.GridDataItem
item = e.Item
item("CustomerID").Text = "Telerik"
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnItemDataBound="RadGrid1_ItemDataBound">
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</form>
</body>
</html>
protected void RadGrid1_PageSizeChanged(object source, GridPageSizeChangedEventArgs e)
{
if(e.NewPageSize < 1)
e.Canceled = true;
}
<%@ Page Language="VB" > <@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_SortCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridSortCommandEventArgs)
Response.Write("Sort")
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1" AllowSorting="true"
runat="server" OnSortCommand="RadGrid1_SortCommand" >
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" > <@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_UpdateCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
Response.Write("Update")
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnUpdateCommand="RadGrid1_UpdateCommand" >
<MasterTableView>
<Columns>
<radG:GridEditCommandColumn>
</radG:GridEditCommandColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" > <@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_InsertCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs)
Response.Write("Insert")
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server" OnInsertCommand="RadGrid1_InsertCommand" >
<MasterTableView CommandItemDisplay="TopAndBottom">
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
protected void RadGrid1_GroupsChanging(object source, Telerik.Web.UI.GridGroupsChangingEventArgs e)
{
//Expression is added (by drag/grop on group panel)
if (e.Action == GridGroupsChangingAction.Group)
{
if (e.Expression.GroupByFields[0].FieldName != "CustomerID")
{
GridGroupByField countryGroupField = new GridGroupByField();
countryGroupField.FieldName = "Country";
GridGroupByField cityGroupField = new GridGroupByField();
cityGroupField.FieldName = "City";
e.Expression.SelectFields.Clear();
e.Expression.SelectFields.Add(countryGroupField);
e.Expression.SelectFields.Add(cityGroupField);
e.Expression.GroupByFields.Clear();
e.Expression.GroupByFields.Add(countryGroupField);
e.Expression.GroupByFields.Add(cityGroupField);
}
}
}
Protected Sub RadGrid1_GroupsChanging(ByVal source As Object, ByVal e As Telerik.Web.UI.GridGroupsChangingEventArgs)
'Expression is added (by drag/grop on group panel)
If (e.Action = GridGroupsChangingAction.Group) Then
If (e.Expression.GroupByFields(0).FieldName <> "CustomerID") Then
Dim countryGroupField As GridGroupByField = New GridGroupByField
countryGroupField.FieldName = "Country"
Dim cityGroupField As GridGroupByField = New GridGroupByField
cityGroupField.FieldName = "City"
e.Expression.SelectFields.Clear
e.Expression.SelectFields.Add(countryGroupField)
e.Expression.SelectFields.Add(cityGroupField)
e.Expression.GroupByFields.Clear
e.Expression.GroupByFields.Add(countryGroupField)
e.Expression.GroupByFields.Add(cityGroupField)
End If
End If
End Sub
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server">
<GroupingSettings ExpandTooltip="ExpandTooltip" />
<MasterTableView>
<GroupByExpressions>
<radG:GridGroupByExpression>
<SelectFields>
<radG:GridGroupByField FieldAlias="CompanyName" FieldName="CompanyName" ></radG:GridGroupByField>
</SelectFields>
<GroupByFields>
<radG:GridGroupByField FieldName="CompanyName" SortOrder="Descending"></radG:GridGroupByField>
</GroupByFields>
</radG:GridGroupByExpression>
</GroupByExpressions>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridGroupingSettings object (for example, GroupingSettings-ExpandTooltip).
- Nest a <GroupingSettings> element between the opening and closing tags of the Telerik RadGrid control.
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridSortingSettings object (for example, SortingSettings-SortedAscToolTip).
- Nest a <SortingSettings> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
AllowSorting="true">
<SortingSettings SortToolTip="SortToolTip" SortedAscToolTip="SortedAscToolTip" SortedDescToolTip="SortedDescToolTip" />
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridHierarchySettings object (for example, HierarchySettings-CollapseTooltip).
- Nest a <HierarchySettings> element between the opening and closing tags of the Telerik RadGrid control.
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridExportSettings object (for example, GroupingSettings-ExpandTooltip).
- Nest a <GroupingSettings> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
AutoGenerateColumns="false"
runat="server">
<ValidationSettings
EnableValidation="true"
CommandsToValidate="PefrormInsert" />
<MasterTableView CommandItemDisplay="TopAndBottom">
<Columns>
<radG:GridEditCommandColumn>
</radG:GridEditCommandColumn>
<radG:GridTemplateColumn HeaderText="ContactName" UniqueName="ContactName" DataField="ContactName">
<ItemTemplate>
<%# Eval("ContactName") <see cref="TextBox Text='<">>
</ItemTemplate>
<EditItemTemplate>
<asp</see># Bind("ContactName") %>' ID="TextBox1" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ControlToValidate="TextBox1" ID="RequiredFieldValidator1" runat="server" ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator>
</EditItemTemplate>
</radG:GridTemplateColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT TOP 3 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridValidationSettings object (for example, ValidationSettings-EnableValidation).
- Nest a <ValidationSettings> element between the opening and closing tags of the Telerik RadGrid control.
Finally, you can use standard paging instead of custom paging to ensure the consistency of the data on grouping.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
AllowPaging="true" >
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
AllowSorting="true">
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridClientSettings object (for example, ClientSettings-AllowDragToGroup).
- Nest a <ClientSettings> element between the opening and closing tags of the Telerik RadGrid control.
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, AlternatingItemStyle-ForeColor).
- Nest an <AlternatingItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head id="Head1" runat="server">
<title>GridView ItemStyle and AlternatingItemStyle Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>GridView ItemStyle and AlternatingItemStyle Example</h3>
<radG:RadGrid id="CustomersGridView"
datasourceid="CustomersSource"
autogeneratecolumns="true"
Skin=""
runat="server">
<itemstyle backcolor="LightCyan"
forecolor="DarkBlue"
font-italic="true"/>
<alternatingitemstyle backcolor="PaleTurquoise"
forecolor="DarkBlue"
font-italic="true"/>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:sqldatasource id="CustomersSource"
selectcommand="Select [CustomerID], [CompanyName], [Address], [City], [PostalCode], [Country] From [Customers]"
connectionstring="<<see cref="NorthWindConnectionString">$ ConnectionStrings</see>>"
runat="server"/>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, GroupHeaderItemStyle-ForeColor).
- Nest a <GroupHeaderItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin="None" >
<GroupHeaderItemStyle BackColor="red" />
<MasterTableView>
<GroupByExpressions>
<radG:GridGroupByExpression>
<SelectFields>
<radG:GridGroupByField FieldAlias="CompanyName" FieldName="CompanyName" ></radG:GridGroupByField>
</SelectFields>
<GroupByFields>
<radG:GridGroupByField FieldName="CompanyName" SortOrder="Descending"></radG:GridGroupByField>
</GroupByFields>
</radG:GridGroupByExpression>
</GroupByExpressions>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
-
Runtime auto-generated columns will always appear after the user-specified columns, unless the columns are ordered programmatically.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
AutoGenerateColumns="true"
AllowSorting="true">
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
-
Note: There is only one Master Table for a single Telerik RadGrid. This is the topmost table. All inner tables are referred as a Detail Tables regardless of whether they have related (inner) tables or not.
<radg:radgrid id="RadGrid1" runat="server"
CssClass= "RadGrid" Width="100%" AutoGenerateColumns="False" PageSize="3" AllowSorting="True"
AllowMultiRowSelection= "False" AllowPaging="True" GridLines="None" AllowFilteringByColumn="true">
<PagerStyle Mode="NumericPages" CssClass="Pager"></PagerStyle>
<HeaderStyle CssClass="Header"></HeaderStyle>
<ItemStyle CssClass="Row"></ItemStyle>
<AlternatingItemStyle CssClass="AltRow"></AlternatingItemStyle>
<MasterTableView DataKeyNames="CustomerID" AllowMultiColumnSorting="True">
<DetailTables>
<radG:GridTableView DataKeyNames="OrderID" DataMember="Orders">
<ParentTableRelation>
<radG:GridRelationFields DetailKeyField="CustomerID" MasterKeyField="CustomerID" />
</ParentTableRelation>
<DetailTables>
<radG:GridTableView DataKeyNames="OrderID" DataMember="OrderDetails">
<ParentTableRelation>
<radG:GridRelationFields DetailKeyField="OrderID" MasterKeyField="OrderID" />
</ParentTableRelation>
<Columns>
<radG:GridBoundColumn SortExpression="UnitPrice" HeaderText="Unit Price" HeaderButtonType="TextButton"
DataField= "UnitPrice">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="Quantity" HeaderText="Quantity" HeaderButtonType="TextButton"
DataField= "Quantity">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="Discount" HeaderText="Discount" HeaderButtonType="TextButton"
DataField= "Discount">
</radG:GridBoundColumn>
</Columns>
<SortExpressions>
<radG:GridSortExpression FieldName="Quantity" SortOrder="Descending"></radG:GridSortExpression>
</SortExpressions>
<ItemStyle BackColor="#A7B986"></ItemStyle>
<HeaderStyle CssClass="Header1"></HeaderStyle>
<AlternatingItemStyle BackColor="#D9E8C4"></AlternatingItemStyle>
</radG:GridTableView>
</DetailTables>
<Columns>
<radG:GridBoundColumn SortExpression="OrderID" HeaderText="OrderID" HeaderButtonType="TextButton"
DataField= "OrderID">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="OrderDate" HeaderText="Date Ordered" HeaderButtonType="TextButton"
DataField= "OrderDate">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="EmployeeID" HeaderText="EmployeeID" HeaderButtonType="TextButton"
DataField= "EmployeeID">
</radG:GridBoundColumn>
</Columns>
<SortExpressions>
<radG:GridSortExpression FieldName="OrderDate"></radG:GridSortExpression>
</SortExpressions>
<ItemStyle Height="19px" BackColor="#FCEDB0"></ItemStyle>
<HeaderStyle CssClass="Header2" ForeColor="#ffffff"></HeaderStyle>
<AlternatingItemStyle Height="19px" BackColor="#D5B96A"></AlternatingItemStyle>
</radG:GridTableView>
</DetailTables>
<Columns>
<radG:GridBoundColumn SortExpression="CustomerID" HeaderText="CustomerID" HeaderButtonType="TextButton"
DataField= "CustomerID">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="ContactName" HeaderText="Contact Name" HeaderButtonType="TextButton"
DataField= "ContactName">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="CompanyName" HeaderText="Company" HeaderButtonType="TextButton"
DataField= "CompanyName">
</radG:GridBoundColumn>
</Columns>
<SortExpressions>
<radG:GridSortExpression FieldName="CompanyName"></radG:GridSortExpression>
</SortExpressions>
</MasterTableView>
<SelectedItemStyle ForeColor="White" BackColor="DarkBlue" CssClass=""></SelectedItemStyle>
</radg:radgrid>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, EditItemStyle-ForeColor).
- Nest a <EditItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin="" >
<EditItemStyle BackColor="red" />
<MasterTableView>
<Columns>
<radG:GridEditCommandColumn>
</radG:GridEditCommandColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, FooterItemStyle-ForeColor).
- Nest a <FooterItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin=""
ShowFooter="true" >
<FooterStyle BackColor="red" />
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, HeaderItemStyle-ForeColor).
- Nest a <HeaderItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin="" >
<HeaderStyle BackColor="red" />
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, FilterItemStyle-ForeColor).
- Nest a <FilterItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin=""
AllowFilteringByColumn="true">
<FilterItemStyle BackColor="red" />
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, CommandItemStyle-ForeColor).
- Nest a <CommandItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin="">
<CommandItemStyle BackColor="red" />
<MasterTableView CommandItemDisplay="TopAndBottom">
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, ActiveItemStyle-ForeColor).
- Nest a <ActiveItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<%@ Page language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head id="Head1" runat="server">
<title>GridView ItemStyle And AlternatingItemStyle Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>GridView ItemStyle And AlternatingItemStyle Example</h3>
<radG:RadGrid id="CustomersGridView"
datasourceid="CustomersSource"
autogeneratecolumns="true"
Skin=""
runat="server">
<itemstyle backcolor="LightCyan"
forecolor="DarkBlue"
font-italic="true"/>
<alternatingitemstyle backcolor="PaleTurquoise"
forecolor="DarkBlue"
font-italic="true"/>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:sqldatasource id="CustomersSource"
selectcommand="Select [CustomerID], [CompanyName], [Address], [City], [PostalCode], [Country] From [Customers]"
connectionstring="<<see cref="NorthWindConnectionString">$ ConnectionStrings</see>>"
runat="server"/>
</form>
</body>
</html>
<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void RadGrid1_PreRender(object sender, EventArgs e)
{
Label1.Text = RadGrid1.PageCount.ToString();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
AllowPaging="true"
runat="server" OnPreRender="RadGrid1_PreRender">
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
</form>
</body>
</html>
<%@ Page Language="VB" > <@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs)
Label1.Text = RadGrid1.PageCount.ToString()
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
AllowPaging="true"
runat="server" OnPreRender="RadGrid1_PreRender" >
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
</form>
</body>
</html>
<%@ Page Language="VB" %>
<%@ Import Namespace="System.Data" <see cref="> <"/>@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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">
<script runat="server">
Function CreateDataSource() As ICollection
Dim dt As New DataTable()
Dim dr As DataRow
dt.Columns.Add(New DataColumn("IntegerValue", GetType(Int32)))
dt.Columns.Add(New DataColumn("StringValue", GetType(String)))
dt.Columns.Add(New DataColumn("DateTimeValue", GetType(String)))
dt.Columns.Add(New DataColumn("BoolValue", GetType(Boolean)))
Dim i As Integer
For i = 0 To 99
dr = dt.NewRow()
dr(0) = i
dr(1) = "Item " & i.ToString()
dr(2) = DateTime.Now.ToShortDateString()
If i Mod 2 <> 0 Then
dr(3) = True
Else
dr(3) = False
End If
dt.Rows.Add(dr)
Next i
Dim dv As New DataView(dt)
Return dv
End Function 'CreateDataSource
Sub ShowStats()
lblEnabled.Text = "AllowPaging is " & RadGrid1.AllowPaging
lblCurrentIndex.Text = "CurrentPageIndex is " & RadGrid1.CurrentPageIndex
lblPageCount.Text = "PageCount is " & RadGrid1.PageCount
lblPageSize.Text = "PageSize is " & RadGrid1.PageSize
End Sub 'ShowStats
Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource
RadGrid1.DataSource = CreateDataSource()
ShowStats()
End Sub
Protected Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBox1.CheckedChanged
If CheckBox1.Checked Then
RadGrid1.PagerStyle.Mode = GridPagerMode.NumericPages
Else
RadGrid1.PagerStyle.Mode = GridPagerMode.NextPrev
End If
RadGrid1.Rebind()
End Sub
</script>
<head id="Head1" runat="server">
<title>RadGrid Paging Example</title>
</head>
<body>
<h3>
RadGrid Paging Example</h3>
<form id="form1" runat="server">
<radG:RadGrid ID="RadGrid1" runat="server" AllowPaging="True">
<PagerStyle Mode="NumericPages" HorizontalAlign="Right"></PagerStyle>
<HeaderStyle BackColor="#aaaadd"></HeaderStyle>
<AlternatingItemStyle BackColor="#eeeeee"></AlternatingItemStyle>
</radG:RadGrid>
<br />
<asp:CheckBox ID="CheckBox1" runat="server" Text="Show numeric page navigation buttons"
AutoPostBack="true" />
<br />
<table style="background-color: #eeeeee; padding: 6">
<tr>
<td style="display: inline">
<asp:Label ID="lblEnabled" runat="server" /><br />
<asp:Label ID="lblCurrentIndex" runat="server" /><br />
<asp:Label ID="lblPageCount" runat="server" /><br />
<asp:Label ID="lblPageSize" runat="server" /><br />
</td>
</tr>
</table>
</form>
</body>
</html>
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" <see cref="> <"/>@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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">
<script runat="server">
ICollection CreateDataSource()
{
DataTable dt = new DataTable();
DataRow dr;
dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
dt.Columns.Add(new DataColumn("StringValue", typeof(string)));
dt.Columns.Add(new DataColumn("DateTimeValue", typeof(string)));
dt.Columns.Add(new DataColumn("BoolValue", typeof(bool)));
int i;
for (i = 0; (i <= 99); i++)
{
dr = dt.NewRow();
dr[0] = i;
dr[1] = ("Item " + i.ToString());
dr[2] = DateTime.Now.ToShortDateString();
if (((i % 2)
!= 0))
{
dr[3] = true;
}
else
{
dr[3] = false;
}
dt.Rows.Add(dr);
}
DataView dv = new DataView(dt);
return dv;
}
// CreateDataSource
void ShowStats()
{
lblEnabled.Text = ("AllowPaging is " + RadGrid1.AllowPaging);
lblCurrentIndex.Text = ("CurrentPageIndex is " + RadGrid1.CurrentPageIndex);
lblPageCount.Text = ("PageCount is " + RadGrid1.PageCount);
lblPageSize.Text = ("PageSize is " + RadGrid1.PageSize);
}
// ShowStats
protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
RadGrid1.DataSource = CreateDataSource();
ShowStats();
}
protected void CheckBox1_CheckedChanged(object sender, System.EventArgs e)
{
if (CheckBox1.Checked)
{
RadGrid1.PagerStyle.Mode = GridPagerMode.NumericPages;
}
else
{
RadGrid1.PagerStyle.Mode = GridPagerMode.NextPrev;
}
RadGrid1.Rebind();
}
</script>
<head id="Head1" runat="server">
<title>RadGrid Paging Example</title>
</head>
<body>
<h3>
RadGrid Paging Example</h3>
<form id="form1" runat="server">
<radG:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" OnNeedDataSource="RadGrid1_NeedDataSource">
<PagerStyle Mode="NumericPages" HorizontalAlign="Right"></PagerStyle>
<HeaderStyle BackColor="#aaaadd"></HeaderStyle>
<AlternatingItemStyle BackColor="#eeeeee"></AlternatingItemStyle>
</radG:RadGrid>
<br />
<asp:CheckBox ID="CheckBox1" runat="server" Text="Show numeric page navigation buttons"
AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" />
<br />
<table style="background-color: #eeeeee; padding: 6">
<tr>
<td style="display: inline">
<asp:Label ID="lblEnabled" runat="server" /><br />
<asp:Label ID="lblCurrentIndex" runat="server" /><br />
<asp:Label ID="lblPageCount" runat="server" /><br />
<asp:Label ID="lblPageSize" runat="server" /><br />
</td>
</tr>
</table>
</form>
</body>
</html>
private void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
RadGrid1.SelectedIndexes.Add(1, 0, 1, 0, 1);
//Index of 1, 0, 1, 0, 1 means:
//1 - item with index 1 in the MasterTabelView
//0 - detail table with index 0
//1 - item with index 1 (the second item) in the first detail table
//0 - 0 the third-level detail table
//1 - the item with index 1 in the third-level table
}
}
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not IsPostBack Then
RadGrid1.SelectedIndexes.Add(1, 0, 1, 0, 1)
'Index of 1, 0, 1, 0, 1 means:
'1 - item With index 1 In the MasterTabelView
'0 - detail table With index 0
'1 - item With index 1 (the second item) In the first detail table
'0 - 0 the third-level detail table
'1 - the item With index 1 In the third-level table
End If
End Sub
<CommandItemTemplate>
<asp:LinkButton ID="LinkButton1" Visible="<%# (!(RadGrid1.MasterTableView.IsItemInserted || RadGrid1.EditIndexes.Count >0 )) %>"
runat="server" CommandName="InitInsert">Add New</asp:LinkButton>
</CommandItemTemplate>
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Sub RadGrid1_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)
' Display the primary key value of the selected row.
Label1.Text = "The primary key value of the selected row is " & _
RadGrid1.SelectedValue.ToString() & "."
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>RadGrid SelectedValue Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadGrid SelectedValue Example</h3>
<asp:Label ID="Label1" ForeColor="Red" runat="server" />
<radG:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1"
OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged"
runat="server">
<MasterTableView DataKeyNames="CustomerID">
<Columns>
<radG:GridButtonColumn CommandName="Select" Text="Select" />
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource ID="SqlDataSource1" SelectCommand="SELECT * FROM [Customers]"
runat="server" ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>" />
</form>
</body>
</html>
<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void RadGrid1_SelectedIndexChanged(object sender, EventArgs e)
{
// Display the primary key value of the selected row.
Label1.Text = "The primary key value of the selected row is " +
RadGrid1.SelectedValue.ToString() + ".";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>RadGrid SelectedValue Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadGrid SelectedValue Example</h3>
<asp:Label ID="Label1" ForeColor="Red" runat="server" />
<radG:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged"
runat="server">
<MasterTableView DataKeyNames="CustomerID">
<Columns>
<radG:GridButtonColumn CommandName="Select" Text="Select" />
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server And connects -->
<!-- To the Northwind sample database. Use an ASP.NET -->
<!-- expression To retrieve the connection String value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource ID="SqlDataSource1" SelectCommand="SELECT * FROM [Customers]"
runat="server" ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>" />
</form>
</body>
</html>
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server"
Skin="">
<SelectedItemStyle BackColor="red" />
<MasterTableView>
<Columns>
<radG:GridButtonColumn
Text="Select"
UniqueName="Select"
CommandName="Select">
</radG:GridButtonColumn>
</Columns>
</MasterTableView>
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<%$NorthwindConnectionString>"
SelectCommand="SELECT TOP 5 [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
- Place an attribute in the opening tag of the Telerik RadGrid control in the form Property-Subproperty, where Subproperty is a property of the GridTableItemStyle object (for example, SelectedItemStyle-ForeColor).
- Nest a <SelectedItemStyle> element between the opening and closing tags of the Telerik RadGrid control.
<radG:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" ShowStatusBar="true" EnableAjax="true">
<StatusBarSettings LoadingText="Loading... Please wait!" ReadyText="Online" />
</radG:RadGrid>
<head runat="server">
<title>Filter menu change</title>
<style type="text/css">
.FilterMenuClass1 td
{
background-color: white;
color: green;
font-size: 10px;
}
.FilterMenuClass2 td
{
background-color: blue;
color: white;
font-size: 15px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
function GridCreated()
{
window.setTimeout(SetFilterMenuClass(this), 500);
}
function SetFilterMenuClass(gridObject)
{
gridObject.FilterMenu.SelectColumnBackColor = "";
gridObject.FilterMenu.TextColumnBackColor = "";
}
</script>
<radG:RadGrid ID="RadGrid1" AllowFilteringByColumn="true" DataSourceID= "AccessDataSource1"
AllowSorting= "True" runat="server">
<FilterMenu CssClass="FilterMenuClass1"></FilterMenu>
<ClientSettings>
<ClientEvents OnGridCreated="GridCreated" />
</ClientSettings>
</radG:RadGrid>
<br />
<asp:AccessDataSource ID="AccessDataSource1" DataFile="~/Grid/Data/Access/Nwind.mdb"
SelectCommand= "SELECT TOP 10 CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers"
runat= "server"></asp:AccessDataSource>
<radG:RadGrid ID="RadGrid2" DataSourceID="AccessDataSource1" AllowSorting="True"
AllowFilteringByColumn= "true" Skin="Windows" runat="server">
<ClientSettings>
<ClientEvents OnGridCreated="GridCreated" />
</ClientSettings>
<FilterMenu CssClass="FilterMenuClass2"></FilterMenu>
</radG:RadGrid>
</div>
</form>
</body>
</html>
<
radG:RadGrid ID="RadGrid1" DataSourceID="AccessDataSource1" AllowPaging="True" ShowFooter="True"
runat="server" AutoGenerateColumns="False" AllowSorting="True" PageSize="3" Width="925px"
GridLines="None" CellPadding="0" Skin="Default" AllowMultiRowSelection="true">
<MasterTableView ShowFooter="True">
<RowIndicatorColumn Visible="False" UniqueName="RowIndicator">
<HeaderStyle Width="20px"></
HeaderStyle>
</RowIndicatorColumn
>
<Columns
>
<radG:GridEditCommandColumn FooterText="EditCommand footer" UniqueName="EditCommandColumn"
HeaderText="Edit Command Column">
</radG:GridEditCommandColumn
>
<radG:GridClientSelectColumn UniqueName="CheckboxSelectColumn" HeaderText="CheckboxSelect column <br
/>" />
<radG:GridBoundColumn FooterText="BoundColumn footer" UniqueName="CustomerID" SortExpression="CustomerID"
HeaderText="Bound<br/
>Column" DataField="CustomerID">
</radG:GridBoundColumn
>
<radG:GridCheckBoxColumn FooterText="CheckBoxColumn footer" UniqueName="Bool" HeaderText="CheckBox<
br/>Column"
DataField="Bool">
</radG:GridCheckBoxColumn
>
<radG:GridDropDownColumn FooterText="DropDownColumn footer" UniqueName="DropDownListColumn"
ListTextField="ContactName" ListValueField="CustomerID" DataSourceID="AccessDataSource2"
HeaderText="DropDown<
br/>Column" DataField="CustomerID">
</radG:GridDropDownColumn
>
<radG:GridButtonColumn FooterText="PushButtonColumn<
br/>footer" DataTextFormatString="Select {0}"
ButtonType="PushButton" UniqueName="column" HeaderText="PushButton<
br/>Column"
CommandName="Select" DataTextField="CustomerID">
</radG:GridButtonColumn
>
<radG:GridButtonColumn FooterText="LinkButtonColumn footer" DataTextFormatString="Remove selection"
UniqueName="column1" HeaderText="LinkButton<
br/>Column" CommandName="Deselect"
DataTextField="CustomerID">
</radG:GridButtonColumn
>
<radG:GridHyperLinkColumn FooterText="HyperLinkColumn footer" DataTextFormatString="Search Google for '{0}'"
DataNavigateUrlField="CompanyName" UniqueName="CompanyName" DataNavigateUrlFormatString="http://www.google.com/search?hl=en&q={0}&btnG=Google+Search"
HeaderText="HyperLink<
br/>Column" DataTextField="CompanyName">
</radG:GridHyperLinkColumn
>
<radG:GridTemplateColumn UniqueName="TemplateColumn" SortExpression="CompanyName">
<FooterTemplate
>
<img src="Img/image.gif" alt="" style="vertical-align: middle" />
Template footer
</FooterTemplate
>
<HeaderTemplate
>
<table id="Table1" cellspacing="0" cellpadding="0" width="300" border="1">
<tr
>
<td colspan="2" align="center">
<b
>Contact details</b
></td
>
</tr
>
<tr
>
<td style="width: 50%" align="center">
<asp:LinkButton CssClass="Button" Width="140" ID="btnContName" Text="Contact name"
Tooltip="Sort by ContactName" CommandName='Sort' CommandArgument='ContactName' runat="server" /></td>
<td style="width: 50%" align="center">
<asp:LinkButton CssClass="Button" Width="140" ID="btnContTitle" Text="Contact title"
Tooltip="Sort by ContactTitle" CommandName='Sort' CommandArgument='ContactTitle'
runat="server" /></td>
</tr
>
</table
>
</HeaderTemplate
>
<ItemTemplate
>
<table cellpadding="1" cellspacing="1" class="customTable">
<tr
>
<td style="width: 50%">
<%#Eval("ContactName") %>
</td
>
<td style="width: 50%">
<%#Eval("ContactTitle") %>
</td
>
</tr
>
<tr
>
<td colspan="2" align="center">
<a href='<%#"http://www.google.com/search?hl=en&q=" + DataBinder.Eval(Container.DataItem, "ContactName") + "&btnG=Google+Search"%>' >
<em
>Search Google for
<%#Eval("ContactName") %>
</em
></a
>
</td
>
</tr
>
<tr
>
<td colspan="2" align="center">
<img src="Img/image.gif" alt="" />
</td
>
</tr
>
</table
>
</ItemTemplate
>
</radG:GridTemplateColumn
>
</Columns
>
</MasterTableView
>
<ClientSettings
>
<Selecting AllowRowSelect="true" />
</ClientSettings
>
</radG:RadGrid
>
this.RadGrid1 = new RadGrid();
this.RadGrid1.NeedDataSource += new GridNeedDataSourceEventHandler(this.RadGrid1_NeedDataSource);
this.RadGrid1.AutoGenerateColumns = false;
this.RadGrid1.MasterTableView.DataMember = "Customers";
GridBoundColumn boundColumn;
boundColumn = new GridBoundColumn();
boundColumn.DataField = "CustomerID";
boundColumn.HeaderText = "CustomerID";
this.RadGrid1.MasterTableView.Columns.Add(boundColumn);
....
//Add to page controls collection
this.PlaceHolder1.Controls.Add( RadGrid1 );
Me.RadGrid1 = New RadGrid
AddHandler RadGrid1.NeedDataSource, AddressOf Me.RadGrid1_NeedDataSource
AddHandler RadGrid1.DetailTableDataBind, AddressOf Me.RadGrid1_DetailTableDataBind
Me.RadGrid1.AutoGenerateColumns = False
Me.RadGrid1.MasterTableView.DataMember = "Customers"
Dim boundColumn As GridBoundColumn
boundColumn = New GridBoundColumn
boundColumn.DataField = "CustomerID"
boundColumn.HeaderText = "CustomerID"
Me.RadGrid1.MasterTableView.Columns.Add(boundColumn)
....'Add to page controls collection
Me.PlaceHolder1.Controls.Add(RadGrid1)
<%@ Page Language="VB" <see cref="> <"/>@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<radG:RadGrid
DataSourceID="SqlDataSource1"
ID="RadGrid1"
runat="server">
</radG:RadGrid>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the Northwind sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource
ID="SqlDataSource1"
runat="server"
ConnectionString="<<see cref="NorthwindConnectionString">$ ConnectionStrings</see>>"
SelectCommand="SELECT [CustomerID], [ContactName], [CompanyName] FROM [Customers]">
</asp:SqlDataSource>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
</form>
</body>
</html>
- Leave this property unset or set it to "Default" - the default skin, common for the RadControls for ASP.NET Ajax suite will be used
- Set the name of the embedded grid skin - the skin will be applied
- Set the name of the custom grid skin along with the EnableEmbeddedSkins="false" (see 'Creating a custom skin' Fundamentals article)
- Set this property to "" - no skin will be applied. Only the default grid images (for Expand/Collapse, Sort, Edit, etc) will be used. Use this option if you have own appearance customizations for prevous Telerik RadGrid versions.
- If the item is top level and the parent item flow is Horizontal the direction will be Down.
- If the item is top level and the parent item flow is Vertical the direction will be Right.
- If the item is subitem (a child of another menu item rather than the RadMenu itself) the direction is Right.
- Use declarative syntax to define items inline in your page or user control.
-
Use one of the constructors to dynamically create new instances of the
class. These items can then be added to the Items collection of another item or menu. -
Data bind the
control to a data source.
- Use declarative syntax to create static menu items.
- Use a constructor to dynamically create new instances of the RadMenuItem class. These RadMenuItem objects can then be added to the Items collection of their owner.
- Bind the Menu control to a data source.
RadMenuItem item = new RadMenuItem();
item.Text = "News";
item.NavigateUrl = "~/News.aspx";
RadMenu1.Items.Add(item);
Dim item As New RadMenuItem()
item.Text = "News"
item.NavigateUrl = "~/News.aspx"
RadMenu1.Items.Add(item)
RadMenuItem item = new RadMenuItem("News");
RadMenu1.Items.Add(item);
Dim item As New RadMenuItem("News")
RadMenu1.Items.Add(item)
RadMenuItem item = new RadMenuItem("News", "~/News.aspx");
RadMenu1.Items.Add(item);
Dim item As New RadMenuItem("News", "~/News.aspx")
RadMenu1.Items.Add(item)
RadMenuItem item = RadMenu1.FindItemByText("Test");
item.Items[0].Text = "Example";
item.Items[0].NavigateUrl = "http://www.example.com";
Dim item As RadMenuItem = RadMenu1.FindItemByText("Test")
item.Items(0).Text = "Example"
item.Items(0).NavigateUrl = "http://www.example.com"
private void RadMenu1_MenuItemDataBound(object sender, Telerik.WebControls.ItemStripEventArgs e)
{
RadMenuItem item = e.Item;
DataRowView dataRow = (DataRowView) e.Item.DataItem;
item.ImageUrl = "image" + dataRow["ID"].ToString() + ".gif";
item.NavigateUrl = dataRow["URL"].ToString();
}
Sub RadMenu1_MenuItemDataBound(ByVal sender As Object, ByVal e As ItemStripEventArgs) Handles RadMenu1.MenuItemDataBound
Dim item As RadMenuItem = e.Item
Dim dataRow As DataRowView = CType(e.Item.DataItem, DataRowView)
item.ImageUrl = "image" + dataRow("ID").ToString() + ".gif"
item.NavigateUrl = dataRow("URL").ToString()
End Sub
<Items>
<telerik:RadMenuItem Text="News" />
<telerik:RadMenuItem Text="News" />
</Items>
</telerik:RadMenu>
<Items> <telerik:RadMenuItem Text="Date"> <Items> <telerik:RadMenuItem Text="SelectDate"> <ItemTemplate> <asp:Calendar runat="server" ID="Calendar1" /> </ItemTemplate> </telerik:RadMenuItem> </Items> </telerik:RadMenuItem> </Items>
- item flow
- expand direction
- horizontal offset from the parent item
- vertical offset from the parent item
- width
- height
<Items>
<telerik:RadMenuItem Text="News" NavigateUrl="~/News.aspx" />
<telerik:RadMenuItem Text="External URL" NavigateUrl="http://www.example.com" />
</Items>
</telerik:RadMenu>
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
<Items>
<telerik:RadMenuItem ImageUrl="~/Img/inbox.gif" Text="Index" />
<telerik:RadMenuItem ImageUrl="~/Img/outbox.gif" Text="Outbox" />
</Items>
</telerik:RadMenu>
<Items>
<telerik:RadMenuItem ImageUrl="~/Img/inbox.gif" HoveredImageUrl="~/Img/inboxOver.gif" Text="Index" />
<telerik:RadMenuItem ImageUrl="~/Img/outbox.gif" HoveredImageUrl="~/Img/outboxOver.gif" Text="Outbox" />
</Items>
</telerik:RadMenu>
<Items>
<telerik:RadMenuItem ImageUrl="~/Img/inbox.gif" ClickedImageUrl="~/Img/inboxClicked.gif" Text="Index" />
<telerik:RadMenuItem ImageUrl="~/Img/outbox.gif" ClickedImageUrl="~/Img/outboxClicked.gif" Text="Outbox" />
</Items>
</telerik:RadMenu>
<Items>
<telerik:RadMenuItem ImageUrl="~/Img/inbox.gif" DisabledImageUrl="~/Img/inboxDisabled.gif" Text="Index" />
<telerik:RadMenuItem ImageUrl="~/Img/outbox.gif" DisabledImageUrl="~/Img/outboxDisabled.gif" Text="Outbox" />
</Items>
</telerik:RadMenu>
<Items>
<telerik:RadMenuItem ImageUrl="~/Img/inbox.gif" ExpandedImageUrl="~/Img/inboxExpanded.gif" Text="Index" />
<telerik:RadMenuItem ImageUrl="~/Img/outbox.gif" ExpandedImageUrl="~/Img/outboxExpanded.gif" Text="Outbox" />
</Items>
</telerik:RadMenu>
-
Use the
indexer to programmatically retrieve a single RadMenuItem from the collection, using array notation. - Use the Count property to determine the total number of menu items in the collection.
-
Use the
Add method to add menu items in the collection. -
Use the
Remove method to remove menu items from the collection.
RadMenuItem newsItem = new RadMenuItem("News");
RadMenu1.Items.Add(newsItem);
Dim newsItem As RadMenuItem = New RadMenuItem("News")
RadMenu1.Items.Add(newsItem)
void Page_Load(object sender, EventArgs e)
{
RadMenu1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadMenuItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadMenu1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadMenuItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
RadMenuItem[] items = new RadMenuItem[] { new RadMenuItem("First"), new RadMenuItem("Second"), new RadMenuItem("Third") };
RadMenu1.Items.AddRange(items);
Dim items() As RadMenuItem = {New RadMenuItem("First"), New RadMenuItem("Second"), New RadMenuItem("Third")}
RadMenu1.Items.AddRange(items)
string values
are equal.
@param value1 The left-hand side of the encoded {@link string#equals(Object)}.
@param value2 The right-hand side of the encoded {@link string#equals(Object)}.
@return true if the encoded strings are equal;
false otherwise.
@see #isDoubleMetaphoneEqual(string,string,bool)
string values
are equal, optionally using the alternate value.
@param value1 The left-hand side of the encoded {@link string#equals(Object)}.
@param value2 The right-hand side of the encoded {@link string#equals(Object)}.
@param alternate use the alternate value if true.
@return true if the encoded strings are equal;
false otherwise.
true if the value starts with any of 'GN', 'KN',
'PN', 'WR' or 'PS'.
index if available, otherwise
it returns Character.MIN_VALUE so that there is some sort
of a default
value contains any of the criteria
starting
* at index start and matching up to length length
SpellChecker checker = new SpellChecker(Server.MapPath("~/RadControls/Spell/TDF"));
VB.NET
Dim checker As SpellChecker
checker = New SpellChecker(Server.MapPath("~/RadControls/Spell/TDF"))
using (SpellChecker checker = new SpellChecker(Server.MapPath("~/RadControls/Spell/TDF")))
{
checker.Text = text;
return checker.Errors;
}
VB.NET
Dim checker As SpellChecker
Try
checker = New SpellChecker(Server.MapPath("~/RadControls/Spell/TDF"))
checker.Text = text
Return checker.Errors
Finally
checker.Dispose()
End Try
spellChecker.DictionaryLanguage = "de-DE";
VB.NET
spellChecker.DictionaryLanguage = "de-DE"
SpellChecker checker = new SpellChecker(Server.MapPath("~/RadControls/Spell/TDF"));
VB.NET
Dim checker As SpellChecker
checker = New SpellChecker(Server.MapPath("~/RadControls/Spell/TDF"))
- Boolean
- Byte
- Char
- DateTime
- Decimal
- Double
- Int16
- Int32
- Int64
- SByte
- Single
- String
- TimeSpan
- UInt16
- UInt32
- UInt64
- Boolean
- Byte
- Char
- DateTime
- Decimal
- Double
- Int16
- Int32
- Int64
- SByte
- Single
- String
- TimeSpan
- UInt16
- UInt32
- UInt64
- Boolean
- Byte
- Char
- DateTime
- Decimal
- Double
- Int16
- Int32
- Int64
- SByte
- Single
- String
- TimeSpan
- UInt16
- UInt32
- UInt64
_self - the target URL will open in the same frame as it was clicked
_parent - the target URL will open in the parent frameset
_top - the target URL will open in the full body of the window
To enable this feature you need to turn on the client selection of the grid (ClientSettings -> Selecting -> AllowItemSelection = true).
<telerik:TreeListSelectColumn UniqueName="SelectColumn" HeaderStyle-Width="40px" />
| Gets an object that can be used to synchronize access to the RadTreeListSortExpressionCollection. |
- Arrowkey Navigation - allows end-users to navigate around the menu structure using the arrow keys.
- select TreeList items pressing the [SPACE] key
- edit rows hitting the [ENTER] key
- Danodeinding that allows the control to be populated from various datasources.
- Programmatic access to the RadTreeView object model which allows dynamic creation of treeviews, populating with nodes and customizing the behavior by various properties.
- Customizable appearance through built-in or user-defined skins.
nodes
void Page_Load(object sender, EventArgs e)
{
RadTreeView RadTreeView1 = new RadTreeView();
RadTreeView1.ID = "RadTreeView1";
if (!Page.IsPostBack)
{
//RadTreeView persist its nodes in ViewState (if EnableViewState is true).
//Hence nodes should be created only on initial load.
RadTreeNode sportNode = new RadTreeNode("Sport");
RadTreeView1.Nodes.Add(sportNode);
RadTreeNode newsNode = new RadTreeNode("News");
RadTreeView1.Nodes.Add(newsNode);
}
PlaceHolder1.Controls.Add(RadTreeView1);
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim RadTreeView1 As RadTreeView = New RadTreeView()
RadTreeView1.ID = "RadTreeView1"
If Not Page.IsPostBack Then
'RadTreeView persist its nodes in ViewState (if EnableViewState is true).
'Hence nodes should be created only on initial load.
Dim sportNode As RadTreeNode = New RadTreeNode("Sport")
RadTreeView1.Nodes.Add(sportNode)
Dim newsNode As RadTreeNode = New RadTreeNode("News")
RadTreeView1.Nodes.Add(newsNode)
End If
PlaceHolder1.Controls.Add(RadTreeView1)
End Sub
void Page_Load(object sender, EventArgs e)
{
RadTreeView1.FindNode(NodeWithEqualsTextAndValue);
}
private static bool NodeWithEqualsTextAndValue(RadTreeNode node)
{
if (node.Text == node.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadTreeView1.FindNode(NodeWithEqualsTextAndValue)
End Sub
Private Shared Function NodeWithEqualsTextAndValue(ByVal node As RadTreeNode) As Boolean
If node.Text = node.Value Then
Return True
Else
Return False
End If
End Function
- adding a new item
- removing existing item
- clearing the children of an item or the control itself
- changing a property of the item
foreach (ClientOperation<RadTreeNode> operation in RadTreeView1.ClientChanges)
{
RadTreeNode node = operation.Item;
switch (operation.Type)
{
case ClientOperationType.Insert:
//A node has been inserted - operation.Item contains the inserted node
break;
case ClientOperationType.Remove:
//A node has been inserted - operation.Item contains the removed node.
//Keep in mind the node has been removed from the treeview.
break;
case ClientOperationType.Update:
UpdateClientOperation<RadTreeNode> update = operation as UpdateClientOperation<RadTreeNode>
//The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
break;
case ClientOperationType.Clear:
//All children of have been removed - operation.Item contains the parent node whose children have been removed. If operation.Item is null then the root nodes have been removed.
break;
}
}
For Each operation As ClientOperation(Of RadTreeNode) In RadTreeView1.ClientChanges
Dim node As RadTreeNode = operation.Item
Select Case operation.Type
Case ClientOperationType.Insert
'A node has been inserted - operation.Item contains the inserted node
Exit Select
Case ClientOperationType.Remove
'A node has been inserted - operation.Item contains the removed node.
'Keep in mind the node has been removed from the treeview.
Exit Select
Case ClientOperationType.Update
Dim update As UpdateClientOperation(Of RadTreeNode) = TryCast(operation, UpdateClientOperation(Of RadTreeNode))
'The "UpdateOperation" provides an additional property "PropertyName". This is the property whose value was changed from the client side.
Exit Select
Case ClientOperationType.Clear
'All children of have been removed - operation.Item contains the parent node whose children have been removed. If operation.Item is Nothing then the root nodes have been removed.
Exist Select
End Select
Next
Protected Sub ShowCheckedNodes(ByVal sender As Object, ByVal e As System.EventArgs)
Dim message As String = String.Empty
Dim node As RadTreeNode
For Each node In RadTree1.CheckedNodes
message += node.FullPath
Next node
nodes.Text = message
End Sub
protected void ShowCheckedNodes(object sender, System.EventArgs e)
{
string message = string.Empty;
foreach (RadTreeNode node in RadTree1.CheckedNodes)
{
message += node.FullPath + "<br/>";
}
nodes.Text = message;
}
<radT:RadTreeView
ID="RadTree1"
runat="server"
OnNodeClick="NodeClick"
/>
Protected Sub NodeClick(ByVal sender As Object, ByVal NodeEventArgs As RadTreeNodeEventArgs)
info.Text = String.Empty
Dim NodeClicked As RadTreeNode = NodeEventArgs.NodeClicked
info.Text = NodeClicked.Text
End Sub
<radT:RadTreeView
ID="RadTree1"
runat="server"
OnNodeClick="NodeClick"
/>
protected void NodeClick(object sender, RadTreeNodeEventArgs NodeEventArgs)
{
info.Text = string.Empty;
RadTreeNode NodeClicked = NodeEventArgs.NodeClicked;
info.Text = NodeClicked.Text;
}
Protected Sub LoadingMessagePositionChanged(ByVal sender As Object, ByVal e As System.EventArgs)
Select Case LoadingMessagePos.SelectedItem.Value
Case "Before"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BeforeNodeText
RadTree1.LoadingMessage = "(loading ..)"
Case "After"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.AfterNodeText
RadTree1.LoadingMessage = "(loading ...)"
Case "Below"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BelowNodeText
RadTree1.LoadingMessage = "(loading ...)"
Case "None"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.None
End Select
End Sub
protected void LoadingMessagePositionChanged(object sender, System.EventArgs e)
{
switch (LoadingMessagePos.SelectedItem.Value)
{
case "Before" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BeforeNodeText;
RadTree1.LoadingMessage = "(loading ..)";
break;
case "After" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.AfterNodeText;
RadTree1.LoadingMessage = "(loading ...)";
break;
case "Below" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BelowNodeText;
RadTree1.LoadingMessage = "(loading ...)";
break;
case "None" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.None;
break;
}
}
RadTreeView1.Nodes[0].Text = "Example";
RadTreeView1.Nodes[0].NavigateUrl = "http://www.example.com";
RadTreeView1.Nodes(0).Text = "Example"
RadTreeView1.Nodes(0).NavigateUrl = "http://www.example.com"
Protected Sub LoadingMessagePositionChanged(ByVal sender As Object, ByVal e As System.EventArgs)
Select Case LoadingMessagePos.SelectedItem.Value
Case "Before"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BeforeNodeText
RadTree1.LoadingMessage = "(loading ..)"
Case "After"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.AfterNodeText
RadTree1.LoadingMessage = "(loading ...)"
Case "Below"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BelowNodeText
RadTree1.LoadingMessage = "(loading ...)"
Case "None"
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.None
End Select
End Sub
protected void LoadingMessagePositionChanged(object sender, System.EventArgs e)
{
switch (LoadingMessagePos.SelectedItem.Value)
{
case "Before" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BeforeNodeText;
RadTree1.LoadingMessage = "(loading ...)";
break;
case "After" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.AfterNodeText;
RadTree1.LoadingMessage = "(loading ...)";
break;
case "Below" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.BelowNodeText;
RadTree1.LoadingMessage = "(loading ...)";
break;
case "None" :
RadTree1.LoadingStatusPosition = TreeViewLoadingStatusPosition.None;
break;
}
}
After node editing, RadTreeView fires the
<radT:RadTreeView
ID="RadTree1"
Runat="server"
AllowNodeEditing="True"
OnNodeEdit="HandleNodeEdit"
/>
Protected Sub HandleNodeEdit(ByVal sender As Object, ByVal NodeEvents As RadTreeNodeEventArgs)
Dim nodeEdited As RadTreeNode = NodeEvents.NodeEdited
Dim newText As String = NodeEvents.NewText
nodeEdited.Text = newText
End Sub
<radT:RadTreeView
ID="RadTree1"
Runat="server"
AllowNodeEditing="True"
OnNodeEdit="HandleNodeEdit"
/>
protected void HandleNodeEdit(object sender, RadTreeNodeEventArgs NodeEvents)
{
RadTreeNode nodeEdited = NodeEvents.NodeEdited;
string newText = NodeEvents.NewText;
nodeEdited.Text = newText;
}
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<nodes>
<Telerik:RadTreeNode Text="Menu1Item1"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Menu1Item2"></Telerik:RadTreeNode>
</nodes>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<nodes>
<Telerik:RadTreeNode Text="Menu2Item1"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Menu2Item2"></Telerik:RadTreeNode>
</nodes>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public RadTreeNodeData[] WebServiceMethodName(RadTreeNodeData item, object context)
{
// We cannot use a dictionary as a parameter, because it is only supported by script services.
// The context object should be cast to a dictionary at runtime.
IDictionary<string, object> contextDictionary = (IDictionary<string, object>) context;
//...
}
}
To customize the collapse animation you can use the
void Page_Load(object sender, EventArgs e)
{
RadTreeView1.ExpandAnimation.Type = AnimationType.Linear;
RadTreeView1.ExpandAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadTreeView1.ExpandAnimation.Type = AnimationType.Linear
RadTreeView1.ExpandAnimation.Duration = 300
End Sub
To disable expand animation effects you should set the
void Page_Load(object sender, EventArgs e)
{
RadTreeView1.CollapseAnimation.Type = AnimationType.Linear;
RadTreeView1.CollapseAnimation.Duration = 300;
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RadTreeView1.CollapseAnimation.Type = AnimationType.Linear
RadTreeView1.CollapseAnimation.Duration = 300
End Sub
function ProcessClientClick(node) { alert("You clicked on: " + node.Text); }
function onClientNodePopulatingHandler(sender, eventArgs)
{
var node = eventArgs.get_node();
var context = eventArgs.get_context();
context["CategoryID"] = node.get_value();
}
</script>
runat="server"
OnClientNodePopulating="onClientNodePopulatingHandler">
....
</telerik:RadTreeView>
function onClientNodePopulatedHandler(sender, eventArgs)
{
var node = eventArgs.get_node();
alert("Loading finished for " + node.get_text());
}
</script>
runat="server"
OnClientNodePopulated="onClientNodePopulatedHandler">
....
</telerik:RadTreeView>
- sender, the menu client object;
- eventArgs with one property:
- get_node(), the instance of the tree node.
function onClientNodePopulationFailedHandler(sender, eventArgs)
{
var node = eventArgs.get_node();
var errorMessage = eventArgs.get_errorMessage();
alert("Error: " + errorMessage);
eventArgs.set_cancel(true);
}
</script>
runat="server"
OnClientNodePopulationFailed="onClientNodePopulationFailedHandler">
....
</telerik:RadTreeView>
- sender, the menu client object;
- eventArgs with three properties:
- get_node(), the instance of the tree node.
- set_cancel(), set to true to suppress the default action (alert message).
protected void RadTreeView1_NodeClick(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)
{
Response.Write("Clicked node is " + e.Node.Text);
}
Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeClick
Response.Write("Clicked node is " & e.Node.Text)
End Sub
protected void RadTreeView1_NodeDataBound(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)
{
e.Node.ImageUrl = "image" + (string)DataBinder.Eval(e.Node.DataItem, "ID") + ".gif";
e.Node.NavigateUrl = (string)DataBinder.Eval(e.Node.DataItem, "URL");
}
Sub RadTreeView1_NodeDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeDataBound
e.Node.ImageUrl = "image" & DataBinder.Eval(e.Node.DataItem, "ID") & ".gif"
e.Node.NavigateUrl = CStr(DataBinder.Eval(e.Node.DataItem, "URL"))
End Sub
protected void RadTreeView1_TemplateNeeded(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)
{
string value = e.Node.Value;
if (value != null)
{
// if the value is an even number
if ((Int32.Parse(value) % 2) == 0)
{
var textBoxTemplate = new TextBoxTemplate();
e.Node.NodeTemplate = textBoxTemplate;
}
}
}
Sub RadTreeView1_Template(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.TemplateNeeded
Dim value As String = e.Node.Value
If value IsNot Nothing Then
' if the value is an even number
If ((Int32.Parse(value) Mod 2) = 0) Then
Dim textBoxTemplate As TextBoxTemplate = New TextBoxTemplate()
e.Node.NodeTemplate = textBoxTemplate
End If
End If
End Sub
protected void RadTreeView1_NodeCreated(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)
{
e.Node.ToolTip = e.Node.Text;
}
Sub RadTreeView1_NodeCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeCreated
e.Node.ToolTip = e.Node.Text
End Sub
protected void RadTreeView1_NodeExpanded(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)
{
RadTreeNode nodeCreatedOnDemand = new RadTreeNode("Node created on demand");
e.Node.Nodes.Add(nodeCreatedOnDemand);
}
Sub RadTreeView1_NodeExpanded(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeExpanded
Dim nodeCreatedOnDemand As RadTreeNode = New RadTreeNode("Node created on demand")
e.Node.Nodes.Add(nodeCreatedOnDemand)
End Sub
protected void RadTreeView1_NodeDrop(object sender, RadTreeNodeDragDropEventArgs e)
{
foreach (RadTreeNode sourceNode in e.DraggedNodes)
{
if (!sourceNode.IsAncestorOf(e.DestDragNode))
{
sourceNode.Remove();
e.DestDragNode.Nodes.Add(sourceNode);
}
}
}
Protected Sub RadTreeView1_NodeDrop(ByVal sender As Object, ByVal e As RadTreeNodeDragDropEventArgs) Handles RadTreeView1.NodeDrop
For Each sourceNode As RadTreeNode In e.DraggedNodes
If Not sourceNode.IsAncestorOf(e.DestDragNode) Then
sourceNode.Remove()
e.DestDragNode.Nodes.Add(sourceNode)
End If
Next
End Sub
protected void RadTreeView1_NodeEdit(object sender, RadTreeNodeEditEventArgs e)
{
RadTreeNode nodeEdited = e.Node;
string newText = e.Text;
nodeEdited.Text = newText;
}
Protected Sub HandleNodeEdit(ByVal sender As Object, ByVal e As RadTreeNodeEditEventArgs) Handles RadTreeView1.NodeEdit
Dim nodeEdited As RadTreeNode = e.Node
Dim newText As String = e.Text
nodeEdited.Text = newText
End Sub
- Use declarative syntax to define nodes inline in your page or user control.
-
Use one of the constructors to dynamically create new instances of the
RadTreeNode class. These nodes can then be added to the Nodes collection of another node or treeview. - Data bind the RadTreeView control to a data source.
RadTreeNode node = new RadTreeNode();
node.Text = "News";
node.NavigateUrl = "~/News.aspx";
RadTreeView1.Nodes.Add(node);
Dim node As New RadTreeNode()
node.Text = "News"
node.NavigateUrl = "~/News.aspx"
RadTreeView1.Nodes.Add(node)
RadTreeNode node = new RadTreeNode("News");
RadTreeView1.Nodes.Add(node);
Dim node As New RadTreeNode("News")
RadTreeView1.Nodes.Add(node)
RadTreeNode node = new RadTreeNode("News", "NewsValue");
RadTreeView1.Nodes.Add(node);
Dim node As New RadTreeNode("News", "NewsValue")
RadTreeView1.Nodes.Add(node)
RadTreeNode node = new RadTreeNode("News", "NewsValue", "~/News.aspx");
RadTreeView1.Nodes.Add(node);
Dim node As New RadTreeNode("News", "NewsValue", "~/News.aspx")
RadTreeView1.Nodes.Add(node)
RadTreeNode node = RadTreeView1.Nodes[0];
node.Remove();
Dim node As RadTreeNode = RadTreeView1.Nodes(0)
node.Remove()
RadTreeNode node = RadTreeView1.FindNodeByText("Test");
node.Nodes[0].Text = "Example";
node.Nodes[0].NavigateUrl = "http://www.example.com";
Dim node As RadTreeNode = RadTreeView1.FindNodeByText("Test")
node.Nodes(0).Text = "Example"
node.Nodes(0).NavigateUrl = "http://www.example.com"
private void RadTreeView1_NodeDataBound(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)
{
e.Node.ImageUrl = "image" + (string)DataBinder.Eval(e.Node.DataItem, "ID") + ".gif";
e.Node.NavigateUrl = (string)DataBinder.Eval(e.Node.DataItem, "URL");
}
Sub RadTreeView1_NodeDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs ) Handles RadTreeView1.NodeDataBound
e.Node.ImageUrl = "image" & DataBinder.Eval(e.Node.DataItem, "ID") & ".gif"
e.Node.NavigateUrl = CStr(DataBinder.Eval(e.Node.DataItem, "URL"))
End Sub
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
<Nodes>
<telerik:RadTreeNode Text="News" NavigateUrl="~/News.aspx" Target="_self" />
<telerik:RadTreeNode Text="External URL" NavigateUrl="http://www.example.com" Target="_blank" />
</Nodes>
</telerik:RadTreeView>
<Nodes>
<telerik:RadTreeNodeImageUrl="~/Img/inbox.gif" Text="Index"></telerik:RadTreeNode>
<telerik:RadTreeNodeImageUrl="~/Img/outbox.gif" Text="Outbox"></telerik:RadTreeNode>
<telerik:RadTreeNodeImageUrl="~/Img/trash.gif" Text="Trash"></telerik:RadTreeNode>
<telerik:RadTreeNodeImageUrl="~/Img/meetings.gif" Text="Meetings"></telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeView>
protected void RadTreeView1_NodeDataBound(object sender, RadTreeNodeEventArgs e)
{
//"NodeCategory" is the database column which provides data for the Category property.
e.Node.Category = DataBinder.Eval(e.Node.DataItem, "NodeCategory").ToString();
}
Protected Sub RadTreeView1_NodeDataBound(ByVal sender As Object, ByVal e As RadTreeNodeEventArgs) Handles RadTreeView1.NodeDataBound
' "NodeCategory" is the database column which provides data for the Category property.
e.Node.Category = DataBinder.Eval(e.Node.DataItem, "NodeCategory")
End Sub
-
Use the
indexer to programmatically retrieve a single RadTreeNode from the collection, using array notation. - Use the Count property to determine the total number of menu items in the collection.
-
Use the
Add method to add nodes in the collection. -
Use the
Remove method to remove nodes from the collection.
RadTreeNode newsNode = new RadTreeNode("News");
RadTreeView1.Nodes.Add(newsNode);
Dim newsNode As RadTreeNode = New RadTreeNode("News")
RadTreeView1.Nodes.Add(newsNode)
RadTreeNode[] nodes = new RadTreeNode[] { new RadTreeNode("First"), new RadTreeNode("Second"), new RadTreeNode("Third") };
RadTreeView1.Nodes.AddRange(nodes);
Dim nodes() As RadTreeNode = {New RadTreeNode("First"), New RadTreeNode("Second"), New RadTreeNode("Third")}
RadTreeView1.Nodes.AddRange(nodes)
void Page_Load(object sender, EventArgs e)
{
RadTreeView1.FindNode(NodeWithEqualsTextAndValue);
}
private static bool NodeWithEqualsTextAndValue(RadTreeNode node)
{
if (node.Text == node.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadTreeView1.FindNode(NodeWithEqualsTextAndValue)
End Sub
Private Shared Function NodeWithEqualsTextAndValue(ByVal node As RadTreeNode) As Boolean
If node.Text = node.Value Then
Return True
Else
Return False
End If
End Function
private void Page_Load(object sender, System.EventArgs e)
{
DigitMaskPart digitPart = new DigitMaskPart();
RadMaskedTextBox1.MaskParts.Add(digitPart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim digitPart As New DigitMaskPart()
RadMaskedTextBox1.MaskParts.Add(digitPart)
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
EnumerationMaskPart enumPart = new EnumerationMaskPart();
enumPart.Items.Add("Mon");
enumPart.Items.Add("Two");
enumPart.Items.Add("Wed");
enumPart.Items.Add("Thu");
enumPart.Items.Add("Fri");
enumPart.Items.Add("Sat");
enumPart.Items.Add("Sun");
RadMaskedTextBox1.MaskParts.Add(enumPart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim enumPart As New EnumerationMaskPart
enumPart.Items.Add("Mon")
enumPart.Items.Add("Two")
enumPart.Items.Add("Wed")
enumPart.Items.Add("Thu")
enumPart.Items.Add("Fri")
enumPart.Items.Add("Sat")
enumPart.Items.Add("Sun")
RadMaskedTextBox1.MaskParts.Add(enumPart)
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
FreeMaskPart freePart = new FreeMaskPart();
RadMaskedTextBox1.MaskParts.Add(freePart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim fixedPart As New FreeMaskPart()
RadMaskedTextBox1.MaskParts.Add(fixedPart)
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
LiteralMaskPart literalPart = new LiteralMaskPart();
literalPart.Text = "(";
RadMaskedTextBox1.MaskParts.Add(literalPart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim literalPart As New LiteralMaskPart()
RadMaskedTextBox1.MaskParts.Add(literalPart)
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
LowerMaskPart lowerPart = new LowerMaskPart();
RadMaskedTextBox1.MaskParts.Add(lowerPart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim lowerPart As New LowerMaskPart()
RadMaskedTextBox1.MaskParts.Add(lowerPart)
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
NumericRangeMaskPart rangePart = new NumericRangeMaskPart();
rangePart.LowerLimit = 0;
rangePart.UpperLimit = 255;
RadMaskedTextBox1.MaskParts.Add(rangePart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim rangePart As New NumericRangeMaskPart()
rangePart.LowerLimit = 0
rangePart.UpperLimit = 255
RadMaskedTextBox1.MaskParts.Add(rangePart)
End Sub
private void Page_Load(object sender, System.EventArgs e)
{
UpperMaskPart upperPart = new UpperMaskPart();
RadMaskedTextBox1.MaskParts.Add(upperPart);
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim upperPart As New UpperMaskPart()
RadMaskedTextBox1.MaskParts.Add(upperPart)
End Sub
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox Text="-1" EmptyMessage="EmptyMessage" ID="RadNumericTextBox1" runat="server">
<NegativeStyle BackColor="red" />
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
System.Data.DataTable table = new System.Data.DataTable();
table.Columns.Add("num");
System.Data.DataRow row = table.NewRow();
row["num"] = (double)12.56;
table.Rows.Add(row);
row = table.NewRow();
row["num"] = (int)12;
table.Rows.Add(row);
row = table.NewRow();
row["num"] = DBNull.Value;
table.Rows.Add(row);
row = table.NewRow();
row["num"] = "33";
table.Rows.Add(row);
row = table.NewRow();
table.Rows.Add(row);
Repeater1.DataSource = table;
Repeater1.DataBind();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Repeater runat="server" ID="Repeater1">
<ItemTemplate>
<radI:RadNumericTextBox DbValue='</%# Bind("num") /%>'
ID="RadNumericTextBox1" runat="server">
</radI:RadNumericTextBox>
</ItemTemplate>
</asp:Repeater>
</form>
</body>
</html>
</%@ Page Language="VB" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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>Untitled Page</title>
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim table As System.Data.DataTable = New System.Data.DataTable
table.Columns.Add("num")
Dim row As System.Data.DataRow = table.NewRow
row("num") = CType(12.56,Double)
table.Rows.Add(row)
row = table.NewRow
row("num") = CType(12,Integer)
table.Rows.Add(row)
row = table.NewRow
row("num") = DBNull.Value
table.Rows.Add(row)
row = table.NewRow
row("num") = "33"
table.Rows.Add(row)
row = table.NewRow
table.Rows.Add(row)
Repeater1.DataSource = table
Repeater1.DataBind
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Repeater runat="server" ID="Repeater1">
<ItemTemplate>
<radI:RadNumericTextBox DbValue='</%# Bind("num") /%>'
ID="RadNumericTextBox1" runat="server">
</radI:RadNumericTextBox>
</ItemTemplate>
</asp:Repeater>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Click(sender)
{
alert("click");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<radI:RadTextBox ShowButton="true" ID="RadNumericTextBox1" runat="server">
<ClientEvents OnButtonClick="Click" />
<ButtonTemplate>
<input type="button" value="click here" />
</ButtonTemplate>
</radI:RadTextBox>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
private void Page_Load(object sender, System.EventArgs e)
{
RadNumericTextBox.Culture = new CultureInfo("en-US");
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadNumericTextBox1.Culture = New CultureInfo("en-US")
End Sub
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
Gets or sets the smallest possible value of a RadNumericTextBox.
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
Supported in: 3.0, 2.0, 1.1, 1.0
<%@ Page Language="VB" AutoEventWireup="True" %>
<%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine RadTextBox Example </title>
<script runat="server">
Protected Sub SubmitButton_Click(sender As Object, e As EventArgs )
Message.Text = "Thank you for your comment: <br />" + Comment.Text
End Sub
Protected Sub Check_Change(sender As Object, e As EventArgs )
Comment.Wrap = WrapCheckBox.Checked
Comment.ReadOnly = ReadOnlyCheckBox.Checked
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine RadTextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="True" %>
<%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine RadTextBox Example </title>
<script runat="server">
protected void SubmitButton_Click(Object sender, EventArgs e)
{
Message.Text = "Thank you for your comment: <br />" + Comment.Text;
}
protected void Check_Change(Object sender, EventArgs e)
{
Comment.Wrap = WrapCheckBox.Checked;
Comment.ReadOnly = ReadOnlyCheckBox.Checked;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine RadTextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine TextBox Example </title>
<script runat="server">
protected void SubmitButton_Click(Object sender, EventArgs e)
{
Message.Text = "Thank you for your comment: <br />" + Comment.Text;
}
protected void Check_Change(Object sender, EventArgs e)
{
Comment.Wrap = WrapCheckBox.Checked;
Comment.ReadOnly = ReadOnlyCheckBox.Checked;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine TextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine RadTextBox Example </title>
<script runat="server">
Protected Sub SubmitButton_Click(sender As Object, e As EventArgs )
Message.Text = "Thank you for your comment: <br />" + Comment.Text
End Sub
Protected Sub Check_Change(sender As Object, e As EventArgs )
Comment.Wrap = WrapCheckBox.Checked
Comment.ReadOnly = ReadOnlyCheckBox.Checked
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine RadTextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RadTextBox Example </title>
<script runat="server">
protected void AddButton_Click(Object sender, EventArgs e)
{
int Answer;
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text);
AnswerMessage.Text = Answer.ToString();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter integer values into the text boxes.
<br />
Click the Add button to add the two values.
<br />
Click the Reset button to reset the text boxes.
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
<tr align="center">
<td colspan="4">
<asp:Button ID="AddButton" Text="Add" OnClick="AddButton_Click" runat="server" />
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>TextBox Example </title>
<script runat="server">
Protected Sub AddButton_Click(sender As Object, e As EventArgs)
Dim Answer As Integer
Answer = Convert.ToInt32(Value1.Text) + Convert.ToInt32(Value2.Text)
AnswerMessage.Text = Answer.ToString()
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
RadTextBox Example
</h3>
<table>
<tr>
<td colspan="5">
Enter integer values into the text boxes.
<br />
Click the Add button to add the two values.
<br />
Click the Reset button to reset the text boxes.
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
<tr align="center">
<td>
<radI:RadTextBox ID="Value1" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
+
</td>
<td>
<radI:RadTextBox ID="Value2" Columns="2" MaxLength="3" Text="1" runat="server" />
</td>
<td>
=
</td>
<td>
<asp:Label ID="AnswerMessage" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Value1"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value1RangeValidator" ControlToValidate="Value1" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td colspan="2">
<asp:RequiredFieldValidator ID="Value2RequiredValidator" ControlToValidate="Value2"
ErrorMessage="Please enter a value.<br />" Display="Dynamic" runat="server" />
<asp:RangeValidator ID="Value2RangeValidator" ControlToValidate="Value2" Type="Integer"
MinimumValue="1" MaximumValue="100" ErrorMessage="Please enter an integer <br /> between than 1 and 100.<br />"
Display="Dynamic" runat="server" />
</td>
<td>
 
</td>
</tr>
<tr align="center">
<td colspan="4">
<asp:Button ID="AddButton" Text="Add" OnClick="AddButton_Click" runat="server" />
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
</%@ Page Language="C#" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine RadTextBox Example </title>
<script runat="server">
protected void SubmitButton_Click(Object sender, EventArgs e)
{
Message.Text = "Thank you for your comment: <br />" + Comment.Text;
}
protected void Check_Change(Object sender, EventArgs e)
{
Comment.Wrap = WrapCheckBox.Checked;
Comment.ReadOnly = ReadOnlyCheckBox.Checked;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine RadTextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
</%@ Page Language="VB" AutoEventWireup="True" /%>
</%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" /%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MultiLine RadTextBox Example </title>
<script runat="server">
Protected Sub SubmitButton_Click(sender As Object, e As EventArgs )
Message.Text = "Thank you for your comment: <br />" + Comment.Text
End Sub
Protected Sub Check_Change(sender As Object, e As EventArgs )
Comment.Wrap = WrapCheckBox.Checked
Comment.ReadOnly = ReadOnlyCheckBox.Checked
End Sub
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
MultiLine RadTextBox Example
</h3>
Please enter a comment and click the submit button.
<br />
<br />
<radI:RadTextBox ID="Comment" TextMode="MultiLine" Columns="50" Rows="5" runat="server" />
<br />
<asp:RequiredFieldValidator ID="Value1RequiredValidator" ControlToValidate="Comment"
ErrorMessage="Please enter a comment.<br />" Display="Dynamic" runat="server" />
<asp:CheckBox ID="WrapCheckBox" Text="Wrap Text" Checked="True" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:CheckBox ID="ReadOnlyCheckBox" Text="ReadOnly" Checked="False" AutoPostBack="True"
OnCheckedChanged="Check_Change" runat="server" />
<asp:Button ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" runat="server" />
<hr />
<asp:Label ID="Message" runat="server" />
</form>
</body>
</html>
Supported in: 3.0, 2.0, 1.1, 1.0
- The "today" link in the header is clicked.
- A day header is clicked in Month View.
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class DailyRecurrenceRuleExample1
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every two days.
DailyRecurrenceRule rrule = new DailyRecurrenceRule(2, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek);
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM (Friday)
2: 6/3/2007 3:30:00 PM (Sunday)
3: 6/5/2007 3:30:00 PM (Tuesday)
4: 6/7/2007 3:30:00 PM (Thursday)
5: 6/9/2007 3:30:00 PM (Saturday)
6: 6/11/2007 3:30:00 PM (Monday)
7: 6/13/2007 3:30:00 PM (Wednesday)
8: 6/15/2007 3:30:00 PM (Friday)
9: 6/17/2007 3:30:00 PM (Sunday)
10: 6/19/2007 3:30:00 PM (Tuesday)
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class DailyRecurrenceRuleExample1
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every two days.
Dim rrule As New DailyRecurrenceRule(2, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek)
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM (Friday)
' 2: 6/3/2007 3:30:00 PM (Sunday)
' 3: 6/5/2007 3:30:00 PM (Tuesday)
' 4: 6/7/2007 3:30:00 PM (Thursday)
' 5: 6/9/2007 3:30:00 PM (Saturday)
' 6: 6/11/2007 3:30:00 PM (Monday)
' 7: 6/13/2007 3:30:00 PM (Wednesday)
' 8: 6/15/2007 3:30:00 PM (Friday)
' 9: 6/17/2007 3:30:00 PM (Sunday)
'10: 6/19/2007 3:30:00 PM (Tuesday)
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class ParsingExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every 2 hours.
HourlyRecurrenceRule rrule = new HourlyRecurrenceRule(2, range);
// Prints the string representation of the recurrence rule:
string rruleAsString = rrule.ToString();
Console.WriteLine("Recurrence rule:\n\n{0}\n", rruleAsString);
// The string representation can be stored in a database, etc.
// ...
// Then it can be reconstructed using TryParse method:
RecurrenceRule parsedRule;
RecurrenceRule.TryParse(rruleAsString, out parsedRule);
Console.WriteLine("After parsing (should be the same):\n\n{0}", parsedRule);
}
}
}
/*
This example produces the following results:
Recurrence rule:
DTSTART:20070601T123000Z
DTEND:20070601T130000Z
RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
After parsing (should be the same):
DTSTART:20070601T123000Z
DTEND:20070601T130000Z
RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class ParsingExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every 2 hours.
Dim rrule As New HourlyRecurrenceRule(2, range)
' Prints the string representation of the recurrence rule:
Dim rruleAsString As String = rrule.ToString()
Console.WriteLine("Recurrence rule:" & Chr(10) & "" & Chr(10) & "{0}" & Chr(10) & "", rruleAsString)
' The string representation can be stored in a database, etc.
' ...
' Then it can be reconstructed using TryParse method:
Dim parsedRule As RecurrenceRule
RecurrenceRule.TryParse(rruleAsString, parsedRule)
Console.WriteLine("After parsing (should be the same):" & Chr(10) & "" & Chr(10) & "{0}", parsedRule)
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Recurrence rule:
'
'DTSTART:20070601T123000Z
'DTEND:20070601T130000Z
'RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
'
'
'After parsing (should be the same):
'
'DTSTART:20070601T123000Z
'DTEND:20070601T130000Z
'RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class EffectiveRangeExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every 2 hours.
HourlyRecurrenceRule rrule = new HourlyRecurrenceRule(2, range);
// Limits the effective range.
rrule.SetEffectiveRange(Convert.ToDateTime("6/1/2007 5:00 PM"), Convert.ToDateTime("6/1/2007 8:00 PM"));
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 5:30:00 PM
2: 6/1/2007 7:30:00 PM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class EffectiveRangeExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every 2 hours.
Dim rrule As New HourlyRecurrenceRule(2, range)
' Limits the effective range.
rrule.SetEffectiveRange(Convert.ToDateTime("6/1/2007 5:00 PM"), Convert.ToDateTime("6/1/2007 8:00 PM"))
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 5:30:00 PM
' 2: 6/1/2007 7:30:00 PM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class ParsingExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every 2 hours.
HourlyRecurrenceRule rrule = new HourlyRecurrenceRule(2, range);
// Prints the string representation of the recurrence rule:
string rruleAsString = rrule.ToString();
Console.WriteLine("Recurrence rule:\n\n{0}\n", rruleAsString);
// The string representation can be stored in a database, etc.
// ...
// Then it can be reconstructed using TryParse method:
RecurrenceRule parsedRule;
RecurrenceRule.TryParse(rruleAsString, out parsedRule);
Console.WriteLine("After parsing (should be the same):\n\n{0}", parsedRule);
}
}
}
/*
This example produces the following results:
Recurrence rule:
DTSTART:20070601T123000Z
DTEND:20070601T130000Z
RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
After parsing (should be the same):
DTSTART:20070601T123000Z
DTEND:20070601T130000Z
RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class ParsingExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every 2 hours.
Dim rrule As New HourlyRecurrenceRule(2, range)
' Prints the string representation of the recurrence rule:
Dim rruleAsString As String = rrule.ToString()
Console.WriteLine("Recurrence rule:" & Chr(10) & "" & Chr(10) & "{0}" & Chr(10) & "", rruleAsString)
' The string representation can be stored in a database, etc.
' ...
' Then it can be reconstructed using TryParse method:
Dim parsedRule As RecurrenceRule
RecurrenceRule.TryParse(rruleAsString, parsedRule)
Console.WriteLine("After parsing (should be the same):" & Chr(10) & "" & Chr(10) & "{0}", parsedRule)
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Recurrence rule:
'
'DTSTART:20070601T123000Z
'DTEND:20070601T130000Z
'RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
'
'
'After parsing (should be the same):
'
'DTSTART:20070601T123000Z
'DTEND:20070601T130000Z
'RRULE:FREQ=HOURLY;COUNT=10;INTERVAL=2;
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class HourlyRecurrenceRuleExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every 2 hours.
HourlyRecurrenceRule rrule = new HourlyRecurrenceRule(2, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM
2: 6/1/2007 5:30:00 PM
3: 6/1/2007 7:30:00 PM
4: 6/1/2007 9:30:00 PM
5: 6/1/2007 11:30:00 PM
6: 6/2/2007 1:30:00 AM
7: 6/2/2007 3:30:00 AM
8: 6/2/2007 5:30:00 AM
9: 6/2/2007 7:30:00 AM
10: 6/2/2007 9:30:00 AM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class HourlyRecurrenceRuleExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every 2 hours.
Dim rrule As New HourlyRecurrenceRule(2, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM
' 2: 6/1/2007 5:30:00 PM
' 3: 6/1/2007 7:30:00 PM
' 4: 6/1/2007 9:30:00 PM
' 5: 6/1/2007 11:30:00 PM
' 6: 6/2/2007 1:30:00 AM
' 7: 6/2/2007 3:30:00 AM
' 8: 6/2/2007 5:30:00 AM
' 9: 6/2/2007 7:30:00 AM
'10: 6/2/2007 9:30:00 AM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class RecurrenceExceptionsExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every 2 hours.
HourlyRecurrenceRule rrule = new HourlyRecurrenceRule(2, range);
// Creates a recurrence exception for 5:30 PM (local time).
// Note that exception dates must be in universal time.
rrule.Exceptions.Add(Convert.ToDateTime("6/1/2007 5:30 PM").ToUniversalTime());
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM
2: 6/1/2007 7:30:00 PM
3: 6/1/2007 9:30:00 PM
4: 6/1/2007 11:30:00 PM
5: 6/2/2007 1:30:00 AM
6: 6/2/2007 3:30:00 AM
7: 6/2/2007 5:30:00 AM
8: 6/2/2007 7:30:00 AM
9: 6/2/2007 9:30:00 AM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class RecurrenceExceptionsExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every 2 hours.
Dim rrule As New HourlyRecurrenceRule(2, range)
' Creates a recurrence exception for 5:30 PM (local time).
' Note that exception dates must be in universal time.
rrule.Exceptions.Add(Convert.ToDateTime("6/1/2007 5:30 PM").ToUniversalTime())
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM
' 2: 6/1/2007 7:30:00 PM
' 3: 6/1/2007 9:30:00 PM
' 4: 6/1/2007 11:30:00 PM
' 5: 6/2/2007 1:30:00 AM
' 6: 6/2/2007 3:30:00 AM
' 7: 6/2/2007 5:30:00 AM
' 8: 6/2/2007 7:30:00 AM
' 9: 6/2/2007 9:30:00 AM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class DailyRecurrenceRuleExample1
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every two days.
DailyRecurrenceRule rrule = new DailyRecurrenceRule(2, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek);
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM (Friday)
2: 6/3/2007 3:30:00 PM (Sunday)
3: 6/5/2007 3:30:00 PM (Tuesday)
4: 6/7/2007 3:30:00 PM (Thursday)
5: 6/9/2007 3:30:00 PM (Saturday)
6: 6/11/2007 3:30:00 PM (Monday)
7: 6/13/2007 3:30:00 PM (Wednesday)
8: 6/15/2007 3:30:00 PM (Friday)
9: 6/17/2007 3:30:00 PM (Sunday)
10: 6/19/2007 3:30:00 PM (Tuesday)
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class DailyRecurrenceRuleExample1
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every two days.
Dim rrule As New DailyRecurrenceRule(2, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek)
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM (Friday)
' 2: 6/3/2007 3:30:00 PM (Sunday)
' 3: 6/5/2007 3:30:00 PM (Tuesday)
' 4: 6/7/2007 3:30:00 PM (Thursday)
' 5: 6/9/2007 3:30:00 PM (Saturday)
' 6: 6/11/2007 3:30:00 PM (Monday)
' 7: 6/13/2007 3:30:00 PM (Wednesday)
' 8: 6/15/2007 3:30:00 PM (Friday)
' 9: 6/17/2007 3:30:00 PM (Sunday)
'10: 6/19/2007 3:30:00 PM (Tuesday)
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class DailyRecurrenceRuleExample2
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every week day.
DailyRecurrenceRule rrule = new DailyRecurrenceRule(RecurrenceDay.WeekDays, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek);
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM (Friday)
2: 6/4/2007 3:30:00 PM (Monday)
3: 6/5/2007 3:30:00 PM (Tuesday)
4: 6/6/2007 3:30:00 PM (Wednesday)
5: 6/7/2007 3:30:00 PM (Thursday)
6: 6/8/2007 3:30:00 PM (Friday)
7: 6/11/2007 3:30:00 PM (Monday)
8: 6/12/2007 3:30:00 PM (Tuesday)
9: 6/13/2007 3:30:00 PM (Wednesday)
10: 6/14/2007 3:30:00 PM (Thursday)
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class DailyRecurrenceRuleExample2
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every week day.
Dim rrule As New DailyRecurrenceRule(RecurrenceDay.WeekDays, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek)
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM (Friday)
' 2: 6/4/2007 3:30:00 PM (Monday)
' 3: 6/5/2007 3:30:00 PM (Tuesday)
' 4: 6/6/2007 3:30:00 PM (Wednesday)
' 5: 6/7/2007 3:30:00 PM (Thursday)
' 6: 6/8/2007 3:30:00 PM (Friday)
' 7: 6/11/2007 3:30:00 PM (Monday)
' 8: 6/12/2007 3:30:00 PM (Tuesday)
' 9: 6/13/2007 3:30:00 PM (Wednesday)
'10: 6/14/2007 3:30:00 PM (Thursday)
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class HourlyRecurrenceRuleExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every 2 hours.
HourlyRecurrenceRule rrule = new HourlyRecurrenceRule(2, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM
2: 6/1/2007 5:30:00 PM
3: 6/1/2007 7:30:00 PM
4: 6/1/2007 9:30:00 PM
5: 6/1/2007 11:30:00 PM
6: 6/2/2007 1:30:00 AM
7: 6/2/2007 3:30:00 AM
8: 6/2/2007 5:30:00 AM
9: 6/2/2007 7:30:00 AM
10: 6/2/2007 9:30:00 AM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class HourlyRecurrenceRuleExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every 2 hours.
Dim rrule As New HourlyRecurrenceRule(2, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM
' 2: 6/1/2007 5:30:00 PM
' 3: 6/1/2007 7:30:00 PM
' 4: 6/1/2007 9:30:00 PM
' 5: 6/1/2007 11:30:00 PM
' 6: 6/2/2007 1:30:00 AM
' 7: 6/2/2007 3:30:00 AM
' 8: 6/2/2007 5:30:00 AM
' 9: 6/2/2007 7:30:00 AM
'10: 6/2/2007 9:30:00 AM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class MonthlyRecurrenceRuleExample1
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 5;
// Creates a recurrence rule to repeat the appointment on the 5th day of every month.
MonthlyRecurrenceRule rrule = new MonthlyRecurrenceRule(5, 1, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/5/2007 3:30:00 PM
2: 7/5/2007 3:30:00 PM
3: 8/5/2007 3:30:00 PM
4: 9/5/2007 3:30:00 PM
5: 10/5/2007 3:30:00 PM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class MonthlyRecurrenceRuleExample1
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 5
' Creates a recurrence rule to repeat the appointment on the 5th day of every month.
Dim rrule As New MonthlyRecurrenceRule(5, 1, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/5/2007 3:30:00 PM
' 2: 7/5/2007 3:30:00 PM
' 3: 8/5/2007 3:30:00 PM
' 4: 9/5/2007 3:30:00 PM
' 5: 10/5/2007 3:30:00 PM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class MonthlyRecurrenceRuleExample1
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 5;
// Creates a recurrence rule to repeat the appointment on the 5th day of every month.
MonthlyRecurrenceRule rrule = new MonthlyRecurrenceRule(5, 1, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/5/2007 3:30:00 PM
2: 7/5/2007 3:30:00 PM
3: 8/5/2007 3:30:00 PM
4: 9/5/2007 3:30:00 PM
5: 10/5/2007 3:30:00 PM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class MonthlyRecurrenceRuleExample1
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 5
' Creates a recurrence rule to repeat the appointment on the 5th day of every month.
Dim rrule As New MonthlyRecurrenceRule(5, 1, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/5/2007 3:30:00 PM
' 2: 7/5/2007 3:30:00 PM
' 3: 8/5/2007 3:30:00 PM
' 4: 9/5/2007 3:30:00 PM
' 5: 10/5/2007 3:30:00 PM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class MonthlyRecurrenceRuleExample2
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 5;
// Creates a recurrence rule to repeat the appointment on the last monday of every two months.
MonthlyRecurrenceRule rrule = new MonthlyRecurrenceRule(-1, RecurrenceDay.Monday, 2, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/25/2007 3:30:00 PM
2: 8/27/2007 3:30:00 PM
3: 10/29/2007 2:30:00 PM
4: 12/31/2007 2:30:00 PM
5: 2/25/2008 2:30:00 PM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class MonthlyRecurrenceRuleExample2
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 5
' Creates a recurrence rule to repeat the appointment on the last monday of every two months.
Dim rrule As New MonthlyRecurrenceRule(-1, RecurrenceDay.Monday, 2, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/25/2007 3:30:00 PM
' 2: 8/27/2007 3:30:00 PM
' 3: 10/29/2007 2:30:00 PM
' 4: 12/31/2007 2:30:00 PM
' 5: 2/25/2008 2:30:00 PM
'
- Bitwise OR: Turns a flag on.
- Bitwise XOR: Toggles a flag.
- Bitwise AND: Checks if a flag is turned on.
- Bitwise NOT: Turns a flag off.
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class RecurrenceDayExample
{
static void Main()
{
// Selects Friday, Saturday and Sunday.
RecurrenceDay dayMask = RecurrenceDay.Friday | RecurrenceDay.WeekendDays;
PrintSelectedDays(dayMask);
// Selects all days, except Thursday.
dayMask = RecurrenceDay.EveryDay ^ RecurrenceDay.Thursday;
PrintSelectedDays(dayMask);
}
static void PrintSelectedDays(RecurrenceDay dayMask)
{
Console.WriteLine("Value: {0,3} - {1}", (int) dayMask, dayMask);
}
}
}
/*
This example produces the following results:
Value: 112 - Friday, WeekendDays
Value: 119 - Monday, Tuesday, Wednesday, Friday, WeekendDays
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class RecurrenceDayExample
Shared Sub Main()
' Selects Friday, Saturday and Sunday.
Dim dayMask As RecurrenceDay = RecurrenceDay.Friday Or RecurrenceDay.WeekendDays
PrintSelectedDays(dayMask)
' Selects all days, except Thursday.
dayMask = RecurrenceDay.EveryDay Xor RecurrenceDay.Thursday
PrintSelectedDays(dayMask)
End Sub
Shared Sub PrintSelectedDays(ByVal dayMask As RecurrenceDay)
Console.WriteLine("Value: {0,3} - {1}", DirectCast(dayMask, Integer), dayMask)
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Value: 112 - Friday, WeekendDays
'Value: 119 - Monday, Tuesday, Wednesday, Friday, WeekendDays
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class RecurrencePatternExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule for the appointment.
DailyRecurrenceRule rrule = new DailyRecurrenceRule(1, range);
// Displays the relevant parts of the generated pattern:
Console.WriteLine("The active recurrence pattern is:");
Console.WriteLine(" Frequency: {0}", rrule.Pattern.Frequency);
Console.WriteLine(" Interval: {0}", rrule.Pattern.Interval);
Console.WriteLine(" Days of week: {0}\n", rrule.Pattern.DaysOfWeekMask);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
The active recurrence pattern is:
Frequency: Daily
Interval: 1
Days of week: EveryDay
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM
2: 6/2/2007 3:30:00 PM
3: 6/3/2007 3:30:00 PM
4: 6/4/2007 3:30:00 PM
5: 6/5/2007 3:30:00 PM
6: 6/6/2007 3:30:00 PM
7: 6/7/2007 3:30:00 PM
8: 6/8/2007 3:30:00 PM
9: 6/9/2007 3:30:00 PM
10: 6/10/2007 3:30:00 PM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class RecurrencePatternExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule for the appointment.
Dim rrule As New DailyRecurrenceRule(1, range)
' Displays the relevant parts of the generated pattern:
Console.WriteLine("The active recurrence pattern is:")
Console.WriteLine(" Frequency: {0}", rrule.Pattern.Frequency)
Console.WriteLine(" Interval: {0}", rrule.Pattern.Interval)
Console.WriteLine(" Days of week: {0}" & Chr(10) & "", rrule.Pattern.DaysOfWeekMask)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'The active recurrence pattern is:
' Frequency: Daily
' Interval: 1
' Days of week: EveryDay
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM
' 2: 6/2/2007 3:30:00 PM
' 3: 6/3/2007 3:30:00 PM
' 4: 6/4/2007 3:30:00 PM
' 5: 6/5/2007 3:30:00 PM
' 6: 6/6/2007 3:30:00 PM
' 7: 6/7/2007 3:30:00 PM
' 8: 6/8/2007 3:30:00 PM
' 9: 6/9/2007 3:30:00 PM
'10: 6/10/2007 3:30:00 PM
'
-
- 1: Selects the first monday of the month.
- 3: Selects the third monday of the month.
- -1: Selects the last monday of the month.
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class RecurrenceRangeExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a daily recurrence rule for the appointment.
DailyRecurrenceRule rrule = new DailyRecurrenceRule(1, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/1/2007 3:30:00 PM
2: 6/2/2007 3:30:00 PM
3: 6/3/2007 3:30:00 PM
4: 6/4/2007 3:30:00 PM
5: 6/5/2007 3:30:00 PM
6: 6/6/2007 3:30:00 PM
7: 6/7/2007 3:30:00 PM
8: 6/8/2007 3:30:00 PM
9: 6/9/2007 3:30:00 PM
10: 6/10/2007 3:30:00 PM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class RecurrenceRangeExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a daily recurrence rule for the appointment.
Dim rrule As New DailyRecurrenceRule(1, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/1/2007 3:30:00 PM
' 2: 6/2/2007 3:30:00 PM
' 3: 6/3/2007 3:30:00 PM
' 4: 6/4/2007 3:30:00 PM
' 5: 6/5/2007 3:30:00 PM
' 6: 6/6/2007 3:30:00 PM
' 7: 6/7/2007 3:30:00 PM
' 8: 6/8/2007 3:30:00 PM
' 9: 6/9/2007 3:30:00 PM
'10: 6/10/2007 3:30:00 PM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class WeeklyRecurrenceRuleExample
{
static void Main()
{
// Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"),
Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 10;
// Creates a recurrence rule to repeat the appointment every two weeks on Mondays and Tuesdays.
RecurrenceDay mask = RecurrenceDay.Monday | RecurrenceDay.Tuesday;
WeeklyRecurrenceRule rrule = new WeeklyRecurrenceRule(2, mask, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek);
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 6/4/2007 3:30:00 PM (Monday)
2: 6/5/2007 3:30:00 PM (Tuesday)
3: 6/18/2007 3:30:00 PM (Monday)
4: 6/19/2007 3:30:00 PM (Tuesday)
5: 7/2/2007 3:30:00 PM (Monday)
6: 7/3/2007 3:30:00 PM (Tuesday)
7: 7/16/2007 3:30:00 PM (Monday)
8: 7/17/2007 3:30:00 PM (Tuesday)
9: 7/30/2007 3:30:00 PM (Monday)
10: 7/31/2007 3:30:00 PM (Tuesday)
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class WeeklyRecurrenceRuleExample
Shared Sub Main()
' Creates a sample appointment that starts at 6/1/2007 3:30 PM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("6/1/2007 3:30 PM"), Convert.ToDateTime("6/1/2007 4:00 PM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 10
' Creates a recurrence rule to repeat the appointment every two weeks on Mondays and Tuesdays.
Dim mask As RecurrenceDay = RecurrenceDay.Monday Or RecurrenceDay.Tuesday
Dim rrule As New WeeklyRecurrenceRule(2, mask, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1} ({2})", ix, occurrence.ToLocalTime(), occurrence.DayOfWeek)
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 6/4/2007 3:30:00 PM (Monday)
' 2: 6/5/2007 3:30:00 PM (Tuesday)
' 3: 6/18/2007 3:30:00 PM (Monday)
' 4: 6/19/2007 3:30:00 PM (Tuesday)
' 5: 7/2/2007 3:30:00 PM (Monday)
' 6: 7/3/2007 3:30:00 PM (Tuesday)
' 7: 7/16/2007 3:30:00 PM (Monday)
' 8: 7/17/2007 3:30:00 PM (Tuesday)
' 9: 7/30/2007 3:30:00 PM (Monday)
'10: 7/31/2007 3:30:00 PM (Tuesday)
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class YearlyRecurrenceRuleExample1
{
static void Main()
{
// Creates a sample appointment that starts at 4/1/2007 10:00 AM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("4/1/2007 10:00 AM"),
Convert.ToDateTime("4/1/2007 10:30 AM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 5;
// Creates a recurrence rule to repeat the appointment on the 1th of April each year.
YearlyRecurrenceRule rrule = new YearlyRecurrenceRule(RecurrenceMonth.April, 1, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 4/1/2007 10:00:00 AM
2: 4/1/2008 10:00:00 AM
3: 4/1/2009 10:00:00 AM
4: 4/1/2010 10:00:00 AM
5: 4/1/2011 10:00:00 AM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class YearlyRecurrenceRuleExample1
Shared Sub Main()
' Creates a sample appointment that starts at 4/1/2007 10:00 AM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("4/1/2007 10:00 AM"), Convert.ToDateTime("4/1/2007 10:30 AM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 5
' Creates a recurrence rule to repeat the appointment on the 1th of April each year.
Dim rrule As New YearlyRecurrenceRule(RecurrenceMonth.April, 1, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 4/1/2007 10:00:00 AM
' 2: 4/1/2008 10:00:00 AM
' 3: 4/1/2009 10:00:00 AM
' 4: 4/1/2010 10:00:00 AM
' 5: 4/1/2011 10:00:00 AM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class YearlyRecurrenceRuleExample1
{
static void Main()
{
// Creates a sample appointment that starts at 4/1/2007 10:00 AM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("4/1/2007 10:00 AM"),
Convert.ToDateTime("4/1/2007 10:30 AM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 5;
// Creates a recurrence rule to repeat the appointment on the 1th of April each year.
YearlyRecurrenceRule rrule = new YearlyRecurrenceRule(RecurrenceMonth.April, 1, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 4/1/2007 10:00:00 AM
2: 4/1/2008 10:00:00 AM
3: 4/1/2009 10:00:00 AM
4: 4/1/2010 10:00:00 AM
5: 4/1/2011 10:00:00 AM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class YearlyRecurrenceRuleExample1
Shared Sub Main()
' Creates a sample appointment that starts at 4/1/2007 10:00 AM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("4/1/2007 10:00 AM"), Convert.ToDateTime("4/1/2007 10:30 AM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 5
' Creates a recurrence rule to repeat the appointment on the 1th of April each year.
Dim rrule As New YearlyRecurrenceRule(RecurrenceMonth.April, 1, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 4/1/2007 10:00:00 AM
' 2: 4/1/2008 10:00:00 AM
' 3: 4/1/2009 10:00:00 AM
' 4: 4/1/2010 10:00:00 AM
' 5: 4/1/2011 10:00:00 AM
'
using System;
using Telerik.Web.UI;
namespace RecurrenceExamples
{
class YearlyRecurrenceRuleExample2
{
static void Main()
{
// Creates a sample appointment that starts at 4/1/2007 10:00 AM (local time) and lasts half an hour.
Appointment recurringAppointment = new Appointment("1", Convert.ToDateTime("4/1/2007 10:00 AM"),
Convert.ToDateTime("4/1/2007 10:30 AM"), "Sample appointment");
// Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
RecurrenceRange range = new RecurrenceRange();
range.Start = recurringAppointment.Start;
range.EventDuration = recurringAppointment.End - recurringAppointment.Start;
range.MaxOccurrences = 5;
// Creates a recurrence rule to repeat the appointment on the second monday of April each year.
YearlyRecurrenceRule rrule = new YearlyRecurrenceRule(2, RecurrenceMonth.April, RecurrenceDay.Monday, range);
Console.WriteLine("Appointment occurrs at the following times: ");
int ix = 0;
foreach (DateTime occurrence in rrule.Occurrences)
{
ix = ix + 1;
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime());
}
}
}
}
/*
This example produces the following results:
Appointment occurrs at the following times:
1: 4/9/2007 10:00:00 AM
2: 4/14/2008 10:00:00 AM
3: 4/13/2009 10:00:00 AM
4: 4/12/2010 10:00:00 AM
5: 4/11/2011 10:00:00 AM
*/
Imports System
Imports Telerik.Web.UI
Namespace RecurrenceExamples
Class YearlyRecurrenceRuleExample2
Shared Sub Main()
' Creates a sample appointment that starts at 4/1/2007 10:00 AM (local time) and lasts half an hour.
Dim recurringAppointment As New Appointment("1", Convert.ToDateTime("4/1/2007 10:00 AM"), Convert.ToDateTime("4/1/2007 10:30 AM"), "Sample appointment")
' Creates a recurrence range, that specifies a limit of 10 occurrences for the appointment.
Dim range As New RecurrenceRange()
range.Start = recurringAppointment.Start
range.EventDuration = recurringAppointment.[End] - recurringAppointment.Start
range.MaxOccurrences = 5
' Creates a recurrence rule to repeat the appointment on the second monday of April each year.
Dim rrule As New YearlyRecurrenceRule(2, RecurrenceMonth.April, RecurrenceDay.Monday, range)
Console.WriteLine("Appointment occurrs at the following times: ")
Dim ix As Integer = 0
For Each occurrence As DateTime In rrule.Occurrences
ix = ix + 1
Console.WriteLine("{0,2}: {1}", ix, occurrence.ToLocalTime())
Next
End Sub
End Class
End Namespace
'
'This example produces the following results:
'
'Appointment occurrs at the following times:
' 1: 4/9/2007 10:00:00 AM
' 2: 4/14/2008 10:00:00 AM
' 3: 4/13/2009 10:00:00 AM
' 4: 4/12/2010 10:00:00 AM
' 5: 4/11/2011 10:00:00 AM
'
- rsCategoryRed
- rsCategoryBlue
- rsCategoryOrange
- rsCategoryGreen
Url: http://www.myserver.com/myapp/mydirectory/myfile Result: /myapp/mydirectory/myfile
Url: www.myserver.com/myapp/mydirectory/myfile Result: /myapp/mydirectory/myfile
If you want to specify multiple permissions, use the following syntax:
Dim permissions As PathPermissions = PathPermissions.Read Or PathPermissions.Upload Or PathPermissions.Delete
- sender, the RadToolTip object.
- args.
<script type="text/javascript">
function OnToolTipShowHandler(sender, args)
{
var tooltip = sender;
}
</script>
function OnToolTipShowHandler(sender, args)
{
var tooltip = sender;
}
</script>
<radsld:RadToolTip ID="RadToolTip1"
runat= "server"
OnClientBeforeShow="OnToolTipShowHandler">
....
</radsld:RadToolTip>
runat= "server"
OnClientBeforeShow="OnToolTipShowHandler">
....
</radsld:RadToolTip>
- sender, the RadToolTip object.
- args.
<script type="text/javascript">
function OnClientShowHandler(sender, args)
{
var tooltip = sender;
}
</script>
function OnClientShowHandler(sender, args)
{
var tooltip = sender;
}
</script>
<radsld:RadToolTip ID="RadToolTip1"
runat= "server"
OnClientShow="OnClientShowHandler">
....
</radsld:RadToolTip>
runat= "server"
OnClientShow="OnClientShowHandler">
....
</radsld:RadToolTip>
- sender, the RadToolTip object.
- args.
<script type="text/javascript">
function OnBeforeHideHandler(sender, args)
{
var tooltip = sender;
}
</script>
function OnBeforeHideHandler(sender, args)
{
var tooltip = sender;
}
</script>
<radsld:RadToolTip ID="RadToolTip1"
runat= "server"
OnClientBeforeHide="OnBeforeHideHandler">
....
</radsld:RadToolTip>
runat= "server"
OnClientBeforeHide="OnBeforeHideHandler">
....
</radsld:RadToolTip>
- sender, the RadToolTip object.
- args.
<script type="text/javascript">
function OnHideHandler(sender, args)
{
var tooltip = sender;
}
</script>
function OnHideHandler(sender, args)
{
var tooltip = sender;
}
</script>
<radsld:RadToolTip ID="RadToolTip1"
runat= "server"
OnClientHide="OnHideHandler">
....
</radsld:RadToolTip>
runat= "server"
OnClientHide="OnHideHandler">
....
</radsld:RadToolTip>
- sender, the RadToolTip object.
- args.
<telerik:RadToolTip ID="RadToolTip1"
runat= "server"
OnAjaxUpdate="OnAjaxUpdate">
....
</telerik:RadToolTip>
runat= "server"
OnAjaxUpdate="OnAjaxUpdate">
....
</telerik:RadToolTip>
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public string WebServiceMethodName(object context)
{
// We cannot use a dictionary as a parameter, because it is only supported by script services.
// The context object should be cast to a dictionary at runtime.
IDictionary<string, object> contextDictionary = (IDictionary<string, object>) context;
//...
}
}
- sender, the RadToolTipManager object.
- args.
<script type="text/javascript">
function OnClientRequestStart(sender, args)
{
var tooltipManager = sender;
}
</script>
function OnClientRequestStart(sender, args)
{
var tooltipManager = sender;
}
</script>
<radsld:RadToolTipManager ID="RadToolTipManager1"
runat= "server"
OnClientRequestStart="OnClientRequestStart">
....
</radsld:RadToolTipManager>
runat= "server"
OnClientRequestStart="OnClientRequestStart">
....
</radsld:RadToolTipManager>
- sender, the RadToolTipManager object.
- args.
<script type="text/javascript">
function OnClientResponseEnd(sender, args)
{
var tooltipManager = sender;
}
</script>
function OnClientResponseEnd(sender, args)
{
var tooltipManager = sender;
}
</script>
<radsld:RadToolTipManager ID="RadToolTipManager1"
runat= "server"
OnClientResponseEnd="OnClientResponseEnd">
....
</radsld:RadToolTipManager>
runat= "server"
OnClientResponseEnd="OnClientResponseEnd">
....
</radsld:RadToolTipManager>
<radU:RadUpload Language="es-Es" ... />
<radU:RadUpload Language="es-Es" ... />
<radU:RadProgressArea OnClientProgressUpdating="myOnClientProgressUpdating" ... />
...
<script>
function myOnClientProgressUpdating()
{
alert("The progress will be updated");
}
</script>
<radU:RadProgressArea OnClientProgressUpdating="myOnClientProgressUpdating" ... />
...
<script>
function myOnClientProgressUpdating()
{
alert("The progress will be updated");
}
</script>
RadProgressArea1.Localization["CancelButton"] = "Cancel";
RadProgressArea1.Localization["ElapsedTime"] = "Elapsed time: ";
RadProgressArea1.Localization["EstimatedTime"] = "Estimated time: ";
RadProgressArea1.Localization["TransferSpeed"] = "Speed: ";
RadProgressArea1.Localization["CurrentFileName"] = "Uploading file: ";
RadProgressArea1.Localization["Uploaded"] = "Uploaded ";
RadProgressArea1.Localization["UploadedFiles"] = "Uploaded files: ";
RadProgressArea1.Localization["Total"] = "Total ";
RadProgressArea1.Localization["TotalFiles"] = "Total files: ";
RadProgressArea1.Localization("CancelButton") = "Cancel"
RadProgressArea1.Localization("ElapsedTime") = "Elapsed time: "
RadProgressArea1.Localization("EstimatedTime") = "Estimated time: "
RadProgressArea1.Localization("TransferSpeed") = "Speed: "
RadProgressArea1.Localization("CurrentFileName") = "Uploading file: "
RadProgressArea1.Localization("Uploaded") = "Uploaded "
RadProgressArea1.Localization("UploadedFiles") = "Uploaded files: "
RadProgressArea1.Localization("Total") = "Total "
RadProgressArea1.Localization("TotalFiles") = "Total files: "
Button1.PostBackUrl = RadProgressManager1.ApplyUniquePageIdentifier(Request.Url.PathAndQuery)
Button1.PostBackUrl = RadProgressManager1.ApplyUniquePageIdentifier(Request.Url.PathAndQuery);
Private Sub RadUpload1_ValidatingFile(ByVal sender As Object, ByVal e As WebControls.ValidateFileEventArgs) Handles RadUpload1.ValidatingFile
If e.UploadedFile.GetExtension.ToLower = ".zip" Then
Dim maxZipFileSize As Integer = 10000000 '~10MB
If e.UploadedFile.ContentLength > maxZipFileSize Then
e.IsValid = False
End If
'The zip files are not validated for file size, extension and mime type
e.SkipInternalValidation = True
End If
End Sub
private void RadUpload1_ValidatingFile(object sender, ValidateFileEventArgs e)
{
if (e.UploadedFile.GetExtension().ToLower() == ".zip")
{
int maxZipFileSize = 10000000; //~10MB
if (e.UploadedFile.ContentLength > maxZipFileSize)
{
e.IsValid = false;
}
//The zip files are not validated for file size, extension and content type
e.SkipInternalValidation = true;
}
}
Private Sub RadUpload1_FileExists(ByVal sender As Object, ByVal e As WebControls.UploadedFileEventArgs) Handles RadUpload1.FileExists
Dim TheFile As Telerik.WebControls.UploadedFile = e.UploadedFile
TheFile.SaveAs(Path.Combine(RadUpload1.TargetFolder, TheFile.GetNameWithoutExtension() + "1" + TheFile.GetExtension()), true)
End Sub
private void RadUpload1_FileExists(object sender, Telerik.WebControls.UploadedFileEventArgs e)
{
Telerik.WebControls.UploadedFile TheFile = e.UploadedFile;
TheFile.SaveAs(Path.Combine(RadUpload1.TargetFolder, TheFile.GetNameWithoutExtension() + "1" + TheFile.GetExtension()), true);
}
Dim allowedFileExtensions As String() = New String(2) {".zip", ".doc", ".config"}
RadUpload1.AllowedFileExtensions = allowedFileExtensions
string[] allowedFileExtensions = new string[3] {".zip", ".doc", ".config"};
RadUpload1.AllowedFileExtensions = allowedFileExtensions;
' For example you can Get these from your web.config file
Dim commaSeparatedMimeTypes As String = "application/octet-stream,application/msword,video/mpeg"
Dim allowedMimeTypes As String() = commaSeparatedMimeTypes.Split(",")
RadUpload1.AllowedMimeTypes = allowedMimeTypes
// For example you can get these from your web.config file
string commaSeparatedMimeTypes = "application/octet-stream,application/msword,video/mpeg";
string[] allowedMimeTypes = commaSeparatedMimeTypes.Split(',');
RadUpload1.AllowedMimeTypes = allowedMimeTypes;
-
None Only the file inputs will be visible. -
CheckBoxes Display checkboxes for selecting a file input. -
RemoveButtons Display buttons for removing a file input. -
ClearButtons Display buttons for clearing a file input. -
AddButton Display button for adding a file input. -
DeleteSelectedButton Display button for removing the file inputs with checked checkboxes. -
Default CheckBoxes | RemoveButtons | AddButton | DeleteSelectedButton -
All CheckBoxes | RemoveButtons | ClearButtons | AddButton | DeleteSelectedButton
RadUpload1.ControlObjectsVisibility = Telerik.WebControls.ControlObjectsVisibility.AddButton Or _
Telerik.WebControls.ControlObjectsVisibility.RemoveButtons
RadUpload1.ControlObjectsVisibility = Telerik.WebControls.ControlObjectsVisibility.AddButton |
Telerik.WebControls.ControlObjectsVisibility.RemoveButtons;
<radU:RadUpload OnClientAdding="myOnClientAdding" ... />
...
<script>
function myOnClientAdding()
{
alert("You just added a new file input.");
}
</script>
<radU:RadUpload OnClientAdding="myOnClientAdding" ... />
...
<script>
function myOnClientAdding()
{
alert("You just added a new file input.");
}
</script>
<radU:RadUpload OnClientAdded="myOnClientAdded" ... />
...
<script>
function myOnClientAdded()
{
alert("You just added a new file input.");
}
</script>
<radU:RadUpload OnClientAdded="myOnClientAdded" ... />
...
<script>
function myOnClientAdded()
{
alert("You just added a new file input.");
}
</script>
<radU:RadUpload OnClientDeleting="myOnClientDeleting" ... />
<script language="javascript">
function myOnClientDeleting()
{
return prompt("Are you sure?");
}
</script>
<radU:RadUpload OnClientDeleting="myOnClientDeleting" ... />
<script language="javascript">
function myOnClientDeleting()
{
Return prompt("Are you sure?");
}
</script>
<radU:RadUpload OnClientClearing="myOnClientClearing" ... />
...
<script>
function myOnClientClearing()
{
return confirm("Are you sure you want to clear this input?");
}
</script>
<radU:RadUpload OnClientClearing="myOnClientClearing" ... />
...
<script>
function myOnClientClearing()
{
Return confirm("Are you sure you want to clear this input?");
}
</script>
<radU:RadUpload OnClientDeletingSelected="myOnClientDeletingSelected" ... />
<script>
function myOnClientDeletingSelected()
{
var mustCancel = confirm("Are you sure?");
return mustCancel;
}
</script>
<radU:RadUpload OnClientDeletingSelected="myOnClientDeletingSelected" ... />
<script>
function myOnClientDeletingSelected()
{
var mustCancel = confirm("Are you sure?");
return mustCancel;
}
</script>
For Each file As Telerik.WebControls.UploadedFile In RadUpload1.UploadedFiles
file.SaveAs(Path.Combine("c:\my files\", file.GetName()), True)
Next
foreach (Telerik.WebControls.UploadedFile file in RadUpload1.UploadedFiles)
{
file.SaveAs(Path.Combine(@"c:\my files\", file.GetName()), true);
}
Dim MyUploadedFile As UploadedFile = RadUpload1.UploadedFiles(0)
Dim MyFileName As String = UploadedFile.FileName
HttpPostedFile MyUploadedFile = RadUpload1.UploadedFiles[0];
String MyFileName = MyUploadedFile.FileName;
- sender, the RadWindow object.
- args.
<script type="text/javascript">
function OnWindowActivateHandler(sender, args)
{
var window = sender;
}
</script>
function OnWindowActivateHandler(sender, args)
{
var window = sender;
}
</script>
<radsld:RadWindow ID="RadWindow1"
runat= "server"
OnClientActivate="OnWindowActivateHandler">
....
</radsld:RadWindow>
runat= "server"
OnClientActivate="OnWindowActivateHandler">
....
</radsld:RadWindow>
- sender, the RadWindow object.
- args.
<script type="text/javascript">
function OnClientBeforeShowHandler(sender, args)
{
var oWindow = sender;
}
</script>
function OnClientBeforeShowHandler(sender, args)
{
var oWindow = sender;
}
</script>
<radsld:RadWindow ID="RadWindow1"
runat= "server"
OnClientBeforeShow="OnClientBeforeShowHandler">
....
</radsld:RadWindow>
runat= "server"
OnClientBeforeShow="OnClientBeforeShowHandler">
....
</radsld:RadWindow>
- sender, the RadWindow object.
- args.
<script type="text/javascript">
function OnClientShowHandler(sender, args)
{
var window = sender;
}
</script>
function OnClientShowHandler(sender, args)
{
var window = sender;
}
</script>
<radsld:RadWindow ID="RadWindow1"
runat= "server"
OnClientShow="OnClientShowHandler">
....
</radsld:RadWindow>
runat= "server"
OnClientShow="OnClientShowHandler">
....
</radsld:RadWindow>
- sender, the RadWindow object.
- args.
<script type="text/javascript">
function OnPageLoadHandler(sender, args)
{
var window = sender;
}
</script>
function OnPageLoadHandler(sender, args)
{
var window = sender;
}
</script>
<radsld:RadWindow ID="RadWindow1"
runat= "server"
OnClientPageLoad="OnPageLoadHandler">
....
</radsld:RadWindow>
runat= "server"
OnClientPageLoad="OnPageLoadHandler">
....
</radsld:RadWindow>
- sender, the RadWindow object.
- args.
<script type="text/javascript">
function OnCloseHandler(sender, args)
{
var window = sender;
}
</script>
function OnCloseHandler(sender, args)
{
var window = sender;
}
</script>
<radsld:RadWindow ID="RadWindow1"
runat= "server"
OnClientClose="OnCloseHandler">
....
</radsld:RadWindow>
runat= "server"
OnClientClose="OnCloseHandler">
....
</radsld:RadWindow>
- sender, the RadWindow object.
- args.
<script type="text/javascript">
function OnClosingHandler(sender, args)
{
var window = sender;
}
</script>
function OnClosingHandler(sender, args)
{
var window = sender;
}
</script>
<radsld:RadWindow ID="RadWindow1"
runat= "server"
OnClientClosing="OnClosingHandler">
....
</radsld:RadWindow>
runat= "server"
OnClientClosing="OnClosingHandler">
....
</radsld:RadWindow>
// This example demonstrates rendering an XSL-FO file to a PDF file.
ApocDriver driver = ApocDriver.Make();
driver.Render(
new FileStream("readme.fo", FileMode.Open),
new FileStream("readme.pdf", FileMode.Create));
// This example demonstrates rendering an XSL-FO file to a PDF file.
Dim driver As ApocDriver = ApocDriver.Make
driver.Render( _
New FileStream("readme.fo", FileMode.Open), _
New FileStream("readme.pdf", FileMode.Create))
// This example demonstrates rendering the result of an XSLT transformation
// into a PDF file.
ApocDriver driver = ApocDriver.Make();
driver.Render(
XslTransformer.Transform("readme.xml", "readme.xsl"),
new FileStream("readme.pdf", FileMode.Create));
// This example demonstrates rendering the result of an XSLT transformation
// into a PDF file.
Dim driver As ApocDriver = ApocDriver.Make
driver.Render( _
XslTransformer.Transform("readme.xml", "readme.xsl"), _
New FileStream("readme.pdf", FileMode.Create))
// This example demonstrates using an XmlDocument as the source of the
// XSL-FO tree. The XmlDocument could easily be dynamically generated.
XmlDocument doc = new XmlDocument()
doc.Load("reader.fo");
ApocDriver driver = ApocDriver.Make();
driver.Render(doc, new FileStream("readme.pdf", FileMode.Create));
// This example demonstrates using an XmlDocument as the source of the
// XSL-FO tree. The XmlDocument could easily be dynamically generated.
Dim doc As XmlDocument = New XmlDocument()
doc.Load("reader.fo")
Dim driver As ApocDriver = ApocDriver.Make
driver.Render(doc, New FileStream("readme.pdf", FileMode.Create))
key from the
current culture's setting
void ApocError(object driver, ApocEventArgs e);
The first parameter driver will be a reference to the
active ApocDriver instance.
[C#]
{ ApocDriver driver = ApocDriver.Make(); driver.OnError += new ApocDriver.ApocEventHandler(ApocError); ... }
void ApocWarning(object driver, ApocEventArgs e);
The first parameter driver will be a reference to the
active ApocDriver instance.
void ApocInfo(object driver, ApocEventArgs e);
The first parameter driver will be a reference to the
active ApocDriver instance.
true if keeps and spans should be ignored
Area instance.
@param fontState a FontState value
@param allocationWidth the inline-progression dimension of the content
rectangle of the Area
@param maxHeight the maximum block-progression dimension available
for this Area (its allocation rectangle)
All OpenType fonts use Motorola-style byte ordering (Big Endian).
The following table lists the primitives and their definition. Note the difference between the .NET CLR definition of certain types and the TrueType definition.
BYTE 8-bit unsigned integer. CHAR 8-bit signed integer. USHORT 16-bit unsigned integer. SHORT 16-bit signed integer. ULONG 32-bit unsigned integer. LONG 32-bit signed integer. Fixed 32-bit signed fixed-point number (16.16) FWORD 16-bit signed integer (SHORT) that describes a quantity in FUnits. UFWORD 16-bit unsigned integer (USHORT) that describes a quantity in FUnits. F2DOT14 16-bit signed fixed number with the low 14 bits of fraction (2.14). LONGDATETIME Date represented in number of seconds since 12:00 midnight, January 1, 1904. The value is represented as a signed 64-bit integer. Tag Array of four uint8s (length = 32 bits) used to identify a script, language system, feature, or baseline GlyphID Glyph index number, same as uint16(length = 16 bits) Offset Offset to a table, same as uint16 (length = 16 bits), NULL offset = 0x0000
For detailed information on the OS/2 table, visit the following link: http://www.microsoft.com/typography/otspec/os2.htm
For more details on the Panose classification metrics, visit the following URL: http://www.panose.com/hardware/pan2.asp
- Printing disallowed
- Modifications disallowed
- Copy and Paste disallowed
- Addition or modification of annotation/form fields disallowed
Each of the three alernatives has particular advantages and disadvantages, which will be explained here.
The
- Only characters in the WinAnsi character encoding are supported (i.e. Latin)
- The PDF document will not render correctly if the linked font is not installed.
The
Finally, the
-
Use the
indexer to programmatically retrieve a single ColorPickerItem from the collection, using array notation. - Use the Count property to determine the total number of Items in the collection.
-
Use the
Add method to add Items in the collection. -
Use the
Remove method to remove Items from the collection.
- sender, the RadColorPicker object.
- args.
<telerik:RadColorPicker ID="RadColorPicker1"
runat= "server"
OnColorChanged="OnColorChanged">
....
</telerik:RadColorPicker>
runat= "server"
OnColorChanged="OnColorChanged">
....
</telerik:RadColorPicker>
Dim colors As ColorPickerItemCollection = RadColorPicker1.GetStandardColors()
ColorPickerItemCollection colors = RadColorPicker1.GetStandardColors();
- sender, the RadColorPicker object.
- args.
<script type="text/javascript">
function OnClientLoad(sender, args)
{
var ColorPicker = sender;
}
</script>
function OnClientLoad(sender, args)
{
var ColorPicker = sender;
}
</script>
<telerik:RadColorPicker ID="RadColorPicker1"
runat= "server"
OnClientLoad="OnClientLoad">
....
</telerik:RadColorPicker>
runat= "server"
OnClientLoad="OnClientLoad">
....
</telerik:RadColorPicker>
- sender, the RadColorPicker that fired the event.
- args.
<script type="text/javascript">
function OnClientColorPreview(sender, args)
{
var ColorPicker = sender;
}
</script>
function OnClientColorPreview(sender, args)
{
var ColorPicker = sender;
}
</script>
<telerik:RadColorPicker ID="RadColorPicker1"
runat= "server"
OnClientColorPreview="OnClientColorPreview">
....
</telerik:RadColorPicker>
runat= "server"
OnClientColorPreview="OnClientColorPreview">
....
</telerik:RadColorPicker>
- sender, the RadColorPicker object.
- args.
<script type="text/javascript">
function OnColorChangingHandler(sender, args)
{
var ColorPicker = sender;
}
</script>
function OnColorChangingHandler(sender, args)
{
var ColorPicker = sender;
}
</script>
<telerik:RadColorPicker ID="RadColorPicker1"
runat= "server"
OnClientColorChanging="OnColorChangingHandler">
....
</telerik:RadColorPicker>
runat= "server"
OnClientColorChanging="OnColorChangingHandler">
....
</telerik:RadColorPicker>
- sender, the RadColorPicker object.
- args.
<script type="text/javascript">
function OnColorChangeHandler(sender, args)
{
var ColorPicker = sender;
}
</script>
function OnColorChangeHandler(sender, args)
{
var ColorPicker = sender;
}
</script>
<telerik:RadColorPicker ID="RadColorPicker1"
runat= "server"
OnClientColorChange="OnColorChangeHandler">
....
</telerik:RadColorPicker>
runat= "server"
OnClientColorChange="OnColorChangeHandler">
....
</telerik:RadColorPicker>
- sender, the RadColorPicker object.
- args.
<script type="text/javascript">
function OnClientPopUpShow(sender, args)
{
var ColorPicker = sender;
}
</script>
function OnClientPopUpShow(sender, args)
{
var ColorPicker = sender;
}
</script>
<telerik:RadColorPicker ID="RadColorPicker1"
runat= "server"
OnClientPopUpShow="OnClientPopUpShow">
....
</telerik:RadColorPicker>
runat= "server"
OnClientPopUpShow="OnClientPopUpShow">
....
</telerik:RadColorPicker>
Same unit as font size.
- escape is followed by 'n': a new line character is inserted
- escape is followed by 'r': a form feed character is inserted
- escape is followed by 't': a tabulator character is inserted
- escape is followed by 'x': the next two characters are interpreted as a hex code of the character to be inserted
- any other character after the escape is inserted literally
- Boolean
- Byte
- Char
- DateTime
- Decimal
- Double
- Int16
- Int32
- Int64
- SByte
- Single
- String
- TimeSpan
- UInt16
- UInt32
- UInt64
Note that value1 and value2 should be separated by [space] when entered as filter.
Note that value1 and value2 should be separated by [space] when entered as filter.
-
LinkButton Renders a standard hyperlink button. -
PushButton Renders a standard button. -
ImageButton Renders an image that acts like a button.
[ASPX/ASCX]<br/><br/><radg:RadGrid id=<font class="string">"RadGrid1"</font> runat=<font class="string">"server"</font>><br/> <MasterTableView AutoGenerateColumns=<font class="string">"False"</font>><br/> <Columns><br/> <radg:GridAttachmentColumn HeaderText=<font class="string">"Customer ID"</font><font color="red">DataTextField=<font class="string">"CustomerID"</font></font><br/><font color="red">DataTextFormatString=<font class="string">"Edit Customer {0}"</font></font> ButtonType=<font class="string">"LinkButton"</font> UniqueName=<font class="string">"ButtonColumn"</font>><br/> </radg:GridAttachmentColumn>
[ASPX/ASCX]<br/><br/><radg:RadGrid id=<font color="black"><font class="string">"RadGrid1"</font> runat=<font class="string">"server"</font>><br/> <MasterTableView AutoGenerateColumns=<font class="string">"False"</font>><br/> <Columns><br/> <radg:GridAttachmentColumn HeaderText=<font class="string">"Customer ID"</font></font><font color="red">DataTextField=<font class="string">"CustomerID"</font><br/>DataTextFormatString=<font class="string">"Edit Customer {0}"</font></font> ButtonType=<font class="string" color="black">"LinkButton"</font> UniqueName=<font color="black"><font class="string">"ButtonColumn"</font>><br/> </radg:GridAttachmentColumn></font>
| Gets an object that can be used to synchronize access to the GirdSortExpressionCollection. |
- sender, the RadRating object that raised the event.
- args.
<telerik:RadRating ID="RadRating1" runat= "server"
OnRate="OnRate" AutoPostBack="true">
....
</telerik:RadRating>
OnRate="OnRate" AutoPostBack="true">
....
</telerik:RadRating>
private void Page_Load(object sender, System.EventArgs e)
{
RadRating1.DbValue = tableRow["Rating"];
}
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
RadRating1.DbValue = tableRow("Rating")
End Sub
- sender, the RadRating object that raised the event.
- args.
<script type="text/javascript">
function OnClientLoad(sender, args)
{
var ratingControl = sender;
}
</script>
function OnClientLoad(sender, args)
{
var ratingControl = sender;
}
</script>
<telerik:RadRating ID="RadRating1" runat="server"
OnClientLoad="OnClientLoad">
....
</telerik:RadRating>
OnClientLoad="OnClientLoad">
....
</telerik:RadRating>
- sender, the RadRating object that raised the event.
- args.
<script type="text/javascript">
function OnClientRating(sender, args)
{
var ratingControl = sender;
args.set_cancel(true); }
</script>
function OnClientRating(sender, args)
{
var ratingControl = sender;
args.set_cancel(true); }
</script>
<telerik:RadRating ID="RadRating1" runat="server"
OnClientRating="OnClientRating">
....
</telerik:RadRating>
OnClientRating="OnClientRating">
....
</telerik:RadRating>
- sender, the RadRating object that raised the event.
- args.
<script type="text/javascript">
function OnClientRated(sender, args)
{
var ratingControl = sender;
}
</script>
function OnClientRated(sender, args)
{
var ratingControl = sender;
}
</script>
<telerik:RadRating ID="RadRating1" runat="server"
OnClientRated="OnClientRated">
....
</telerik:RadRating>
OnClientRated="OnClientRated">
....
</telerik:RadRating>
- Use the indexer to programmatically retrieve a single RadRatingItem from the collection, using array notation.
-
Use the
Count property to determine the total number of rating items in the collection. -
Use the
Add method to add items in the collection. -
Use the
Remove method to remove items from the collection.
DataTable data = new DataTable();
data.Columns.Add("MyID");
data.Columns.Add("MyValue");
data.Rows.Add(new object[] {"1", "ticker item text 1"});
data.Rows.Add(new object[] {"2", "ticker item text 2"});
RadTicker1.DataSource = data;
RadTicker1.DataTextField = "MyValue"; //"MyValue" column provides values for the Text property of databound ticker items
RadTicker1.DataBind();
Dim data As new DataTable();
data.Columns.Add("MyID")
data.Columns.Add("MyValue")
data.Rows.Add(New Object() {"1", "ticker item text 1"})
data.Rows.Add(New Object() {"2", "ticker item text 2"})
RadTicker1.DataSource = data
RadTicker1.DataTextField = "MyValue" '"MyValue" column provides values for the Text property of databound ticker items
RadTicker1.DataBind()
[ScriptService]
public class WebServiceName : WebService
{
[WebMethod]
public RadRotatorItemData[] WebServiceMethodName(int itemIndex, int itemCount)
{
List<RadRotatorItemData> result = new List<RadRotatorItemData>();
RadRotatorItemData item;
for (int i = 0; i < itemCount; i++)
{
item = new RadRotatorItemData();
item.Html = "test "+(itemIndex+i);
result.Add(item);
}
return result.ToArray();
}
}
<telerik:RadTreeView ID="RadTreeView1" runat="server">
<ContextMenus>
<telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<telerik:RadMenuItem Text="Menu1Item1"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Menu1Item2"></telerik:RadMenuItem>
</Items>
</telerik:RadTreeViewContextMenu>
<telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<telerik:RadMenuItem Text="Menu2Item1"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Menu2Item2"></telerik:RadMenuItem>
</Items>
</telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
<telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
<telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeView>
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)
{
lblInfo.Text = string.Format(@"You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")",
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text);
}
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
<%@ Page Language="VB" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
Sub RadTreeView1_ContextMenuItemClick(ByVal sender as Object, ByVal e as RadTreeViewContextMenuEventArgs)
lblInfo.Text = String.Format("You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")", _
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text)
End Sub
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)
{
lblInfo.Text = string.Format(@"You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")",
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text);
}
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
<%@ Page Language="VB" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
Sub RadTreeView1_ContextMenuItemClick(ByVal sender as Object, ByVal e as RadTreeViewContextMenuEventArgs)
lblInfo.Text = String.Format("You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")", _
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text)
End Sub
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
- rsCategoryBlue
- rsCategoryDarkBlue
- rsCategoryDarkGreen
- rsCategoryDarkRed
- rsCategoryGreen
- rsCategoryOrange
- rsCategoryPink
- rsCategoryRed
- rsCategoryViolet
- rsCategoryYellow
XmlSchedulerProvider provider = new XmlSchedulerProvider(Server.MapPath("~/App_Data/data.xml"), true);
WebServiceAppointmentController controller = new WebServiceAppointmentController(provider);
Dim provider As New XmlSchedulerProvider(Server.MapPath("~/App_Data/data.xml"), True)
Dim controller As New WebServiceAppointmentController(provider)
[WebMethod]
public IEnumerable<AppointmentData> GetAppointments(SchedulerInfo schedulerInfo)
{
return Controller.GetAppointments(schedulerInfo);
}
<WebMethod> _
Public Function GetAppointments(schedulerInfo As SchedulerInfo) As IEnumerable(Of AppointmentData)
Return Controller.GetAppointments(schedulerInfo)
End Function
[WebMethod]
public IEnumerable<AppointmentData> InsertAppointment(SchedulerInfo schedulerInfo, AppointmentData appointmentData)
{
return Controller.InsertAppointment(schedulerInfo, appointmentData);
}
<WebMethod> _
Public Function InsertAppointment(schedulerInfo As SchedulerInfo, appointmentData As AppointmentData) As IEnumerable(Of AppointmentData)
Return Controller.InsertAppointment(schedulerInfo, appointmentData)
End Function
[WebMethod]
public IEnumerable<AppointmentData> UpdateAppointment(SchedulerInfo schedulerInfo, AppointmentData appointmentData)
{
return Controller.UpdateAppointment(schedulerInfo, appointmentData);
}
<WebMethod> _
Public Function UpdateAppointment(schedulerInfo As SchedulerInfo, appointmentData As AppointmentData) As IEnumerable(Of AppointmentData)
Return Controller.UpdateAppointment(schedulerInfo, appointmentData)
End Function
[WebMethod]
public IEnumerable<AppointmentData> CreateRecurrenceException(SchedulerInfo schedulerInfo, AppointmentData recurrenceExceptionData)
{
return Controller.CreateRecurrenceException(schedulerInfo, recurrenceExceptionData);
}
<WebMethod> _
Public Function CreateRecurrenceException(schedulerInfo As SchedulerInfo, recurrenceExceptionData As AppointmentData) As IEnumerable(Of AppointmentData)
Return Controller.CreateRecurrenceException(schedulerInfo, recurrenceExceptionData)
End Function
[WebMethod]
public IEnumerable<AppointmentData> RemoveRecurrenceExceptions(SchedulerInfo schedulerInfo, AppointmentData masterAppointmentData)
{
return Controller.RemoveRecurrenceExceptions(schedulerInfo, masterAppointmentData);
}
<WebMethod> _
Public Function RemoveRecurrenceExceptions(schedulerInfo As SchedulerInfo, masterAppointmentData As AppointmentData) As IEnumerable(Of AppointmentData)
Return Controller.RemoveRecurrenceExceptions(schedulerInfo, masterAppointmentData)
End Function
[WebMethod]
public IEnumerable<AppointmentData> DeleteAppointment(SchedulerInfo schedulerInfo, AppointmentData appointmentData, bool deleteSeries)
{
return Controller.DeleteAppointment(schedulerInfo, masterAppointmentData, deleteSeries);
}
<WebMethod> _
Public Function DeleteAppointment(schedulerInfo As SchedulerInfo, appointmentData As AppointmentData, deleteSeries As Bool) As IEnumerable(Of AppointmentData)
Return Controller.DeleteAppointment(schedulerInfo, masterAppointmentData, deleteSeries)
End Function
-
aspnet-scripts.telerikstatic.com Telerik ASP.NET controls scripts -
aspnet-skins.telerikstatic.com Telerik ASP.NET controls skins and images
-
https://d2i2wahzwrm1n5.cloudfront.net Telerik ASP.NET controls scripts -
https://d35islomi5rx1v.cloudfront.net Telerik ASP.NET controls skins and images
-
Telerik.ScriptManager.TelerikCdn RadScriptManager.CdnSettings.TelerikCdn -
Telerik.ScriptManager.TelerikCdn.BaseUrl RadScriptManager.CdnSettings.BaseUrl -
Telerik.ScriptManager.TelerikCdn.BaseSecureUrl RadScriptManager.CdnSettings.BaseSecureUrl
-
aspnet-scripts.telerikstatic.com Telerik ASP.NET controls scripts -
aspnet-skins.telerikstatic.com Telerik ASP.NET controls skins and images
-
https://d2i2wahzwrm1n5.cloudfront.net Telerik ASP.NET controls scripts -
https://d35islomi5rx1v.cloudfront.net Telerik ASP.NET controls skins and images
-
Telerik.StyleSheetManager.TelerikCdn StyleSheetManager.CdnSettings.TelerikCdn -
Telerik.StyleSheetManager.TelerikCdn.BaseUrl StyleSheetManager.CdnSettings.BaseUrl -
Telerik.StyleSheetManager.TelerikCdn.BaseSecureUrl StyleSheetManager.CdnSettings.BaseSecureUrl
levelSetting.LayoutMode = SiteMapLayout.List;
levelSetting.LayoutMode = SiteMapLayout.Flow;
levelSetting.LayoutMode = SiteMapLayout.List
levelSetting.LayoutMode = SiteMapLayout.Flow
-
Data bind the RadSiteMap control to a data source,
for example
SiteMapDataSource . - Use declarative syntax to define nodes inline in your page or user control.
-
Use one of the constructors to dynamically create new instances of the
RadSiteMap class. These nodes can then be added to the Nodes collection of another node or site map.
RadSiteMapNode node = new RadSiteMapNode();
node.Text = "News";
node.NavigateUrl = "~/News.aspx";
RadSiteMap1.Nodes.Add(node);
Dim node As New RadSiteMapNode()
node.Text = "News"
node.NavigateUrl = "~/News.aspx"
RadSiteMap1.Nodes.Add(node)
RadSiteMapNode node = new RadSiteMapNode("News", "~/News.aspx");
RadSiteMap1.Nodes.Add(node);
Dim node As New RadSiteMapNode("News", "~/News.aspx")
RadSiteMap1.Nodes.Add(node)
RadSiteMapNode node = RadSiteMap1.Nodes[0];
node.Remove();
Dim node As RadSiteMapNode = RadSiteMap1.Nodes(0)
node.Remove()
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
<Nodes>
<telerik:RadSiteMapNode Text="News" NavigateUrl="~/News.aspx" Target="_self" />
<telerik:RadSiteMapNode Text="External URL" NavigateUrl="http://www.example.com" Target="_blank" />
</Nodes>
</telerik:RadSiteMap>
private void RadSiteMap1_NodeDataBound(object sender, Telerik.Web.UI.RadSiteMapNodeEventArgs e)
{
e.Node.ImageUrl = "image" + (string)DataBinder.Eval(e.Node.DataItem, "ID") + ".gif";
e.Node.NavigateUrl = (string)DataBinder.Eval(e.Node.DataItem, "URL");
}
Sub RadSiteMap1_NodeDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadSiteMapNodeEventArgs ) Handles RadSiteMap1.NodeDataBound
e.Node.ImageUrl = "image" & DataBinder.Eval(e.Node.DataItem, "ID") & ".gif"
e.Node.NavigateUrl = CStr(DataBinder.Eval(e.Node.DataItem, "URL"))
End Sub
<Nodes>
<telerik:RadSiteMapNodeImageUrl="~/Img/inbox.gif" Text="Index"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNodeImageUrl="~/Img/outbox.gif" Text="Outbox"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNodeImageUrl="~/Img/trash.gif" Text="Trash"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNodeImageUrl="~/Img/meetings.gif" Text="Meetings"></telerik:RadSiteMapNode>
</Nodes>
</telerik:RadSiteMap>
RadSiteMapNode node = RadSiteMap1.FindNodeByText("Test");
node.Nodes[0].Text = "Example";
node.Nodes[0].NavigateUrl = "http://www.example.com";
Dim node As RadSiteMapNode = RadSiteMap1.FindNodeByText("Test")
node.Nodes(0).Text = "Example"
node.Nodes(0).NavigateUrl = "http://www.example.com"
RadSiteMapNode[] nodes = new RadSiteMapNode[] { new RadSiteMapNode("First"), new RadSiteMapNode("Second"), new RadSiteMapNode("Third") };
RadSiteMap1.Nodes.AddRange(nodes);
Dim nodes() As RadSiteMapNode = {New RadSiteMapNode("First"), New RadSiteMapNode("Second"), New RadSiteMapNode("Third")}
RadSiteMap1.Nodes.AddRange(nodes)
void Page_Load(object sender, EventArgs e)
{
RadSiteMap1.FindNode(NodeWithEqualsTextAndValue);
}
private static bool NodeWithEqualsTextAndValue(RadSiteMapNode node)
{
if (node.Text == node.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadSiteMap1.FindNode(NodeWithEqualsTextAndValue)
End Sub
Private Shared Function NodeWithEqualsTextAndValue(ByVal node As RadSiteMapNode) As Boolean
If node.Text = node.Value Then
Return True
Else
Return False
End If
End Function
-
Use the
indexer to programmatically retrieve a single RadSliderItem from the collection, using array notation. - Use the Count property to determine the total number of slider items in the collection.
-
Use the
Add method to add items in the collection. -
Use the
Remove method to remove items from the collection.
<script type="text/javascript">
function DifferentControlsSource()
{
this.GetText = function()
{
return document.getElementById('before').value;
}
this.SetText = function(newValue)
{
document.getElementById('after').value = newValue;
}
}
</script>
spell1.CustomDictionarySourceTypeName = "RadSpellExtensions.CustomDictionarySource, RadSpellExtensions, Version=1.0.0.0, Culture=neutral, PublicKeyToken=b5e57ccb698eab8e";
spell1.CustomDictionarySourceTypeName = "RadSpellExtensions.CustomDictionarySource, RadSpellExtensions, Version=1.0.0.0, Culture=neutral, PublicKeyToken=b5e57ccb698eab8e"
<radS:RadSpell ID="spell1"
Runat="server"
ControlToCheck="textBox1"
SupportedLanguages="en-US,English,fr-FR,French">
</radS:RadSpell>
function onSpellLoad(sender, args)
{
log("spell: " + sender.get_id() + " ready.");
}
function onCheckStarted(sender, args)
{
log("spell: " + sender.clientId + " started for: " + sender.targetControlId);
}
function onCheckFinished(sender, args)
{
log("spell: " + sender.clientId + " finished for: " + sender.targetControlId);
}
function onCheckCancelled(sender, args)
{
log("spell: " + sender.clientId + " cancelled for: " + sender.targetControlId);
}
function onDialogClosed(sender, args)
{
alert("spell: " + sender.get_id()+ " dialog closed");
}
protected void Page_Load(object sender, System.EventArgs e)
{
if (!Page.IsPostBack)
{
PageView view = new RadPageView();
view.ID = "dynamicPageView";
RadMultiPage1.PageViews.Add(view);
}
}
protected void RadMultiPage1_PageViewCreated(object sender, Telerik.Web.UI.RadMultiPageEventArgs e)
{
Label l = new Label();
l.ID = "dynamicLabel";
l.Text = "Programatically created label";
e.PageView.Controls.Add(l);
}
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
If Not Page.IsPostBack Then
Dim view As PageView = New RadPageView()
view.ID = "dynamicPageView"
RadMultiPage1.PageViews.Add(view)
End If
End Sub
Protected Sub RadMultiPage1_PageViewCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadMultiPageEventArgs) Handles RadMultiPage1.PageViewCreated
Dim l As New Label()
l.ID = "dynamicLabel"
l.Text = "Programatically created label"
e.PageView.Controls.Add(l)
End Sub
-
Use the
indexer to programmatically retrieve a single RadPageView from the collection, using array notation. - Use the Count property to determine the total number of RadPageView controls in the collection.
-
Use the
Add method to add RadPageView controls to the collection. -
Use the
Remove method to remove RadPageView controls from the collection.
- Use declarative syntax to define tabs inline in your page or user control.
-
Use one of the constructors to dynamically create new instances of the
RadTab class. These tabs can then be added to the Tabs collection of another tab or tabstrip. -
Data bind the
RadTabStrip control to a data source.
RadTab tab = new RadTab();
tab.Text = "News";
tab.NavigateUrl = "~/News.aspx";
RadTabStrip1.Tabs.Add(tab);
Dim tab As New RadTab()
tab.Text = "News"
tab.NavigateUrl = "~/News.aspx"
RadTabStrip1.Tabs.Add(tab)
RadTab tab = new RadTab("News");
RadTabStrip1.Tabs.Add(tab);
Dim tab As New RadTab("News")
RadTabStrip1.Tabs.Add(tab)
RadTab tab = new RadTab("News", "NewsTabValue");
RadTabStrip1.Tabs.Add(tab);
Dim tab As New RadTab("News", "NewsTabValue")
RadTabStrip1.Tabs.Add(tab)
RadTab currentTab = RadTabStrip1.FindTabByUrl(Request.Url.PathAndQuery);
if (currentTab != null)
{
currentTab.SelectParents();
}
Dim currentTab as RadTab = RadTabStrip1.FindTabByUrl(Request.Url.PathAndQuery)
If Not currentTab Is Nothing Then
currentTab.SelectParents()
End If
<telerik:RadTabStrip ID="RadTabStrip1" runat="server">
<Tabs>
<telerik:RadTab>
<TabTemplate>
Tab 1 <img src="Images/tabIcon.gif" alt="" />
</TabTemplate>
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
private void RadTabStrip1_TabDataBound(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
{
e.Tab.ImageUrl = "image" + (string)DataBinder.Eval(e.Tab.DataItem, "ID") + ".gif";
e.Tab.NavigateUrl = (string)DataBinder.Eval(e.Tab.DataItem, "URL");
}
Sub RadTabStrip1_TabDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTabStripEventArgs) Handles RadTabStrip1.TabDataBound
e.Tab.ImageUrl = "image" & DataBinder.Eval(e.Tab.DataItem, "ID") & ".gif"
e.Tab.NavigateUrl = CStr(DataBinder.Eval(e.Tab.DataItem, "URL"))
End Sub
void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadTab newsTab = new RadTab("News");
RadTabStrip1.Tabs.Add(newsTab);
RadTabStrip1.SelectedIndex = 0; //This will select the "News" tab
RadTab cnnTab = new RadTab("CNN");
newsTab.Tabs.Add(cnnTab);
RadTab nbcTab = new RadTab("NBC");
newsTab.Tabs.Add(nbcTab);
newsTab.SelectedIndex = 1; //This will select the "NBC" child tab of the "News" tab
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Dim newsTab As RadTab = New RadTab("News")
RadTabStrip1.Tabs.Add(newsTab)
RadTabStrip1.SelectedIndex = 0 'This will select the "News" tab
Dim cnnTab As RadTab = New RadTab("CNN")
newsTab.Tabs.Add(cnnTab)
Dim nbcTab As RadTab = New RadTab("NBC")
newsTab.Tabs.Add(nbcTab)
newsTab.SelectedIndex = 1 'This will select the "NBC" child tab of the "News" tab
End If
End Sub
void Page_Load(object sender, EventArgs e)
{
if (RadTabStrip1.SelectedIndex >= 0)
{
RadTab selected = RadTabStrip1.InnermostSelectedTab;
IRadTabContainer owner = selected.Owner;
string breadCrumbTrail = string.Empty;
while (owner != null)
{
breadCrumbTrail = " > " + owner.SelectedTab.Text + breadCrumbTrail;
owner = owner.Owner;
}
Label1.Text = breadCrumbTrail;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If RadTabStrip1.SelectedIndex >= 0 Then
Dim selected As RadTab = RadTabStrip1.InnermostSelectedTab
Dim owner As IRadTabContainer = selected.Owner
Dim breadCrumbTrail As String = String.Empty
While Not owner Is Nothing
breadCrumbTrail = " > " & owner.SelectedTab.Text & breadCrumbTrail
owner = owner.Owner
End While
Label1.Text = breadCrumbTrail
End If
End Sub
RadTabStrip1.Tabs[0].Tabs[0].Text = "Example";
RadTabStrip1.Tabs[0].Tabs[0].NavigateUrl = "http://www.example.com";
RadTabStrip1.Tabs(0).Tabs(0).Text = "Example"
RadTabStrip1.Tabs(0).Tabs(0).NavigateUrl = "http://www.example.com"
ASPX:
<telerik:RadTabStrip ID="RadTabStrip1" runat="server"><Tabs>
<telerik:RadTab Text="News" ChildGroupCssClass="news">
<Tabs>
<telerik:RadTab Text="CNN" />
<telerik:RadTab Text="NBC" />
</Tabs>
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
HTML:
<ul class="news">
<li>CNN</li>
<li>NBC</li>
</ul>
</li>
<Tabs>
<telerik:RadTabImageUrl="~/Img/inbox.gif" Text="Index"></telerik:RadTab>
<telerik:RadTabImageUrl="~/Img/outbox.gif" Text="Outbox"></telerik:RadTab>
<telerik:RadTabImageUrl="~/Img/trash.gif" Text="Trash"></telerik:RadTab>
<telerik:RadTabImageUrl="~/Img/meetings.gif" Text="Meetings"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
<Tabs>
<telerik:RadTab Text="News" NavigateUrl="~/News.aspx" Target="_self" />
<telerik:RadTab Text="External URL" NavigateUrl="http://www.example.com" Target="_blank" />
</Tabs>
</telerik:RadTabStrip>
-
Use the
indexer to programmatically retrieve a single RadTab from the collection, using array notation. - Use the Count property to determine the total number of menu items in the collection.
-
Use the
Add method to add tabs in the collection. -
Use the
Remove method to remove tabs from the collection.
RadTab newsTab = new RadTab("News");
RadTabStrip1.Tabs.Add(newsTab);
Dim newsTab As RadTab = New RadTab("News")
RadTabStrip1.Tabs.Add(newsTab)
RadTab[] tabs = new RadTab[] { new RadTab("First"), new RadTab("Second"), new RadTab("Third") };
RadTabStrip1.Tabs.AddRange(tabs);
Dim tabs() As RadTab = {New RadTab("First"), New RadTab("Second"), New RadTab("Third")}
RadTabStrip1.Tabs.AddRange(tabs)
void Page_Load(object sender, EventArgs e)
{
RadTabStrip1.FindTab(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadTab tab)
{
if (tab.Text == tab.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadTabStrip1.FindTab(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal tab As RadTab) As Boolean
If tab.Text = tab.Value Then
Return True
Else
Return False
End If
End Function
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/inbox.gif" HoveredImageUrl="~/Img/inboxOver.gif" Text="Index" />
</Items>
</telerik:RadToolBar>
- Use declarative syntax to create static toolbar items.
- Use a constructor to dynamically create new instances of either toolbar item classes
(
RadToolBarButton ,RadToolBarDropDown ,RadToolBarSplitButton ). These RadToolBarItem objects can then be added to theItems collection of theRadToolBar . - Bind the
RadToolBar control to a data source.
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/inbox.gif" Text="Index" />
<telerik:RadToolBarButton ImageUrl="~/Img/outbox.gif" Text="Outbox" />
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/inbox.gif" HoveredImageUrl="~/Img/inboxOver.gif" Text="Index" />
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarDropDown ImageUrl="~/Img/inbox.gif" ClickedImageUrl="~/Img/inboxClicked.gif" Text="DropDown1" > <Items>
<telerik:RadToolBarButton Text="Mail1" ClickedImageUrl="~/Img/mail1Clicked.gif" /> </Items>
</telerik:RadToolBarDropDown>/
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/inbox.gif" DisabledImageUrl="~/Img/inboxDisabled.gif" Text="Index" />
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarButton FocusedCssClass="myFocusedCssClass" Text="Bold" />
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/bold.gif" FocusedImageUrl="~/Img/boldFocused.gif" Text="Bold" />
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/bold.gif" ImagePosition="Right" Text="Bold" />
</Items>
</telerik:RadToolBar>
RadToolBarButton button = new RadToolBarButton();
button.Text = "Create New";
button.CommandName = "CreateNew";
button.ImageUrl = "~/ToolBarImages/CreateNew.gif";
RadToolBar1.Items.Add(button);
Dim button As New RadToolBarButton()
button.Text = "Create New"
button.CommandName = "CreateNew"
button.ImageUrl = "~/ToolBarImages/CreateNew.gif"
RadToolBar1.Items.Add(button)
RadToolBarButton button = new RadToolBarButton("Create New");
button.CommandName = "CreateNew";
button.ImageUrl = "~/ToolBarImages/CreateNew.gif";
RadToolBar1.Items.Add(button);
Dim button As New RadToolBarButton("Create New")
button.CommandName = "CreateNew"
button.ImageUrl = "~/ToolBarImages/CreateNew.gif"
RadToolBar1.Items.Add(button)
RadToolBarButton alighLeftButton = new RadToolBarButton("Left", false, "Alignment");
alighLeftButton.CommandName = "AlignLeft";
alighLeftButton.ImageUrl = "~/ToolBarImages/AlignLeft.gif";
RadToolBar1.Items.Add(alighLeftButton);
RadToolBarButton alignCenterButton = new RadToolBarButton("Center", false, "Alignment");
alignCenterButton.CommandName = "AlignCenter";
alignCenterButton.ImageUrl = "~/ToolBarImages/AlignCenter.gif";
RadToolBar1.Items.Add(alignCenterButton);
RadToolBarButton alignRightButton = new RadToolBarButton("Right", false, "Alignment");
alignRightButton.CommandName = "AlignRight";
alignRightButton.ImageUrl = "~/ToolBarImages/AlignRight.gif";
RadToolBar1.Items.Add(alignRightButton);
Dim alighLeftButton As RadToolBarButton = New RadToolBarButton("Left", False, "Alignment")
alighLeftButton.CommandName = "AlignLeft"
alighLeftButton.ImageUrl = "~/ToolBarImages/AlignLeft.gif"
RadToolBar1.Items.Add(alighLeftButton)
Dim alignCenterButton As RadToolBarButton = New RadToolBarButton("Center", False, "Alignment")
alignCenterButton.CommandName = "AlignCenter"
alignCenterButton.ImageUrl = "~/ToolBarImages/AlignCenter.gif"
RadToolBar1.Items.Add(alignCenterButton)
Dim alignRightButton As RadToolBarButton = New RadToolBarButton("Right", False, "Alignment")
alignRightButton.CommandName = "AlignRight"
alignRightButton.ImageUrl = "~/ToolBarImages/AlignRight.gif"
RadToolBar1.Items.Add(alignRightButton)
private void RadToolBar1_ButtonDataBound(object sender, Telerik.Web.UI.RadToolBarButtonEventArgs e)
{
e.Button.ImageUrl = "image" + (string)DataBinder.Eval(e.Button.DataItem, "ID") + ".gif";
e.Button.NavigateUrl = (string)DataBinder.Eval(e.Button.DataItem, "URL");
}
Sub RadToolBar1_ButtonDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarButtonEventArgs) Handles RadToolBar1.ButtonDataBound
e.Button.ImageUrl = "image" & DataBinder.Eval(e.Button.DataItem, "ID") & ".gif"
e.Button.NavigateUrl = CStr(DataBinder.Eval(e.Button.DataItem, "URL"))
End Sub
<Items>
<telerik:RadToolBarButton ImageUrl="~/Img/alignLeft.gif" CheckedImageUrl="~/Img/alignLeftChecked.gif" Text="Left" />
<telerik:RadToolBarButton ImageUrl="~/Img/alignRight.gif" CheckedImageUrl="~/Img/alignRightChecked.gif" Text="Right" />
</Items>
</telerik:RadToolBar>
<Items> <telerik:RadToolBarDropDown Text="Date"> <Items> <telerik:RadToolBarButton Text="Date"> <ItemTemplate> <asp:Calendar runat="server" ID="Calendar1" /> </ItemTemplate> </telerik:RadToolBarDropButton> </Items> </telerik:RadToolBarDropDown> </Items>
<Items>
<telerik:RadToolBarButton Text="News" NavigateUrl="~/News.aspx" />
<telerik:RadToolBarButton Text="External URL" NavigateUrl="http://www.example.com" />
</Items>
</telerik:RadToolBar>
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
RadToolBarDropDown dropdown = new RadToolBarDropDown();
dropdown.Text = "Manage";
dropdown.ImageUrl = "~/ToolbarImages/Manage.gif";
RadToolBar1.Items.Add(dropdown);
Dim dropdown As New RadToolBarDropDown()
dropdown.Text = "Manage"
dropdown.ImageUrl = "~/ToolbarImages/Manage.gif"
RadToolBar1.Items.Add(dropdown)
RadToolBarDropDown dropdown = new RadToolBarDropDown("Manage");
RadToolBar1.Items.Add(dropdown);
Dim dropdown As New RadToolBarDropDown("Manage")
RadToolBar1.Items.Add(dropdown)
manageDropDown.Buttons[0].Text = "Users";
manageDropDown.Buttons[0].ImageUrl = "~/ToolbarImages/ManageUsers.gif";
manageDropDown.Buttons[0].Text = "Users"
manageDropDown.Buttons[0].ImageUrl = "~/ToolbarImages/ManageUsers.gif"
<Items>
<telerik:RadToolBarDropDown ImageUrl="~/Img/bold.gif" ExpandDirection="Up" Text="Bold" />
</Items>
</telerik:RadToolBar>
RadToolBarSplitButton splitButton = new RadToolBarSplitButton();
splitButton.Text = "News";
splitButton.ImageUrl = "~/News.gif";
RadToolBar1.Items.Add(splitButton);
Dim splitButton As New RadToolBarSplitButton()
splitButton.Text = "News"
splitButton.ImageUrl = "~/News.gif"
RadToolBar1.Items.Add(splitButton)
RadToolBarSplitButton splitButton = new RadToolBarSplitButton("News");
RadToolBar1.Items.Add(splitButton);
Dim splitButton As New RadToolBarSplitButton("News")
RadToolBar1.Items.Add(splitButton)
registerPurchaseSplitButton.Buttons[0].Text = "Cache Purchase";
registerPurchaseSplitButton.Buttons[0].ImageUrl = "~/ToolBarImages/RegisterCachePurchase.gif";
registerPurchaseSplitButton.Buttons[1].Text = "Check Purchase";
registerPurchaseSplitButton.Buttons[1].ImageUrl = "~/ToolBarImages/RegisterCheckPurchase.gif";
registerPurchaseSplitButton.Buttons[0].Text = "Cache Purchase"
registerPurchaseSplitButton.Buttons[0].ImageUrl = "~/ToolBarImages/RegisterCachePurchase.gif"
registerPurchaseSplitButton.Buttons[1].Text = "Check Purchase"
registerPurchaseSplitButton.Buttons[1].ImageUrl = "~/ToolBarImages/RegisterCheckPurchase.gif"
<Items>
<telerik:RadToolBarDropDown ImageUrl="~/Img/bold.gif" ExpandDirection="Up" Text="Bold" />
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarSplitButton EnableDefaultButton="true" DefaultButtonIndex="1"> <Buttons>
<telerik:RadToolBarButton ImageUrl="~/images/red.gif" Text="Red" /> <telerik:RadToolBarButton ImageUrl="~/images/green.gif" Text="Green" /> <telerik:RadToolBarButton ImageUrl="~/images/blue.gif" Text="Blue" /> </Buttons>
</telerik:RadToolBarSplitButton>/
</Items>
</telerik:RadToolBar>
<Items>
<telerik:RadToolBarSplitButton EnableDefaultButton="true" DefaultButtonIndex="1"> <Buttons>
<telerik:RadToolBarButton ImageUrl="~/images/red.gif" Text="Red" /> <telerik:RadToolBarButton ImageUrl="~/images/green.gif" Text="Green" /> <telerik:RadToolBarButton ImageUrl="~/images/blue.gif" Text="Blue" /> </Buttons>
</telerik:RadToolBarSplitButton>/
</Items>
</telerik:RadToolBar>
<Items> <telerik:RadToolBarDropDown Text="Date"> <Items> <ItemTemplate> <asp:Calendar runat="server" ID="Calendar1" /> </ItemTemplate> </Items> </telerik:RadToolBarDropDown> </Items>
<Items>
<telerik:RadToolBarSplitButton Text="News" NavigateUrl="~/News.aspx" ImageUrl="~/Img/News.gif"> <Buttons>
<telerik:RadToolBarButton Text="Button1" /> </Buttons>
</telerik:RadToolBarSplitButton>/
<telerik:RadToolBarButton Text="News" NavigateUrl="~/News.aspx" />
<telerik:RadToolBarButton Text="External URL" NavigateUrl="http://www.example.com" />
</Items>
</telerik:RadToolBar>
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
<telerik:RadToolBarButton Text="Button1" /> </Buttons>
</telerik:RadToolBarSplitButton>/
- Use declarative syntax to define items inline in your page or user control.
-
Use one of the constructors to dynamically create new instances of the
RadPanelItem class. These items can then be added to the Items collection of another item or panelbar. - Data bind the RadPanelBar control to a data source.
RadPanelItem item = new RadPanelItem();
item.Text = "News";
item.NavigateUrl = "~/News.aspx";
RadPanelbar1.Items.Add(item);
Dim item As New RadPanelItem()
item.Text = "News"
item.NavigateUrl = "~/News.aspx"
RadPanelbar1.Items.Add(item)
RadPanelItem item = new RadPanelItem("News");
RadPanelbar1.Items.Add(item);
Dim item As New RadPanelItem("News")
RadPanelbar1.Items.Add(item)
RadPanelItem item = new RadPanelItem("News", "~/News.aspx");
RadPanelbar1.Items.Add(item);
Dim item As New RadPanelItem("News", "~/News.aspx")
RadPanelbar1.Items.Add(item)
<Items>
<radP:RadPanelItem Text="News" />
<radP:RadPanelItem Text="News" />
</Items>
</radP:RadPanelbar>
<Items>
<telerik:RadPanelItem Text="News" NavigateUrl="~/News.aspx" />
<telerik:RadPanelItem Text="External URL" NavigateUrl="http://www.example.com" />
</Items>
</telerik:RadPanelBar>
-
_blank Renders the content in a new window without frames. -
_parent Renders the content in the immediate frameset parent. -
_self Renders the content in the frame with focus. -
_top Renders the content in the full window without frames.
private void RadPanelbar1_PanelItemDataBound(object sender, Telerik.WebControls.RadPanelbarEventArgs e)
{
RadPanelItem item = e.Item;
DataRowView dataRow = (DataRowView) e.Item.DataItem;
item.ImageUrl = "image" + dataRow["ID"].ToString() + ".gif";
item.NavigateUrl = dataRow["URL"].ToString();
}
Sub RadPanel1_PanelItemDataBound(ByVal sender As Object, ByVal e As RadPanelbarEventArgs) Handles RadPanelbar1.ItemDataBound
Dim item As RadPanelItem = e.Item
Dim dataRow As DataRowView = CType(e.Item.DataItem, DataRowView)
item.ImageUrl = "image" + dataRow("ID").ToString() + ".gif"
item.NavigateUrl = dataRow("URL").ToString()
End Sub
<Items> <radP:RadPanelItem Text="Date"> <Items> <radP:RadPanelItem Text="SelectDate"> <ItemTemplate> <asp:Calendar runat="server" ID="Calendar1" /> </ItemTemplate> </radP:RadPanelItem> </Items> </radP:RadPanelItem> </Items>
-
Use the
indexer to programmatically retrieve a single RadPanelItem from the collection, using array notation. - Use the Count property to determine the total number of panel items in the collection.
-
Use the
Add method to add items in the collection. -
Use the
Remove method to remove items from the collection.
RadPanelItem newsItem = new RadPanelItem("News");
RadPanelBar1.Items.Add(newsItem);
Dim newsItem As RadPanelItem = New RadPanelItem("News")
RadPanelBar1.Items.Add(newsItem)
RadPanelItem[] items = new RadPanelItem[] { new RadPanelItem("First"), new RadPanelItem("Second"), new RadPanelItem("Third") };
RadPanelBar1.Items.AddRange(items);
Dim items() As RadPanelItem = {New RadPanelItem("First"), New RadPanelItem("Second"), New RadPanelItem("Third")}
RadPanelBar1.Items.AddRange(items)
void Page_Load(object sender, EventArgs e)
{
RadPanel1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadPanelItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadPanel1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadPanelItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
-
Use the
indexer to programmatically retrieve a single RadToolBarButton from the collection, using array notation. - Use the Count property to determine the total number of buttons in the collection.
-
Use the
Add method to add buttons to the collection. -
Use the
Remove method to remove buttons from the collection.
-
Use the
indexer to programmatically retrieve a single RadToolBarItem from the collection, using array notation. - Use the Count property to determine the total number of toolbar items in the collection.
-
Use the
Add method to add toolbar items to the collection. -
Use the
Remove method to remove toolbar items from the collection.
RadToolBarButton createNewButton = new RadToolBarButton("CreateNew");
RadToolBar1.Items.Add(createNewButton);
Dim createNewButton As RadToolBarButton = New RadToolBarButton("CreateNew")
RadToolBar1.Items.Add(createNewButton)
void Page_Load(object sender, EventArgs e)
{
RadToolBar1.FindItem(ItemWithEqualsTextAndValue);
}
private static bool ItemWithEqualsTextAndValue(RadToolBarItem item)
{
if (item.Text == item.Value)
{
return true;
}
else
{
return false;
}
}
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
RadToolBar1.FindItem(ItemWithEqualsTextAndValue)
End Sub
Private Shared Function ItemWithEqualsTextAndValue(ByVal item As RadToolBarItem) As Boolean
If item.Text = item.Value Then
Return True
Else
Return False
End If
End Function
RadToolBarItem[] items = new RadToolBarItem[] { new RadToolBarButton("Create New"),
new RadToolBarDropDown("Manage"),
new RadToolBarSplitButton("Register Purchase")};
RadToolBar1.Items.AddRange(items);
Dim items() As RadToolBarItem = {New RadToolBarButton("Create New"),
New RadToolBarDropDown("Manage"),
New RadToolBarSplitButton("Register Purchase")}
RadToolBar1.Items.AddRange(items)
RadToolBarDropDown manageDropDown = new RadToolBarDropDown("Manage");
RadToolBarButton manageUsersButton = new RadToolBarButton("Users");
manageDropDown.Buttons.Add(manageUsersButton);
RadToolBarButton manageOrdersButton = new RadToolBarButton("Orders");
manageDropDown.Buttons.Add(manageOrdersButton);
RadToolBar1.Items.Add(manageDropDown);
Dim manageDropDown As RadToolBarDropDown = New RadToolBarDropDown("Manage")
Dim manageUsersButton As RadToolBarButton = New RadToolBarButton("Users")
manageDropDown.Buttons.Add(manageUsersButton)
Dim manageOrdersButton As RadToolBarButton = New RadToolBarButton("Orders")
manageDropDown.Buttons.Add(manageOrdersButton)
RadToolBar1.Items.Add(manageDropDown)
RadToolBarDropDown manageDropDown = new RadToolBarDropDown("Manage");
RadToolBarButton[] buttons = new RadToolBarButton[] { new RadToolBarButton("Users"),
new RadToolBarButton("Orders")};
manageDropDown.Buttons.AddRange(buttons);
RadToolBar1.Items.Add(manageDropDown);
Dim manageDropDown As RadToolBarDropDown = New RadToolBarDropDown("Manage")
Dim buttons() As RadToolBarButton = {New RadToolBarButton("Users"),
New RadToolBarButton("Orders")}
manageDropDown.Buttons.AddRange(buttons)
RadToolBar1.Items.Add(manageDropDown)
<telerik:RadTreeView ID="RadTreeView1" runat="server">
<ContextMenus>
<telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<telerik:RadMenuItem Text="Menu1Item1"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Menu1Item2"></telerik:RadMenuItem>
</Items>
</telerik:RadTreeViewContextMenu>
<telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<telerik:RadMenuItem Text="Menu2Item1"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Menu2Item2"></telerik:RadMenuItem>
</Items>
</telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
<telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
<telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeView>
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)
{
lblInfo.Text = string.Format(@"You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")",
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text);
}
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
<%@ Page Language="VB" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
Sub RadTreeView1_ContextMenuItemClick(ByVal sender as Object, ByVal e as RadTreeViewContextMenuEventArgs)
lblInfo.Text = String.Format("You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")", _
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text)
End Sub
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)
{
lblInfo.Text = string.Format(@"You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")",
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text);
}
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
<%@ Page Language="VB" AutoEventWireup="true" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script runat="server">
Sub RadTreeView1_ContextMenuItemClick(ByVal sender as Object, ByVal e as RadTreeViewContextMenuEventArgs)
lblInfo.Text = String.Format("You clicked on Menu Item {0}(""{1}"") of Node {2}(""{3}"")", _
e.MenuItem.Index, e.MenuItem.Text, e.Node.Index, e.Node.Text)
End Sub
</script>
<html>
<body>
<form id="form1" runat="server">
<Telerik:RadScriptManager ID="RadScriptManager1" runat="server"></Telerik:RadScriptManager>
<br />
<asp:Label ID="lblInfo" style="border:solid 1px black; background-color:InfoBackground;font:normal 12px Courier New;" runat="server">Click on a context menu item to see the information for it.</asp:Label>
<br />
<Telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<Telerik:RadTreeViewContextMenu ID="ContextMenu1">
<Items>
<Telerik:RadMenuItem Text="Menu1Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu1Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
<Telerik:RadTreeViewContextMenu Skin="Outlook" ID="ContextMenu2">
<Items>
<Telerik:RadMenuItem Text="Menu2Item1"></Telerik:RadMenuItem>
<Telerik:RadMenuItem Text="Menu2Item2"></Telerik:RadMenuItem>
</Items>
</Telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<Telerik:RadTreeNode Text="Node1" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node11" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node12" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node2" ContextMenuID="ContextMenu2">
<Nodes>
<Telerik:RadTreeNode Text="Node21" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
<Telerik:RadTreeNode Text="Node22" ContextMenuID="ContextMenu2"></Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeNode>
</Nodes>
</Telerik:RadTreeView>
</form>
</body>
</html>
Private Sub RadUpload1_FileExists(ByVal sender As Object, ByVal e As WebControls.UploadedFileEventArgs) Handles RadUpload1.FileExists
Dim TheFile As Telerik.WebControls.UploadedFile = e.UploadedFile
e.UploadedFile.SaveAs(Path.Combine(RadUpload1.TargetFolder, TheFile.GetName + "1" + TheFile.GetExtension))
End Sub
private void RadUpload1_FileExists(object sender, Telerik.WebControls.UploadedFileEventArgs e)
{
Telerik.WebControls.UploadedFile TheFile = e.UploadedFile;
TheFile.SaveAs(Path.Combine(RadUpload1.TargetFolder, TheFile.GetName() + "1" + TheFile.GetExtension()));
}
Private Sub RadUpload1_ValidatingFile(ByVal sender As Object, ByVal e As WebControls.ValidateFileEventArgs) Handles RadUpload1.ValidatingFile
If e.UploadedFile.GetExtension.ToLower() = ".zip" Then
'The zip files are not allowed for upload
e.IsValid = False
End If
End Sub
private void RadUpload1_ValidatingFile(object sender, ValidateFileEventArgs e)
{
if (e.UploadedFile.GetExtension().ToLower() == ".zip")
{
//The zip files are not allowed for upload
e.IsValid = false;
}
}
Private Sub RadUpload1_ValidatingFile(ByVal sender As Object, ByVal e As WebControls.ValidateFileEventArgs) Handles RadUpload1.ValidatingFile
If e.UploadedFile.GetExtension.ToLower = ".zip" Then
Dim maxZipFileSize As Integer = 10000000 '~10MB
If e.UploadedFile.ContentLength > maxZipFileSize Then
e.IsValid = False
End If
'The zip files are not validated for file size, extension and mime type
e.SkipInternalValidation = True
End If
End Sub
private void RadUpload1_ValidatingFile(object sender, ValidateFileEventArgs e)
{
if (e.UploadedFile.GetExtension().ToLower() == ".zip")
{
int maxZipFileSize = 10000000; //~10MB
if (e.UploadedFile.ContentLength > maxZipFileSize)
{
e.IsValid = false;
}
//The zip files are not validated for file size, extension and content type
e.SkipInternalValidation = true;
}
}