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