Telerik RadPanelBar

Question

我正在使用带有XML文件的Telerik RadPanelBar用于面板项目。有没有人能帮我弄一下PanelItem的XML格式？我想在XML文件中包含OnClick事件。有可能吗？如果是，你能告诉我它的XML标签吗？我使用的格式如下：

<PanelItem ToolTip="" Height="22" ID="Panel3_1" Text="Search" NavigateUrl = "#"  ImageCollapsed="/_Common/Images/bullet.gif" ImageExpanded="/_Common/Images/bullet.gif" />

我的问题是，如何捕获PanelItem的OnClick事件？

谢谢。

Answer 1

该控件似乎公开了一个“OnClientItemClicked”事件处理程序，并且可以像这样实现：

 <script>                     
   function OnClientItemClicked(sender, args)
   {
      alert("The " + args.get_item().get_text() + " item has been clicked");
   }            
</script>
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnClientItemClicked="OnClientItemClicked" >
 ...
</telerik:RadPanelBar> 

至于在XML中存储onClick事件，您可能想要有一点创造性。您可以存储一个自定义属性，而不是存储onClick事件，稍后可以在OnClientItemClicked事件中检索该属性：

 <script>                     
   function OnClientItemClicked(sender, args)
   {
      var item = args.get_item();
      var myCustomAttribute = item.get_attributes().getAttribute("myCustomAttribute");
   }            
</script>

..。如果XML的结构是这样的：

<Item Text="Products" Expanded="True" myCustomAttribute="1">
 <Item Text="RadEditor" myCustomAttribute="2" />
 <Item Text="RadPanelBar" myCustomAttribute="3" />
 <Item Text="RadMenu" myCustomAttribute="4" />
 <Item Text="RadTabStrip" myCustomAttribute="5" />
</Item>

此外，这是Telerik的(很棒的)文档：http://www.telerik.com/help/aspnet-ajax/panel_clientsidebasics.html

我希望我已经回答了你的问题！干杯:D

Answer 2

我不相信每个特定的面板栏项目可以有一个单独的OnClick事件。相反，您需要为整个PanelBar定义一个OnItemClick服务器端事件，在这种情况下，您可以根据该项值执行所需的任何操作？

例如声明式：

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnItemClick="RadPanelBar1_ItemClick">
 ...
</telerik:RadPanelBar> 

代码隐藏

protected void RadPanelBar1_ItemClick(object  sender, RadPanelBarEventArgs e)
{
   RadPanelItem ItemClicked = e.Item;
   Response.Write("Server event raised -- you clicked: " + ItemClicked.Value);
} 

Answer 3

至于XML格式-请查看此帮助主题http://www.telerik.com/help/aspnet-ajax/panel_datahierarchicaldatasourcecomponents.html

Sean是对的-您可以定义一个全局ItemClick服务器事件，该事件将为所有面板栏项目触发。欲了解更多信息，请点击此处：http://www.telerik.com/help/aspnet-ajax/panel_panel_itemclick.html。