`
Djava.sohu.com
  • 浏览: 64510 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ExtJs 的学习历程-Grid篇(1)

阅读更多
一直在找一个功能强大的Grid,能够满足我在工作中的大部分需求。自从认识Ext Grid后,我就被深深住了,这不就是我要找的东西吗? 看了它的例子,就想着手用一下.但是,真正要将此控件用到工作中,还需要做许多处理,

于是我把工作分成几个阶段.
-------------------------------------
1. Grid显示
2. Grid编辑
3. Grid的综合应用
-------------------------------------
先为第一点 Grid显示列出以下需要实现的功能点:
  a. Grid应该能显示编号 (1..n)
  b. 列的格式应该可以设置,如对日期,数值类型,其它类型等的格式化
  c. Grid的竖向表格线好象没有,应该给它加上
  d. Grid列的宽度最好可以设置,最好按百分比,如 10%,25%等
  e. Grid显示分页功能总是要具备吧,最好有个导航条,
     可以选择跳到第几页,首页,末页什么的
  f. 最好可设置每页显示多少条记录.一般来说,整个应用需要每页显示的条数
     一股来说是固定的,特殊情况需要单独调整.
  g. 显示的性能起码要和现在直接用Table方式显示Grid差不了太多吧,否则客户会不满意.
  h. 还要支持列排序,应该实现后台排序才可以,前台排序没有什么用.
  i. Grid的高度最好可以随页面进行调整,因为一般来说,某种固定的页面,
     就几个固定的区域,所以希望Grid把剩下的空间占满.
  j. Grid的宽度应该可设置百分比,如 95%等.
  k. 列的显示位置最好可以调整.有些用户需要参照一些列,这些列如果间隔比较远
    ,就不好了.
  l. 最好在页面上也可以调整一下列的宽度,最好增加一个象Excel的双击列的边界区域
     来个自动调整宽度那就更好了.
  m. Grid还需要数据填充,用哪种格式呢?看书上说xml,json的格式都可以。
     以前在其它的控件里用过xml,当数据超过1万条之后,就有点慢了,那就用json好了.
     有时间的话,也可以做个例子,看看xml数据和json数据的加载到底性能能差多少.

  看看长长的Grid显示需要完成的功能列表, 心里想,一个Grid显示还真的挺复杂的, 需要实现这么多的外部功能. (待续)
分享到:
评论

相关推荐

    extjs 源码

    首先,EXTJS 3.0的核心库包含了大量的UI组件,如表格(Grid)、表单(Form)、树形视图(Tree)、菜单(Menu)、工具栏(Toolbar)等。这些组件都是基于EXTJS的组件模型构建的,具有高度可配置性和可扩展性。开发者...

    extjs精美主题

    2.0到5.0是EXTJS发展历程中的重要阶段,从2.0的初步成熟,到5.0的全面优化,EXTJS不断引入新特性,提升性能,并增强了移动设备的支持。例如,EXTJS 3.0引入了数据绑定和MVVM模式,4.0带来了布局管理的重大改进,5.0...

    ExtJS实用开发指南.pdf

    - **发展历程**:ExtJS最初基于YUI(Yahoo! UI Library)开发,由Jack Slocum创建。通过参考Java Swing等机制,ExtJS在UI界面设计和数据解析方面表现出色。 - **优势**: - 强大的组件库:提供丰富的UI组件,简化了...

    Extjs1.1中文教程

    1. **Grid(表格)**: ExtJS 1.1中的Grid组件允许开发者创建动态、可排序的表格,支持分页、编辑和过滤功能。 2. **Form(表单)**: 提供了各种表单元素如文本框、选择框、日期选择器等,并支持表单验证和数据绑定。...

    extjs 实用教程

    ### ExtJS实用教程知识点梳理 #### 一、ExtJS简介 **定义与特点:** - **定义:** ExtJS是一个用...通过上述知识点的学习和实践,开发者可以快速掌握ExtJS的核心功能并应用于实际项目中,提升Web应用程序的用户体验。

    extjs2.0源文件

    1. **Grid Panel**:EXTJS的网格面板是一个高度可定制的数据展示组件,可以用于显示大量结构化数据,并支持排序、分页和编辑功能。 2. **Form Panels**:表单面板提供了各种表单元素,如文本字段、复选框、下拉列表...

    extjs的api,以及两本入门图书

    这是一个较旧但依然有用的版本,对于学习历史版本的API和理解ExtJS的发展历程非常有帮助。解压后,你将找到以下几部分: 1. **src**:这是ExtJS的核心源码目录,包含了所有组件、类和函数的定义。通过阅读源码,...

    ExtJS 2.0实用教程

    1. **组件体系**:EXTJS的核心在于其强大的组件模型,包括窗口(Window)、面板(Panel)、表格(Grid)、表单(Form)、菜单(Menu)等。这些组件可以组合、嵌套,构建出复杂的用户界面。EXTJS 2.0进一步优化了组件...

    Extjs源码分析与开发实例宝典

    《Extjs源码分析与开发实例宝典》全面介绍了ExtJS的技术细节和开发实践,是学习和掌握ExtJS不可或缺的资源。通过对本书的深入阅读,开发者不仅可以理解ExtJS的工作原理,还能学会如何运用ExtJS构建高效、美观的Web...

    extjs 2.2 api 安装版

    虽然版本较旧,但许多基本概念和组件在后续版本中仍然适用,理解2.2可以帮助开发者更好地理解ExtJS的进化历程。 总的来说,ExtJS 2.2 API安装版是一个对前端开发者非常有用的工具,无论是在学习还是实际开发中,都...

    深入浅出extjs(第二版)书中实例源码.rar

    1. **ExtJS框架**:ExtJS是一个基于JavaScript的前端开发框架,主要用于构建富客户端应用程序。它提供了一套完整的UI组件库,包括表格、表单、树形视图、面板、窗口等,以及强大的数据绑定机制和布局管理器。 2. **...

    EXT-js-中文手册

    #### 1. EXT简介 - **定义与背景**:EXT是一款基于JavaScript的开源框架,它简化了Web应用程序的开发过程,特别是那些需要复杂用户界面的应用。EXT最初由Jack Slocum创建,并在之后的发展中逐渐成为了一款广泛使用的...

    Practical.Ext.JS.4.pdf

    接着,作者介绍了JavaScript框架的发展历程,包括jQuery、Prototype等,最后引出了Ext JS框架的特色和应用。 第二章“Overview of ExtJS4”为读者提供了一个Ext JS 4的概览,讨论了其特性,比如组件化结构、丰富的...

    Ext JS - JavaScript Library

    5. **Grid面板**:Grid面板是Ext JS中非常常用的组件,用于显示和编辑表格数据。它支持分页、排序、过滤、行选择等多种功能,是数据展示的重要工具。 6. **表单组件**:Ext JS 提供了丰富的表单组件,如文本框、...

    ext-4.0.7压缩包

    1. **组件化设计**:EXT的核心是其组件模型,允许开发者通过组合各种预定义的UI组件来创建复杂的用户界面。这些组件包括表格、树视图、表单、面板、窗口等,每个组件都有独立的生命周期和配置选项。 2. **数据绑定*...

    ext文档+资料集合

    用户可以通过这个文档快速了解EXT JS的基本结构,如Grid面板、Form表单、Tree视图等,并学习如何创建和配置这些组件。同时,中文文档对于中国开发者来说是非常实用的,能够帮助他们更顺畅地理解和使用EXT JS。 ...

    ext-3.0.0框架(带Demo)

    1. **EXTJS组件库**:EXT 3.0.0包含了大量的UI组件,如表格(Grid)、树形视图(Tree)、面板(Panel)、表单(Form)、菜单(Menu)、工具栏(Toolbar)等。这些组件都经过精心设计,具备高度可定制性和可扩展性,...

    asp.net ext 中文手册

    ### ASP.NET Ext中文手册知识点概览 #### 1. ASP.NET Ext 组件的建立与内部代码解析 ASP.NET Ext 是一款强大的服务器端框架与...这些资料有助于开发者全面了解EXT的发展历程和技术生态,为进阶学习打下坚实基础。

Global site tag (gtag.js) - Google Analytics