`
wb1991wb
  • 浏览: 156691 次
  • 来自: 上海
社区版块
存档分类
最新评论

【叨、校长】TetrisGrid:基于ExtJs Grid实现的一个俄罗斯方块

阅读更多

TetrisGrid--Master、Dao

源码下载
本实例基于ExtJs、GridPanel组件开发!Ext的Grid的功能、是史无前例的强大、这是无可厚非的!而现在、Master带领你们领略Grid另一个强大功能!没错、它就是TetrisGrid!

Tetris大家都玩过吧!经典中的经典!当你在ExtJs的GridPanel中植入这已游戏的、你是什么心情?绝对的震惊!
以上言论纯属瞎扯、不喜勿喷!仅以此作供大家了解Grid的功能,娱乐之作!
UI小子前端社区、期待你的加入

说明:基于ExtJs3.X版本的GridPanel组件实现、通过对Store的增、删、改、查、渲染...功能的深入解析、使用...

(使用说明)
操作:键盘方向键:up:旋转、left:左移,right:右移

2
1
分享到:
评论
3 楼 urboat29 2014-01-18  
怎么没了下不了,求发邮箱1419335455@qq.com
2 楼 wb1991wb 2013-01-12  
玉狻猊 写道
Grid panel 做此类开发,我深深的佩服。

 
1 楼 玉狻猊 2013-01-12  
Grid panel 做此类开发,我深深的佩服。

相关推荐

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    EXTJS grid导出EXCEL文件

    EXTJS是一个基于JavaScript的用户界面库,用于构建富客户端应用程序,特别是Web应用。在EXTJS中,Grid组件是一个强大的数据展示工具,它允许用户以表格形式查看和操作大量数据。在EXTJS 3.2.0版本中,Grid提供了一个...

    ExtJs:收集基于ExtJs扩展的一些控件

    ExtJs 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。它提供了丰富的用户界面组件,如数据网格、表格、图表、窗体等,使得开发者能够创建功能丰富的、交互性强的前端应用。本压缩包文件中收集了基于...

    extjs grid数据导出excel文件

    具体实现时,开发者可能会在EXTJS的事件处理器中添加导出功能,例如在Grid的工具栏上添加一个“导出”按钮,当点击该按钮时触发数据导出的函数。这个函数会按照上述步骤操作,最终生成一个可供下载的Excel文件。 在...

    extjs grid

    EXTJS Grid是EXTJS库中的一个核心组件,用于创建数据密集型的表格视图,它在Web应用程序中常用于展示和操作大量结构化数据。EXTJS Grid提供了丰富的功能,包括分页、排序、过滤、编辑等,使得用户可以高效地管理和...

    资料:包括extjs2.0源码

    4. **Grid组件**:EXTJS 2.0的Grid组件是其一大亮点,支持分页、排序、过滤和拖放功能,可处理大量数据并提供高效的显示效果。源码分析有助于理解其背后的性能优化策略。 5. **表单元素**:EXTJS 2.0提供了丰富的...

    ExtJs grid多选时获取选中的所有值

    其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个组件之一,用于展示表格数据。在实际业务场景中,经常需要支持用户对表格中的多行数据进行选择,并执行批量操作,如删除、编辑等。因此,掌握如何在ExtJs Grid中...

    extjs grid示例代码

    ExtJS Grid是Sencha ExtJS框架中的一个核心组件,它用于构建数据驱动的表格视图。Grid组件在Web应用中广泛使用,因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析...

    ExtJs Grid选择行

    在上面的代码中,我们创建了一个Grid,并监听了`select`事件。当用户选择行时,事件处理器会接收到当前选中的记录(如果有的话),并进行相应的处理。如果没有选择行,`records`参数将为空数组,此时返回`false`。 ...

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据网格(Grid)等,使得开发者能够创建交互性极强的数据展示和管理界面。这篇“ExtJS笔记——Grid...

    ExtJS_grid.rar_Grid javascript_extjs grid

    - **Grid Panel**:是ExtJS中的一个核心组件,用于显示二维数据,可以进行排序、筛选、分页等操作。 - **Store**:存储Grid的数据,可以是从服务器获取的JSON、XML或Array格式的数据,也可以是本地数据。 - **...

    基于EXTJS 的在线EXCEL编辑器

    EXTJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。它提供了一整套组件化的用户界面元素和丰富的交互功能。基于EXTJS 的在线EXCEL编辑器,是利用EXTJS的强大功能来实现对Excel文件的在线创建、...

    EXTJS Grid总结例子

    EXTJS Grid是一款强大的数据展示组件,广泛应用于Web应用开发中,尤其在数据密集型界面设计时,EXTJS Grid以其...对于EXTJS初学者来说,这是一个很好的实践平台,而对于有经验的开发者,这则是一份有价值的参考资料。

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    Extjs grid 中文排序问题修正

    EXTJS Grid的排序功能是基于其内部的Store对象实现的,Store中的每条记录都有一个对应的sortField和sortDir属性,用于记录当前的排序字段和排序方向。当你点击列头进行排序时,Grid会调用Store的sort方法,根据指定...

    Extjs Grid 扩展实例

    "Extjs Grid 扩展实例"是一个演示如何增强Grid功能的实践案例,通过这个实例,我们可以学习到如何在原有Grid的基础上进行自定义扩展,实现更复杂的数据管理和用户交互。 首先,"extend"在编程中通常意味着类的继承...

    Extjs动态GRID

    EXTJS Grid的数据通常来源于Store,一个数据缓存对象。Store可以与各种数据源(如JSON、XML、CSV等)进行绑定,并且支持异步加载和分页。当数据源发生变化时,Grid会自动更新,实现数据的实时反映。 7. 动态框...

    extjs grid 多表头插件

    多表头插件是ExtJS Grid的一个重要特性,它允许我们创建具有多层次、复杂结构的表头,以便更好地组织和呈现数据。在ExtJS Grid中,多表头能够帮助用户更清晰地理解列的分组和关系,提高数据的可读性和分析性。 首先...

    ExtJS GRID单元格合并

    Grid由一系列行(rows)和列(columns)组成,每个单元格(cell)对应一个特定的数据值。在实现单元格合并时,我们需要关注的是`column`配置和`viewConfig`设置。 在创建Grid时,我们通常定义列模型(column model...

    Extjs grid分页1

    在本文中,我们将深入探讨ExtJS Grid的分页功能及其实现方式。 首先,ExtJS Grid是一种强大的JavaScript组件,用于在Web应用中创建数据网格。它支持各种特性,如排序、过滤、分组、分页等。分页功能特别适用于处理...

Global site tag (gtag.js) - Google Analytics