or
public
void
OnAjaxUpdate(
object
sender, ToolTipUpdateEventArgs e)
{
if
(e.Value !=
null
)
{
Control ctrl = Page.LoadControl(
"OrgChartUserDetail.ascx"
);
ctrl.ID = Guid.NewGuid().ToString();
e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl);
OrgChartUserDetail details = (OrgChartUserDetail)ctrl;
details.ID = e.Value;
}
}
void
orgUserOrgChart_GroupItemDataBound(
object
sender, Telerik.Web.UI.OrgChartGroupItemDataBoundEventArguments e)
{
var panel = (Panel)e.Item.FindControl(
"Panel1"
);
RadToolTipManager2.TargetControls.Add(panel.ClientID, e.Item.ID,
true
);
}
<
telerik:RadOrgChart
ID
=
"orgUserOrgChart"
runat
=
"server"
ClientIDMode
=
"Static"
OnNodeDataBound
=
"orgUserOrgChart_NodeDataBound"
GroupColumnCount
=
"2"
Skin
=
"Silk"
>
<
ItemTemplate
>
<
asp:Panel
runat
=
"server"
ID
=
"Panel1"
>
<
span
class
=
"pseudoImage"
style
=
"background-image: url('<%# DataBinder.Eval(Container.DataItem, "
PictureString") %>')"></
span
>
<
a
href
=
"<%# String.Format("
mailto:{0}", DataBinder.Eval(Container.DataItem, "eMail"), "", "")%>" class="tooltipLinks">
<
img
src
=
"images/mail.png"
width
=
"25px"
alt
=
"Send Email"
></
a
>
</
asp:Panel
>
</
ItemTemplate
>
<
RenderedFields
>
<
NodeFields
>
<
telerik:OrgChartRenderedField
DataField
=
"Description"
Label
=
""
/>
</
NodeFields
>
</
RenderedFields
>
</
telerik:RadOrgChart
>
<
telerik:RadToolTipManager
runat
=
"server"
ID
=
"RadToolTipManager2"
Skin
=
"Default"
OnAjaxUpdate
=
"OnAjaxUpdate"
Position
=
"BottomRight"
OffsetX
=
"16"
OffsetY
=
"16"
EnableShadow
=
"false"
Width
=
"195"
Height
=
"135"
HideEvent
=
"LeaveTargetAndToolTip"
/>
Hi
I use the DataNavigateUrlField property to transfer users to Another page when they click a node in the tree, is there Another way to do that using JavaScript instead, for example I use this exsisting JavaScript..
<
script
type
=
"text/javascript"
>
function onNodeClicked(sender, args) {
var node = args.get_node();
node.set_expanded(!node.get_expanded());
}
function nodeClicking(sender, args) {
var nodeAtt = args.get_node().get_attributes().getAttribute("toClick");
if (nodeAtt == "NotClickable") {
args.set_cancel(true);
var node = args.get_node();
node.set_expanded(!node.get_expanded());
}
}
</
script
>
Version=2011.1.426.35
JavaScript:
<script type=
"text/javascript"
>
function
pageLoad() {
$get(
"div1"
).style.display =
"block"
;
}
</script>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
runat
=
"server"
DecoratedControls
=
"All"
/>
<
div
id
=
"div1"
style
=
"display: none;"
>
<
select
>
<
option
>text1</
option
>
<
option
>text2</
option
>
<
option
>text3</
option
>
</
select
>
</
div
>
<
div
id
=
"div2"
style
=
"display: none;"
>
<
select
>
<
option
>text1</
option
>
<
option
>text2</
option
>
<
option
>text3</
option
>
</
select
>
</
div
>
I am using a RadGrid that uses an EditForm for editing and adding items to the grid. The EditForm is a pop-up, template, and has the modal property set to true. I’m using Internet Explorer 9 and the pop-up works fine with the background grayed out, but when I switch to compatibility mode the background and the pop-up are both grayed out. The user can’t click or input anything at that point. I'm using .Net 3.5.
Any ideas of what could be going wrong?