跟我学Telerik公司的RadControls控件(四)

跟我学Telerik公司的RadControls控件(四)
朋友们、同行们通过前面《跟我学Telerik公司的RadControls控件》系列三篇的学习,你一定会内心有一种涌动,有种相见(RadControls)恨晚的感觉。那就一起加入学习RadControls控件的行列,为IT的朋友提供更加明了化的技术大餐,欢迎……
  今天我将和你分享另一个更加完美的技术控件(TelerikRadTreeview)控件:  RadTreeview 是一个功能非常丰富的Asp.Net控件。它可以让具有层次结构的数据的显示,管理,导航变得轻而易举,该产品提供

大家好,又见面了,我是你们的朋友全栈君。

朋友们、同行们通过前面《跟我学Telerik公司的RadControls控件》系列三篇的学习,你一定会内心有一种涌动,有种相见(RadControls)恨晚的感觉。那就一起加入学习RadControls控件的行列,为IT的朋友提供更加明了化的技术大餐,欢迎……

  今天我将和你分享另一个更加完美的技术控件(Telerik RadTreeview)控件:  

RadTreeview 是一个功能非常丰富的Asp.Net控件。它可以让具有层次结构的数据的显示,管理,导航变得轻而易举,该产品提供非常丰富的高级特性,如拖放,按需要加载(MSDN-style), 右键上下文菜单,组合框模式,自动sql绑定等特性。
概要:

  • 按需加载巨型结构
      如果您的treeview有大量的节点,您可以仅加载显示的那一部分,在用户需要的时候再加载其需要的部分,就如同MSDN中的菜单一样
  • 拖放功能
      该特性让您可以重新对r.a.d.treeview的结构进行布局. 并能自动触发相应的服务器端事件
  • 多节点同时选择 (Ctrl + select)
      您可以同时选择多个节点,在进行服务器端时间提交时,所选定的所有节点信息会自动提交到服务器端
  • Tree-view ComboBox模式
      这是r.a.d.treeview的一大特点,可以自行treeview combobox, 类似于r.a.d.editor自定义链接的drop-down的效果。
  • 完全支持图片和CSS
      你可以非常容易地设置控件的外观,加入图片和css。你可以控制每一个节点的样式和状态
  • 从ADO.NET Dataset自动进行 sql 绑定
  • 跨帧支持Cross-frame support
  • 支持Check-box
      r.a.d.treeview 让你可以添加checkbox到每一个节点. 也可以非常容易地调整它们的样式,在运行的时候,你可以使用专用程序借口获得选定的集合。
  • 动态add/delete/disable节点的接口
  • 在单页上可以添加多个实例
  • 能够控制节点的展开和收拢
  • 在提交页面后,保存滚动条的位置
  • 在显示的内容比较多的时候,该功能可以让treeview在提交数据之后仍然可以显示上次的节点位置。

    实例分析

    1、实例图

    跟我学Telerik公司的RadControls控件(四)

          :看上图当子节点部分选中时,本节点出现虚空状态,使用人员一眼就可以看到,那个节点下面是部分选中,呵呵,够人性化了吧。页面也

   很美观,给人以视觉冲击。 

       2、在html代码中加入

    <asp:ScriptManager ID=”ScriptManager1″ runat=”server”></asp:ScriptManager>

          或<telerik:RadScriptManager ID=”RadScriptManager1″ runat=”server”></telerik:RadScriptManager>

  3、 拖拽控件RadTreeView控件到html页面

    <telerik:RadTreeView runat=”server” ID=”rtvMenu” CheckBoxes=”true” CheckChildNodes=”true”
                        TriStateCheckBoxes=”true”>
           </telerik:RadTreeView>

  4、后台代码

    递归绑定控件数据,在这里就不多叙述了……

  注意:本控件不仅有以上功能,可以可以方便实现动态加载,如图:

  跟我学Telerik公司的RadControls控件(四)

  当点击节点时,才动态加载其子节点,如上图红框效果。

  代码:

     <telerik:RadTreeView ID=”RadTreeView1″ runat=”server” Height=”300px” Width=”100%”             OnNodeExpand=”RadTreeView1_NodeExpand” />

     事件:

     protected void RadTreeView1_NodeExpand(object sender, RadTreeNodeEventArgs e)
    {

        PopulateNodeOnDemand(e, TreeNodeExpandMode.ServerSideCallBack);
    }

 

 private static void PopulateNodeOnDemand(RadTreeNodeEventArgs e, TreeNodeExpandMode expandMode)
    {

        DataTable data = GetChildNodes(e.Node.Value);

        foreach (DataRow row in data.Rows)
        {

            RadTreeNode node = new RadTreeNode();
            node.Text = row[“Title”].ToString();
            node.Value = row[“CategoryId”].ToString();
            if (Convert.ToInt32(row[“ChildrenCount”]) > 0)
            {

                node.ExpandMode = expandMode;
            }
            e.Node.Nodes.Add(node);
        }

        e.Node.Expanded = true;
    }

好了,以上就是我目前使用到的RadTreeview 控件的常用技术点,详细的还需要在使用的过程中慢慢揣摩,也真诚的希望各位朋友和我

共同学习、探讨微软相关控件的真正使用精髓。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/161971.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm如何打开py文件_怎么用terminal打开文件

    pycharm如何打开py文件_怎么用terminal打开文件Pycharm的下方工具栏中有两个窗口:PythonConsole和Terminal(如下图)其中,PythonConsole叫做Python控制台,即Python交互模式;Terminal叫做终端,即命令行模式。Python交互模式主要有两种:CPython用>>>作为提示符,而IPython用In[序号]:作为提示符。Python交互式模式可以直接输入代码,然后执行,并立刻得到结果,因此Python交互模式主要是为了调试Python代码用的。命..

    2022年8月26日
    3
  • Fleet问题

    Fleet问题1.  是否能自由部署fleetservices在1台或多台machine上。(可以指定部署1个服务在某台机器上,或者指定某个服务在多台机器上)

    2022年4月26日
    60
  • MATLAB GUI编程总结

    MATLAB GUI编程总结MATLABGUI编程总结:创建MatlabGUI界面通常有两种方式:1使用.m文件直接动态添加控件2使用GUIDE快速的生成GUI界面一、创建GUI方法一.:在.m文件中动态添加h_main=figure(‘name’,‘ademoofguidesign’,‘menubar’,‘none’,…’numbertitle’,’off’,’posi…

    2022年4月29日
    43
  • 谈谈网站防盗链

    谈谈网站防盗链#开启重写引擎RewriteEngineon#图片防盗链RewriteCond%{HTTP_REFERER}!http://rewrite/.*RewriteRule.*\.(jpg|jpeg|png|gif)daotu.jpg引子:明明引用了一个正确的图片地址,但显示出来的却是一个红叉或写有“此图片仅限于***网站用户交流沟

    2022年7月23日
    10
  • 表单样式模板_商品表格模板

    表单样式模板_商品表格模板特殊项:用户中心左侧导航:frontend.base.php(增删导航可以在这里改  DW中大约561-760行)apply.index.html                                  申请开店页article.index.html                                 文章分类列表页(包括商城公告、商城公告及其他自建分

    2025年6月10日
    2
  • 手把手教你_android自己主动化实践方案选型

    手把手教你_android自己主动化实践方案选型

    2021年12月9日
    56

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号