• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

DevExpressAsp.net(7)ASPxTreeList的基本使用之一

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

ASPxTreeList是结合了Tree控件与GridView控件,不仅可以显示树形结构视图,而且可以还编辑\删除\统计等制作,以下只是进行了一些基本的AspxTreeList操作的总结.
此事例主要说明了ASPxTreeList的一些基本使用

        1 数据绑定
        2 数据导出
        3 分页设置
        4 用户弹出面板设置
        5 样式设置
        6 ShowPreview
        8 数据模板
        9 选择事件
        10 数据统计
       
       
        绑定绑定
        ASPxTreeList其他数据绑定一样,可用各种类型的数据源。但因为要显示树形结构,
        所以除了DataSourceID必须进行设置以外,还得必须设置KeyFieldName与ParentFieldName,
        KeyFieldName与ParentFieldName就是主、子的关系,用于创建树形结构。
        同时可以指定在ASPxTreeList默认展开的级数,代码如下:       
        this.ASPxTreeList1.ExpandToLevel(2);   //展开2级
        
        数据导出
        关于ASPxTreeList数据导出,DevExpress同样为我们提供了解决方案,即ASPxTreeListExporter,
        数据导出组件。
        ASPxTreeListExproter的用法非常简单,同时提供了3种文件格式的导出方案,xls|pdf|rft
        使用方法:
            1 向有ASPxTreeList数据的面页添加ASPxTreeListExporter,并设置Exporter的TreeListID属
              性,即导出哪一个ASPxTreeList.默认不指定的情况下会导出页面中第一个ASPxTreeList,但
              当有多个时并希望导出指定ASPxTreeList时,则必须指定。
            2 指定ASPxTreeListExporter的导出方法,格式文件格式和导出策略不同,ASPxTreeListExporter
              提供了以下方法:              
                void WritePdf(Stream stream); 
                void WritePdfToResponse();

                void WriteRtf(Stream stream);
                void WriteRtfToResponse();    
     
                void WriteXls(Stream stream);
                void WriteXlsToResponse();

               每个方法都有多个重载,可权限需要进行调用。另外需要说明的是,如果ASPxTreeList设置的分页
               功能,调用以下方法时可能出现只导出当前面的现象,所以调用以上方法进,可以设置导出的详细
               设置,如下:
                    ASPxTreeListExporter.Settings.ExpandAllNodes = true;
                    ASPxTreeListExporter.Settings.ExportAllPages = true;
                    ASPxTreeListExporter.Settings.ShowTreeButtons = true;
                   
           分面设置
           默认情况下,ASPxTreeList不进行分页处理,如果需要分面功能,可以设置其属性SettingsPager
           如下代码:
                <SettingsPager AlwaysShowPager="True" Mode="ShowPager">
                </SettingsPager>
             默认页大小为10,可以通过SettingPager的 PageSize属性设置,PageSize="20"
            
            
           用户弹出面板设置
           即让用户自定义ASPxTreeList显示的字段名称,如下设置
            <SettingsCustomizationWindow Enabled="True" />
            如果当某一字段在初始时设置Visible=false,那么此字段将会放在CustomizationWindow中,
            当然,用户也可以把它拖放出来,也可以拖放进去。以下代码就是控制如果显示与隐藏
            CustomizationWindow.   
                     treeList.ShowCustomizationWindow();    //ClientInstanceName="treeList"
                     treeList.HideCustomizationWindow();
                    
           样式设置
           样式设置最基本就是设置边框样式、页脚、tree线等。如下
           <Settings GridLines="Both"
             ShowFooter="True"
             ShowGroupFooter="True"
             ShowPreview="True" />
            
          ShowPreview
          可显示数据内容较多的View,不影响TreeList的展示。
            1 设置ASPxTreeList的PreviewFieldName="Location"
            2  <Settings ShowPreview="True" />
        
         数据模板 
         <Templates>
         <DataCell>
          <%# Eval("Common_Name") %>
            </DataCell>
        </Templates>
       
        选择事件
        可添加treelist的FocuseNodeChnaged事件来处理选择Node时的逻辑,但ASPxTreeList必须
        设置AllowFocusedNode=true,如下:
         <SettingsBehavior AllowFocusedNode="True" />
         通过FocuseNodeChnaged事件来回调整ASPxTreeList的服务端事件来完成通信,发下:
        
         <ClientSideEvents CustomDataCallback="function(s, e) {
         alert(e.result);
        }" FocusedNodeChanged="function(s, e) {
         var key = treeList.GetFocusedNodeKey();
   treeList.PerformCustomDataCallback(key);
        }" />
         
         以下代码设置为可多选,并且可以递归选择。
        <SettingsSelection Enabled="True" Recursive="True" />
       

 演示代码:

Js:

script>

 

HTML:

 

>

 

C#:
 e.Argument;
    }



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NET防盗链的实现[HttpHandler]发布时间:2022-07-10
下一篇:
【转载】ASP.NET中Server.MapPath方法获取网站根目录总结发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap