`
smithfox
  • 浏览: 55429 次
  • 性别: Icon_minigender_1
  • 来自: hf
社区版块
存档分类
最新评论

Flex 轻量级 Grid

阅读更多

[原文见我个人blog http://www.smithfox.com/?e=29 在javaeye发布一次]

 

[说明: 本文为http://www.smithfox.com原创, 转载请注明原文, 谢谢]

 

前段时间我需要一个在Flex页面上显示表格, 这个表格很简单: 数据是静态的,没有分页, cell全部是最简单的文字, 列是固定的. 我真的不想用mx:DataGrid, 所以就自己动手写了一个.

通用和效率总是矛盾的,我追求高效率,所以就完全放弃了通用性,如果你的需求和我一样,就可以用这个SimpleGrid,

查看效果先: 可以右键查看源代码

http://www.smithfox.com/myopensource/simplegrid/Main.swf

注意: 请不要bind SimpleGrid.data, 我没有做组件的重新释放和分配工作,如果绑定会有泄漏问题

分享到:
评论

相关推荐

    Flex Data Grid Exporter

    3. **CSV(Comma-Separated Values)**:CSV是一种通用的、轻量级的数据交换格式。它以纯文本形式存储表格数据,每行代表一个记录,记录间的字段由逗号分隔。CSV文件可以被多种程序读取,包括电子表格软件(如...

    rework-flex-grid:重做 CSS 插件,用于生成自定义的轻量级 flex 网格

    返工弹性网格 重做 CSS 插件,用于生成自定义的轻量级网格。为什么? 每个项目都不一样。 您应该能够即时创建适合您项目的网格。 如果你只想要 8 列,你可以创建一个正好有 8 列的网格,而不是坚持 12 列。这有助于...

    ext-grid+json简单应用

    在JSON方面,它是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于服务器向客户端传递数据。 首先,我们需要设置Grid的基本结构,包括定义列(columns)和配置...

    flex开发工具的学习.txt

    - **数据库操作**:支持SQLite等轻量级数据库。 通过上述知识点的详细介绍,我们不仅了解了Flex开发的基本概念和技术栈,还深入探讨了Flex的各种UI组件、数据类型、控制结构以及容器与布局管理等方面的内容。这对于...

    flexgrid:基于flexbox布局的简单轻量级网格系统

    Flexgrid是一种基于Flexbox布局的简单轻量级网格系统,主要设计用于网页开发,帮助开发者构建响应式且灵活的布局。在CSS世界中,Flexbox(弹性盒布局模型)是现代布局模式之一,它极大地简化了处理元素排列、对齐和...

    轻量、可靠的小程序UI组件库.zip

    Vant本身是Vue.js的一个轻量级UI解决方案,而"dev"可能表示这是开发版本,可能包含了源码、文档、示例以及用于本地开发和调试的工具。 关于Vant WeApp的深入理解,它提供了丰富的组件,包括但不限于: 1. **基础...

    flex4做的itemrenderer呈现器

    为了提高性能,ItemRenderer应尽可能轻量级。避免在ItemRenderer中包含复杂的布局或过多的计算,因为它们会影响列表滚动的平滑度。 通过以上步骤,我们可以创建一个基于Flex4的自定义ItemRenderer,实现雅虎聊天...

    C#开发控件命名规则

    - `lightweight horizontal scroll bar`(轻量级水平滚动条):`lwhsbVolume` - `lightweight list box`(轻量级列表框):`lwlstCostCenters` - `lightweight option button`(轻量级选项按钮):`...

    针对微信小程序整合的UI库集合.zip

    所以只需要Wa-UI这个轻量级的库很快捷的做布局就可以了##使用须知导入即可使用,快速开始Wa-UI说明文档请参考WikiIDE更新2800版本之后外部字体图标暂时不能用了,可以使用官方图标和图片替代###展示格栅(想要几几分...

    网页布局代码

    - 使用轻量级的布局解决方案,减少不必要的计算和重排。 在提供的"buju"文件中,应包含这些概念的代码实例,帮助开发者更好地理解和应用这些布局技术。通过实践这些代码,你可以掌握创建高效、适应性强的网页布局...

    sushi-grid-css

    4. **轻量级**:sushi-grid-css强调轻量化,意味着它不会引入过多的代码,从而减少页面加载时间,提高性能。这对于注重性能优化的项目来说非常重要。 5. **易用性**:项目可能提供简单的API或类名,使开发者能够...

    FluidFlexSolution用于制作无限网格列

    描述中的“大约为0.1 Kb CSS”意味着这个解决方案非常轻量级,仅占用极小的资源,这有利于页面加载速度和性能优化,特别是在移动设备上。对于网站性能敏感的项目来说,这是一个巨大的优点,因为它减少了网络带宽的...

    微信小程序整合的一套UI库

    所以只需要Wa-UI这个轻量级的库很快捷的做布局就可以了 ##使用须知 import引入即可使用,快速开始 Wa-UI说明文档请参考Wiki IDE更新2800版本之后外部字体icon暂时不能用了,可以使用官方icon和图片替代 ###...

    Wafflegrid一个易于使用的flexbox网格系统

    Wafflegrid正是利用Flexbox的强大功能,提供了一套轻量级的网格系统,使得开发者能够快速构建出对不同屏幕尺寸友好、响应式的设计。下面我们将深入探讨Wafflegrid的核心概念、如何使用以及其与传统网格系统的区别。 ...

    tiny-flexbox-grid-system:微小的SCSS Flexbox网格系统

    Tiny Flexbox Grid System是一个轻量级的SCSS库,专为创建基于Flexbox的网格布局而设计。Flexbox是一种CSS布局模式,它允许内容在容器中根据需要进行伸缩,以适应不同的屏幕尺寸和设备类型。 1. **Flexbox基础知识*...

    jquery高级注册表单.zip

    首先,jQuery是一个轻量级的JavaScript库,它的主要优点在于简化了DOM操作、事件处理、动画效果和Ajax交互。在创建高级注册表单时,jQuery使得代码更加简洁和高效。例如,使用`$(selector).on('event', function() {...

    kindling:建立在flex display属性上的袖珍网格系统

    Kindling 是一个基于 Flexbox 的轻量级网格系统,它利用了 CSS3 中的 `display: flex` 属性来创建响应式的布局。Flexbox(弹性盒模型)是现代Web开发中用于创建灵活、动态和自适应布局的强大工具,它允许开发者更加...

    WeChat.doc

    微信小程序是一种轻量级的应用开发平台,它允许开发者在微信内创建无需下载安装即可使用的应用程序。这个文档显然是关于微信小程序的开发指南,涵盖了多种样式和布局技术,是开发者入门和进阶的重要参考资料。 1. *...

Global site tag (gtag.js) - Google Analytics