Ext入门学习系列（二）弹出窗体

【Ext入门学习系列（二）弹出窗体】的更多相关文章

Ext入门学习系列（二）弹出窗体

第二章弹出窗体上节学习了Ext的环境搭建和最基本的一个操作——弹出对话框,作为一个引子,本节讲述如何弹出一个新窗体,从实例讲解Ext的基本运行原理. 一.Ext的窗体长什么样? 先来看看几个效果,相信随着学习的深入,大家会被Ext的绚丽所征服.下面就是Ext弹出的几个基本窗体: 我们可以发现弹出的2个窗体比我们传统的网页漂亮多了,同时更有价值的是还能随意切换风格.那么类似于这种窗体到底是怎么弹出的呢? 二.Ext弹出窗体思路在环境搭建正确的情况下,页面中引入也正确,就可以按照以下思路进行编…

Ext入门学习系列（三）复杂自定义窗体

通过前2节的学习,基本掌握了Ext的语法和运行原理,可以作出一些简单的应用.本节我们一起来完成复杂点的对话框操作,因为在实际项目中经常要用到确认对话框等多种操作,然后根据客户的选择作出不同的响应. 一.常见的复杂对话框常见的复杂点的确认对话框有这么几种,如下图: 效果一:选择确认效果二:反馈对话框效果三:多行文本反馈确认效果四:多按钮选择效果五:进度条二.Ext弹出窗体思路效果一如上图效果一,是一个很简单的选择确认对话框,弹出的思路也比较简单,和传统的JS一样使用的是Confir…

Ext入门学习系列（四）面板控件

第四章使用面板上节学习了Ext复杂对话框,更进一步了解了Ext的运行机制.本章重点来了解Ext所有控件的基础——面板控件. 一.Ext的面板是什么? 同样先来看看几个效果: 基本面板,点击右上角小三角可以折叠成如下效果: 当然,面板的内容或功能还可以扩充,比如在内容的上面加上一些常用操作按钮,效果如: 当然还能在右上角显示常规按钮,如: 如果是一个应用型系统,用户习惯于在主区域操作,然后在面板下面找按钮,这样就需要如下效果: 同时也可以为每个按钮添加处理事件,比如点击保存就执行一些提交操作之…

Ext入门学习系列（五）表格控件（3）

上节学习了Ext中如何绑定服务器端传递的数据.分别用asp.net和asp.net MVC.PHP.XML为例.本节主要介绍绑定之后的分页功能. 一.Ext的表格控件如何绑定? 分页是Ext自带的一个工具条功能,需要此功能时,可以打开设置相应的参数即可,后台查询数据的方式和传统方式相同,可以使用分页SQL,也可以使用分页存储过程,将查询到的数据以json的形式输出即可. 附:json格式示例: {"data":[{"Id":1,"Name":&q…

Ext入门学习系列（五）表格控件（2）

上节学习了Ext中表格控件,从创建,到定义数据源.绑定显示,大体明白了一个基本的表格控件是怎么实现的.而我们用表格控件多用于从各种数据源接收数据并显示出来,并不是写死的.本章我们就不同数据源的不同实现方式分别举例说明. 一.Ext的表格控件如何绑定? 1. XML数据源假设我们有一个数据源是以XML的形式存在的,我们需要从里面取出数据并绑定在界面.XML的结构如下: <students> <stu> <age>15</age> <name>…

Ext入门学习系列（五）表格控件（1）

上节学习了Ext面板控件,为后面的各个控件学习奠定基础,在此基础上本章将学习网络开发最期待的功能——表格控件. 我们都知道网络编程语言中,除了.net其他的基本没有提供网格控件,而最近的asp.net mvc也不倡议使用传统的服务器控件,绑定数据需要自己拼表格,所以兼容各种语言的表格控件就变得流行起来. 本章我们主要学习: 如何定义一个网格控件: 如何绑定网格控件: 一.Ext的表格控件是什么? 同样先来看看几个效果: 这个是最基本的表格,Ext中的表格最基本的功能就是按列排序,按列筛选,定制列…