`
cannysqurrel
  • 浏览: 14375 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

tableview - JS数据表格, JS+jQuery两栏选择控件, JS分页控件

阅读更多

tableview 介绍

在网页开发中, 常常需要一个表格与列表相结合的控件, 即能像表格(table)一样显示丰富的信息, 又能像列表选择控件(select)一样方便地选择数据. 在桌面应用程序开发中, 许多GUI库都提供了类似的控件, 如.Net的ListView.

    * PagerView是一个好看精巧的分页控件. PagerView+TableView为网页开发提供了类似的工具, 但代码更简单, 功能更紧凑.
    * SortView是一个方便易用的分页控件.
    * TableView是一个数据表格控件, 代码简单, 功能紧凑.
    * SelectorView是一个由两个TableView组合而成的控件, 相对于列表选择器, 提供了一个临时的存放已选中项的地方.

NOTICE: tableview 即原来的 two-column-selector, 在升级为 1.1 版本时, 它的项目名称变为 tableview.
TODO

    * 优化TableView中的数组操作方法.
    * SHIFT + 鼠标左键选择行.

Changelog

    * --------------- Version 1.1 ---------------
    * 2010-05-11, 增加 TableView 排序功能.
    * 2010-05-11, 增加 PagerView.page() 方法, 获取数组落在相应页的数据片段.
    * 2010-05-11, 增加 SortView 类, 实现 JavaScript 排序.
    * --------------- Version 1.0 ---------------
    * 2010-01-11, 重新组织文档, 将各个功能单独分开介绍, 提供"Getting Started". 使用jsdoc生成API文档.
    * 2009-10-19, 数据列表使用数组保存, 取代原来的哈希, 因为哈希的元素可能是无序的(依赖于浏览器实现).
    * 2009-09-07, 增加TableView的演示.
    * 2009-08-14, 增加演示控件选择功能, 可以自定义是否显示某个控件, 如计数, 标题, 过滤, 行选择框, 分页等.
    * 2009-08-13, 加入分页控件PagerView, 实现TableView的分页功能, 通过TableView.display.pager(bool类型)来控制. PagerView是一个独立的控件, 使用原生的JavaScript代码编写.
    * 2009-08-01, 加入模糊过滤控件, 通过TableView.display.filter(bool类型)来控制.
    * 2009-07-29, 优化, 在关键点使用原生的DOM接口替代jQuery.
    * 2009-07-29, 加入元素数量和当前已标记行数量的统计.
    * 2009-07-29, 增加TableView.delRange方法. 修改SelectorView.select和SelectorView.unselect方法, 应用TableView.addRange和TableView.delRange方法.
    * 2009-07-28, 增加TableView.addRange方法, 用于添加数据集合, 解决性能问题.
    * 2009-07-24, 取消TableView.refresh方法, 修改TableView.add方法, 添加和删除行会立即自动刷新界面. 增加良好注释.
    * 2009-07-23, SelectorView增加双击选择或者取消选择的功能.
    * 2009-07-23, 高亮显示被选中的行.

http://www.ideawu.net/person/tableview/v1.1/

分享到:
评论

相关推荐

    html表格控件tableview-1.1.2

    2. `js/`:包含JavaScript文件,如`tableView.js`,这是核心的表格控件实现,实现了表格的动态加载、数据操作和用户交互等功能。 3. `example/`:示例代码目录,通常有HTML、CSS和JS文件,展示了如何在实际项目中...

    js分页控件 Tableview

    总之,Tableview作为一款优秀的js分页控件,结合jQuery的强大功能,为开发者提供了便捷的数据分页解决方案。无论是简单的网页项目还是复杂的Web应用,Tableview都能轻松胜任,提升网页的交互性和性能。

    JavaFX+Jfoenix 学习笔记(三)--TableView数据表格源码

    在"JavaFX+Jfoenix 学习笔记(三)--TableView数据表格源码"中,我们将重点讨论如何使用JavaFX的TableView组件结合JFoenix来展示和操作数据。TableView是JavaFX中的一个核心组件,它允许用户以表格的形式查看和操作...

    QT-TableView -V2.7.1

    QT-TableView -V2.7.1 是一个基于Qt库的表格视图组件,它提供了在GUI应用程序中展示和操作二维数据的能力。Qt是Qt公司开发的一个跨平台的应用程序开发框架,广泛应用于Windows、Linux、macOS等操作系统,支持C++语言...

    ios-tableview-上拉加载更多

    在iOS开发中,UITableView是展示数据列表的主要控件,它被广泛用于各种应用程序,如邮件、通讯录等。"ios-tableview-上拉加载更多"这个主题关注的是如何在UITableView中实现滚动到底部时自动加载更多数据的功能,这...

    ios-UiCollectionView嵌套TableView---滑动做题.zip

    5. **数据模型设计**:构建一个合适的数据模型来存储题目和选项的信息,方便在CollectionView和TableView中进行数据绑定。 6. **交互反馈**:当用户在`UITableView`中选择答案时,需要更新相应的模型状态,并在`...

    IOS应用源码——TableView-Example-1.rar

    在iOS开发中,UITableView是构建用户界面的重要组件,它用于展示列表或表格数据。这个"TableView-Example-1.rar"压缩包很可能包含了演示如何在iOS应用中使用UITableView的一个实例项目。接下来,我们将深入探讨...

    Swift-TableView-Example, 关于Swift语言的简单UITableView应用.zip

    Swift-TableView-Example, 关于Swift语言的简单UITableView应用 Swift-TableView-ExampleSwift(3.2) 语言的简单 UITableView 应用。 使用的自定义单元格和结构。要求Xcode 8 iOS 10 应用程序截图

    IOS-横向-TableView-Demo

    在iOS开发中,UITableView是一种非常重要的视图组件,它用于展示列表或表格数据。当我们需要在应用中实现类似网格布局,既支持横向滚动也支持纵向滚动的效果时,通常需要对UITableView进行自定义。"IOS-横向-...

    ios-TableView-悬停.zip

    3. UITableViewDataSource:实现数据源协议方法,如numberOfSectionsInTableView和tableView(_:numberOfRowsInSection:)来指定表格的结构。 4. UITableViewDelegate:实现委托协议方法,如tableView(_:cellForRowAt:...

    ios-TableView-条件筛选.zip

    在“ios-TableView-条件筛选.zip”这个压缩包中,包含了一个名为“ExampleWithTableView”的示例项目,它展示了如何在UITableView中实现简单的条件筛选功能。这种功能在许多应用程序中都非常常见,例如在电商应用中...

    Qt中的tablewidget 通过分页方式加载大量数据

    在Qt编程中,TableWidget是常用的控件,用于展示表格数据。然而,当需要处理大量数据时,直接一次性加载到TableWidget可能导致界面卡顿,用户体验下降。为了解决这一问题,我们可以采用分页加载的方式,将数据分批次...

    Android-TableView一个像网页上的表格的一个自定义控件

    本主题关注的是"Android-TableView",这是一个专为Android设计的自定义控件,它模仿了网页中的表格样式,提供了灵活的数据展示方式。在Android原生库中,虽然有ListView和GridView等组件可以实现部分表格功能,但...

    TableView-TextField-1.zip

    在iOS开发中,UITableView是一种常见的UI组件,用于展示列表数据。然而,在实际应用中,我们经常需要在TableView的Cell中嵌入UITextField,以便用户能够输入信息。标题"TableView-TextField-1.zip"所对应的资源可能...

    jquery 两个表格数据行交换数据

    本文将深入探讨如何使用jQuery实现两个表格之间的数据行交换功能,这是一个常见的需求,特别是在用户界面设计中,用户可能需要重新排序或比较表格数据。 首先,让我们理解表格(TableView)的基本结构。在HTML中,...

    Qt Tableview显示数据

    在Qt框架中,`QTableView`是一个非常重要的组件,它用于显示二维表格数据,常用于数据的浏览和编辑。在本篇文章中,我们将深入探讨如何使用`QTableView`来显示数据,以及涉及到的相关知识点。 首先,`QTableView`是...

    Android之自制的分页表格控件

    Android本身并没有直接提供表格这个控件,一般可以用GridView来实现比较简单,但是每个数据显示的长宽会一样。当然,也可以用ListView来实现,这个灵活定义每个数据显示的长宽。还有一种,是采用布局TableLayout来...

    tableView-headerView拉伸

    在iOS开发中,UITableView是展示数据列表的一种常见控件,用户可以滚动查看多个行项目。在UITableView中,除了普通的cell,还有一个特殊的部分叫做HeaderInSection,它位于每个section的顶部,通常用于显示该section...

    tableview表格的折叠

    在iOS开发中,UITableView是一种非常常见且强大的控件,用于展示列表或表格数据。"tableview表格的折叠"这一主题涉及到如何实现一个可扩展和收缩的表格视图,让用户能够根据需要查看或隐藏某些行。这通常在层级结构...

    js轻量级 列表、分页框架

    在网页开发中, 常常需要一个表格与列表相结合的控件, 即能像表格(table)一样显示丰富的信息, 又能像列表选择控件(select)一样方便地选择数据. 在桌面应用程序开发中, 许多GUI库都提供了类似的控件, 如.Net的ListView...

Global site tag (gtag.js) - Google Analytics