extJs学习基础3 ajax与php交互】的更多相关文章

extJs代码: <script src="build/ext-all.js"></script> <script src="build/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> <link rel="stylesheet" href="build/packages/ext-theme-crisp/bui…
今天很是幸运,看到了一位大神的博客,学习了不少的东西.太感谢了.(满满的都是爱啊) 建议去学习这个大神的博客,真心不错. 博客地址:http://blog.csdn.net/column/details/extjs5.html?&page=1 首先要建立一个简单的项目,我是使用的 Sencha Architect 3自动生成的 app下面的文件 在视图文件中建立 MyViwepost.js (view文件中) Ext.define('MyApp.view.MyViewport', { exten…
显示和隐藏 所有的组件都是在show和hide方法中构造的.用来隐藏组件的默认的css方法是“display:none”但是通过hidemode配置的时候就有所变化了: Ext.onReady(function(){ var panel = Ext.create('Ext.panel.Panel',{ renderTo: Ext.getBody(), title: 'Test', html: 'Test panel', hideMode: 'visibility' //设置css显示 }); p…
Viewport: 一个专门的容器用于可视应用领域(浏览器窗口). Viewport渲染自身到网页的documet body区域, 并自动将自己调整到适合浏览器窗口的大小,在窗口大小发生改变时自动适应大小. 一个页面中只能创建一个Viewport. 任何的Container容器都可以作为一个Viewport 的子组件,开发者使用一个Viewport作为父容器配置布局layout, 并管理他们的大小和位置. Container: 任何可能包含其它Ext.Component组件的基类,默认是没有大小…
Ext.onReady(function(){ //案例一 /* var countries = ['Vietnam', 'Singapore', 'United States', 'Russia']; Ext.Array.each(countries, function(name, index, countriesItSelf){ console.log(name); if(name == 'Vietnam'){ return false; //停止循环 } }); */ //案例二 var…
一个登陆界面: Ext.onReady(function(){ Ext.define('Login', { //renderTo: Ext.getBody(), extend: 'Ext.window.Window', closable: false, resizable : false, modal: true, //draggable: false, autoShow: true, title: '用户登录---OA办公系统', items:[{ xtype:'form',//父窗体 ref…
<AJax - Async Javascript and xml - 异步的JavaScript和XML> 一.基础认识 AJax技术的目的:实现页面无刷新数据动态更改 优点:  + 不需要插件支持 + 提供WEB程序的功能 + 优秀的用户体验 + 减轻服务器带宽的负担 缺点: + 破坏浏览器的前进与后退 + 搜索引擎SEO的支持性不好 二.代码示例 学习后编写的一个很基础的Ajax函数,帮助自己更好的掌握Ajax /* * method => Ajax请求所采用的方法,GET或POST…
由于公司统一决策,决定使用EXTJS作为前台的开发UI框架,所以从今天开始学习EXTJS,对学习过程中遇到的问题做记录. 首先第一个问题:为什么要用ExtJS作为公司开发基础架构?   推荐一篇文章:莫人云亦云,莫走弯路!正确认识ExtJs4 第二个问题:ExtJS是个什么样的框架?   推荐文章:ExtJS4.2学习(1)--初识ExtJS   相信有了这两篇文章之后,对EXTJS有了一个初步的了解了,现在开始我们自己的学习. 1.使用版本:EXTJS-4.2.1-gpl 2.学习流程参考文档…
ExtJs学习小结LoginDemo 1.示例:(登录界面) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="../ext-js-4.2.1/res…
1.目标   本阶段的目标是通过学习一些基础知识来对EXTJS有个整体的了解,知道EXTJS的基础语法,核心设计思想等等 2.内容   1.基础部分学习   2.EXTJS类系统介绍   3.EXTJSMVC结构介绍   4.EXTJS数据模型介绍 3.学习流程           1.在学习之前,首先要对javaScript的基础要有个基础了解,如果不熟悉,请参考:javaScript基础之闭包   2[可选]学习了解一下EXTJS的一些常用功能:http://ziren.org/extjs/…