RadComboBox中的RadTreeView父节点不选择,子节点可以选择

我们经常在RadComboBox中放上RadTreeView当做分类使用,是挺帅的.可是有的时候我们要做父节点不可以选择,而子节点才能选择!

下面我就开始吧!

当然页面上必须需要

        <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

没有这个运行不了.因为randcontrol也是用asp.net ajax

 

                     < telerik:RadTextBox  ID ="txtTitle"  Runat ="server"  EmptyMessage ="标题不能为空！"   Skin ="Sunset"  Width ="250px" >   </ telerik:RadTextBox >
                 </ td >
             </ tr >
             < tr >
                 < td  align ="right"  class ="style1" > 文章类别： </ td >
                 < td  align ="left" >
                     < telerik:RadComboBox  ID ="rcbSort"  Runat ="server"  Text ="sortName"  Skin ="Sunset"  DropDownWidth ="300"  TabIndex ="1" >
< CollapseAnimation  Type ="OutQuint"  Duration ="200" ></ CollapseAnimation >
                         < ItemTemplate >
                             < div  id ="div1" >
                                 < telerik:RadTreeView  ID ="rtvSort"  OnClientNodeClicking ="nodeClicking"  runat ="server"  Skin ="Sunset" >
                                     < CollapseAnimation  Duration ="100"  Type ="OutQuint"   />
                                     < ExpandAnimation  Duration ="100"   />
                                 </ telerik:RadTreeView >
                             </ div >
                         </ ItemTemplate >
                         < Items >
                         < telerik:RadComboBoxItem  />
                         </ Items >
                     </ telerik:RadComboBox >    

 

页面上放歌Radcontrol控件,然后在添加一个ItemTemplate模板.这个模板里面就RadTreeView控件.我们要在选择RadComboBox中选择的RadTreeView

就是如下的效果图

效果还不错的样子.呵呵

可以选择子节点,不可以选择父节点的js如下

 

 

         < script type = " text/javascript " >
         function  nodeClicking(sender, args)
        {
             var  comboBox  =  $find( ' rcbSort ' );
            
             var  node  =  args.get_node();

             if (node.get_nodes().get_count() > 0 )
            {

            } else
            {
                 if (node.get_value() == "" )
                {
                    
                }
                 else
                {
                    comboBox.set_text(node.get_text());
                    comboBox.hideDropDown();
                }
            }
        }
         function  StopPropagation(e)
        {
              if ( ! e)
             {
                e  =  window.event;
             }
             
             e.cancelBubble  =   true ;
        }

 

/Files/mextb1860/WebApplication1.rar