<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>
<
telerik:RadAjaxManager
runat
=
"server"
ID
=
"RadAjaxManager1"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadPanelBar1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadPanelBar1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadPanelBar
ID
=
"RadPanelBar1"
runat
=
"server"
OnItemClick
=
"RadPanelBar1_ItemClick"
ExpandMode
=
"MultipleExpandedItems"
>
<
CollapseAnimation
Duration
=
"100"
Type
=
"None"
/>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
Text
=
"Root RadPanelItem1"
>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
runat
=
"server"
Text
=
"Root RadPanelItem2"
>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
<
ExpandAnimation
Duration
=
"100"
Type
=
"None"
/>
</
telerik:RadPanelBar
>
</
div
>
</
form
>
public
partial
class
RadPanelBarTest : System.Web.UI.Page
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
}
private
void
LoadUserControl(Telerik.Web.UI.RadPanelItem item)
{
Label userControl1 =
new
Label();
userControl1.ID =
"userControl1"
;
userControl1.Text = DateTime.Now.ToString();
item.Items[0].Controls.Add(userControl1);
item.Expanded =
true
;
}
protected
void
RadPanelBar1_ItemClick(
object
sender, Telerik.Web.UI.RadPanelBarEventArgs e)
{
this
.LoadUserControl(e.Item);
}
}
i have a grid with large number of columns
it has two levels
when i use the following
<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="300px" />
the width is auto fitting into 100%, with out scroll, squeezed
How can i get rid of this problem.
Please help.
Arijit Chatterjee
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="AnalisiProcedimenti.WebForm3" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
<
ext:ResourceManager
ID
=
"ResourceManager1"
runat
=
"server"
Namespace
=
""
DirectMethodNamespace
=
"Ext.net.DirectMethods"
>
</
ext:ResourceManager
>
<
div
>
<
telerik:RadTextBox
ID
=
"RadTextBox1"
runat
=
"server"
></
telerik:RadTextBox
>
<
telerik:RadCalendar
ID
=
"RadCalendar1"
runat
=
"server"
></
telerik:RadCalendar
>
<
telerik:RadScheduler
ID
=
"RadScheduler1"
runat
=
"server"
DataDescriptionField
=
"Description"
DataEndField
=
"End"
DataKeyField
=
"ID"
DataRecurrenceField
=
"RecurrenceRule"
DataRecurrenceParentKeyField
=
"RecurrenceParentID"
DataReminderField
=
"Reminder"
DataSourceID
=
"SqlDataSource1"
DataStartField
=
"Start"
DataSubjectField
=
"Subject"
DisplayDeleteConfirmation
=
"False"
EnableDescriptionField
=
"True"
ReadOnly
=
"True"
>
<
Reminders
Enabled
=
"True"
/>
</
telerik:RadScheduler
>
</
div
>
<
asp:SqlDataSource
ID
=
"SqlDataSource1"
runat
=
"server"
ConnectionString="<%$ ConnectionStrings:DbAnaProConnectionString %>" SelectCommand="SELECT * FROM [PROCAL]"></
asp:SqlDataSource
>
</
form
>
</
body
>
</
html
>
I need help on Drag and Drop feature for RadGrid, Please is the my requirement.
We have 140 columns in a table, we need to show them in RadGrid based on the user choice by dragging from RadListBox.
We need to have a accessibility to drag columns from RadListBox to RadGrid to show selected columns and also drag column from RadGrid to RadListBox to hide columns from Grid.
I have achieved to show selected column from RadListBox but I donot have idea to hide columns based on dragging from RadGrid to RadListBox, Please help me on this.
Thanks,
Kiran
document.onkeydown = function (e) {
e = e || window.event;
if (typeof e != 'undefined') {
var tgt = e.target || e.srcElement;
// If the keypress was ENTER (13) or DOWN (40)
if (e.keyCode == 13 || e.keyCode == 40) {
// Determine which element we're currently on
currentField = e.target;
alert(currentField.type);
}
}
}