`
gbtan
  • 浏览: 80527 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

将Ext.DataView组件发挥到极致

阅读更多

前些日子在项目中使用到Ext.DataView组件,发现Ext.DataView组件非常的强大,基本上能满足各种html上呈现的需求。Ext.DataView组件必须和Ext.XTemplate结合起来使用,通过Ext.data.JsonStore动态取数据,达到动态生成DataView图形呈现的目的,下面附两幅图说明一下Ext.DataView的强大。

图一(文件夹管理):

完全类似于window的一个文件夹管理页面。

图二:

如果再将界面中的图标做成动画gif,呈现效果会非常的不错。

4
1
分享到:
评论
2 楼 peter2009 2011-08-25  
强烈要求上段代码看看
1 楼 rainsight 2010-04-30  
这个组件好强大,能做到这个程度真是不简单。谢谢楼主推荐这么好的东东,学习了:idea:

相关推荐

    Ext.DataView 图片列表显示

    var dataview = new Ext.DataView({ store: store, tpl : tpl, id: 'phones', itemSelector: 'li.phone', overClass : 'phone-hover', singleSelect: true, multiSelect : false, autoScroll : true }); ...

    dataview组件

    dataview组件的学习,是sencha touch2的组件

    Extjs图片展示组件实例

    漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦

    Ext Touch 利用DataView 创建树形

    利用DataView 创建多选树形.。前台根据JSON创建node

    TouchTreeGrid:Sencha Touch Tree Grid、Basic Grid 和 Accordion 组件示例

    TouchTreeGrid 使用 Sencha 的 Ext.dataview.List 组件以及所有支持的配置、方法和事件。 最近添加了对在 Category 和 Leaf 行中嵌入表单(只读和可编辑)的支持。 CalendarPicker 组件利用 TouchTreeGrid 为手机...

    Nevrona.Rave.Reports.BEX.v11.0.3

    2.从组件面板的Rave页,假如TRvDataSetConnection组件到应用程序的表单. 3.在Object Inspector中,设置DataSet的属性为一个已在你的应用程序中定义的dataset组件.使用Rave Visual Designer 4.去设计你的报表然后并...

    Dataview转换成Datatable

    Dataview转换成Datatable

    dataview用法

    dataview用法dataview用法dataview用法

    DataView.zip

    方便单片机开发调试的串口数据图形查看小工具,接收串口的数据(符合一定格式),以图形曲线形式显示出来,便于直观查看数据。

    Rave Reports v11.0.5 Installer Full Source for D7-DXE5

    从组件面板的Rave页,假如TRvDataSetConnection组件到应用程序的表单. 3.在Object Inspector中,设置DataSet的属性为一个已在你的应用程序中定义的dataset组件.使用Rave Visual Designer 4.去设计你的报表然后并创建...

    dataView详解

    dataView详解dataView详解

    Ext 学习中文手册

    第二步,将数据加入到模板中 62 下一步 63 学习利用模板(Templates)的格式化功能 63 正式开始 63 下一步 64 事件处理 64 非常基础的例子 64 处理函数的作用域 64 传递参数 65 类设计 66 对象创建 66 使用构造器...

    dataview datatable databset的区别

    dataview datatable databset的区别

    C#中DataView的应用

    C#中DataView的应用

    dataview.zip

    dataview.zip

    C#将DataView生成Excel报表

    通过连接数据库,将数据填充的DataView中,最后将其写入Excel中。并且可以动态插入公式进行计算。

    C#中灵活使用DataView

    可能大家都知道dataview这个名词的概念,但也许不是很多人可以说清楚在.net架构中它的应用范围和程度。

    ext3.0 的23个小demo

    该资源是 针对于ext3.0的组件的小demo,包括表格,工具栏,动态提示,模板,reader,布局,事件,ajax,跨域ajax,dataview及控制台等

    Flask_DataView.zip

    基于flask+pyecharts实现了一个图表大屏,基于ajax实现动态刷新数据。 教程地址:https://blog.csdn.net/pvlking/article/details/121249495

    EXT简体中文参考手册(PDF&CHM电子档)

    第二步,将数据加入到模板中 62 下一步 63 学习利用模板(Templates)的格式化功能 63 正式开始 63 下一步 64 事件处理 64 非常基础的例子 64 处理函数的作用域 64 传递参数 65 类设计 66 对象创建 66 使用构造器...

Global site tag (gtag.js) - Google Analytics