`
dayone
  • 浏览: 366240 次
  • 性别: Icon_minigender_1
  • 来自: xian
社区版块
存档分类
最新评论

学习ExtJs

阅读更多

@布局

 

@grid

 

@验证(日期,文本,图片格式)

 

@Ext.grid.ColumnModel //列模型

 

@Ext.data.Record.create //

 

@var store = new Ext.data.JsonStore

 

@Ext.form.TextField //文本

 

@Ext.PagingToolbar //页脚

 

@Ext.grid.EditorGridPanel //可编辑的Grid

 

@Ext.form.ComboBox //下拉框(级联操作有两种方式:从新load子选框的数据或采用过滤方式)

 

@Ext.FormPanel //form表单(布局需要注意,不是很好控制)

 

@Ext.Window //窗体

 

@panel: //可以随意定制一个panel,然后放置到window或其它元件的item中

var chats = {
      xtype:'panel',
      name: 'charts',
      html:'<iframe   frameborder="0" width="700" height="100%" src="chart.jsp"></iframe>',
      width:700,   
      height:360
 };

 

>>布局的调整

>>grid的自适应问题

>>数据验证

>>导出excel

>>生成统计图表

>>ComboBox 级联问题

>>图片预览

>>上传附件

===========备忘==========

Ext.form.TextField属性及方法

var idField5 = new Ext.form.TextField({
		//fieldLabel:'',//去掉label的文字
		hideLabel:true, //隐藏label,确切的是隐藏了":"(属性)
		hidden:true,    //隐藏文本框(属性)
		
		//disabled:true, //设置文本框为不可用,灰色显示
		//hideMode:"visibility", //visibility, as css 如何使用这个属性
		//readOnly:true, //readonly
		name:'id',
		allowBlank:true,
        anchor:'90%'
	});
	//idField5.hide(); //设置文本框为隐藏(方法)
	//idField5.setVisible(false); //设置文本框为不可见的,功能同上(方法)

 

分享到:
评论

相关推荐

    ExtJs 实例+ExtJs中文教程(学习extjs必备)

    学习ExtJs时,你应该首先了解其核心概念,如MVC架构、组件化思想,以及数据绑定机制。然后,通过阅读教程,逐步学习每个组件的使用方法,例如如何创建窗口(Window)、按钮(Button)、菜单(Menu)等。实践环节非常...

    一本学习EXTJS的书

    一本很好的ExtJs的数据 讲述了ExtJs的实例分析及源码展示!

    学习extjs4的极品资料,看它比看视频学得快

    #### 描述:前些时间学习extjs4,收集了网上质量高的文章,是学习extjs4的绝佳材料。 这段描述表明了资料的来源——作者在学习过程中搜集整理而成,并且特别指出了这些资料的质量较高,非常适合用来学习Extjs4。 ###...

    extjs指南是学习extjs不错的资料

    【ExtJS 指南】是一份非常有价值的资源,适合那些想要深入学习ExtJS的开发者。ExtJS是一个JavaScript框架,专门用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。通过利用Ajax技术,ExtJS能够在...

    ExtJS学习教程,帮你学习EXTJS

    ExtJS使用教程,可以帮助你认识ExtJS,学习ExtJS 的好帮手

    个人学习extjsweb

    个人学习extjsweb奉献给初学者Extjs4.0

    这是我学习Extjs3.0+asp.net所敲的示例希望有用

    在深入学习ExtJS 3.0和ASP.NET的结合应用时,你应该关注以下几个方面: 1. **组件使用**:了解并掌握ExtJS中的各种组件,如Panel、Grid、Form、Window等,理解它们的配置项和API。 2. **数据绑定**:学习如何使用...

    学习extJs文档

    ### 学习ExtJS文档知识点总结 #### 一、ExtJS概述 **1.1 ExtJS的特点** ExtJS是一款基于JavaScript的开源前端框架,它以其强大的功能和优秀的用户体验著称。与传统的JavaScript库相比,ExtJS更加注重为开发者提供...

    extjs 学习心得笔记

    在探讨《ExtJS学习心得笔记》这一主题时,我们不仅会深入理解ExtJS框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...

    一个很好的学习Extjs的例子

    一个很好的学习Extjs的例子,一个很好的学习Extjs的例子.

    extjs+实例+管理系统+学习extjs的好例子

    extjs+实例+管理系统+学习extjs的好例子

    extjs4学习文档

    首先,学习EXTJS4的第一步是获取EXTJS的开发资源。EXTJS的下载地址是http://extjs.org.cn/,在这里可以找到所需版本的发布包。EXTJS4.0.7是其中一个版本,解压后将其内容放入Web项目中,通常是Webroot目录下。 在...

    ext2.2学习extjs的好帮手

    学习ext的好帮手,在这里有学习extjs 的几乎所有的框架知识实例,对学习ext框架有很打的帮助。

    界面框架extjs学习笔记

    EXTJS in Action 是一本专为学习EXTJS编写的书籍,但这里我们主要关注学习笔记中的关键知识点。 首先,EXTJS的目录结构非常重要,因为它包含了所有必要的资源和源码: 1. `adapter`:这部分包含了适配器,用于将...

    Extjs实用教程入门学习Extjs

    ### Extjs实用教程入门学习详解 #### 极致解析Extjs框架的核心价值与应用场景 **Extjs**,作为一款杰出的Ajax框架,以其强大的功能和灵活性,在Web开发领域占据了一席之地。它不仅能够帮助开发者构建出具备华丽...

    EXtJS学习 EXtJS学习

    EXTJS 学习:深入理解 `Ext.extend` 及其在继承中的陷阱 EXTJS 是一个强大的 JavaScript 框架,用于构建富客户端应用程序。它提供了丰富的组件库和强大的数据绑定机制。在 EXTJS 中,`Ext.extend` 是核心的继承机制...

    ExtJs2.0学习系列

    学习ExtJS 2.0时,理解每个组件的功能和用法至关重要,同时掌握如何自定义组件以满足特定需求也是必要的。 二、数据绑定 在ExtJS 2.0中,数据绑定机制允许组件与数据源之间进行双向同步。这意味着当数据源发生变化...

    extJS的相关学习资料

    学习ExtJS的过程中,理解组件模型、事件系统、MVC架构,以及如何有效地组织代码结构是非常重要的。同时,不断实践和参考示例项目,可以加深对ExtJS特性的理解和运用。在实际开发中,还需要结合其他前端技术和后端...

    extjs 实例 管理系统 学习extjs的好例子

    extjs 管理系统 extjs 管理系统 extjs 管理系统 extjs 管理系统

Global site tag (gtag.js) - Google Analytics