Ext学习

Ext学习-前后交互模式介绍

在前后台交互模式的介绍中,实际上就是Store中Proxy相关的内容,比如Ajax提交. 所以详细的文档请参考: Ext学习-基础概念,核心思想介绍中关于数据模型和MVC结构部分. 作者:sdjnzqr 出处:http://www.cnblogs.com/sdjnzqr/ 版权:本文版权归作者和博客园共有转载:欢迎转载,但未经作者同意,必须保留此段声明:必须在文章中给出原文连接:否则必究法律责任…

Ext学习-基础组件介绍

1.目标学习对象获取,组件基础,事件模型以及学习ExtJS中的基础组件的应用. 2.内容 1.对象获取 2.组件原理以及基础 3.事件模型 4.常用组件的介绍 3.学习步骤 1.在学习具体的组件之前,首先来看一下组件如何获取参考文档:http://www.cnblogs.com/animal/archive/2012/04/04/2431580.html 2.组件原理以及基础介绍: 参考文档:http://docs.sencha.com/extjs/4.2.…

Ext学习-基础概念，核心思想介绍

1.目标本阶段的目标是通过学习一些基础知识来对EXTJS有个整体的了解,知道EXTJS的基础语法,核心设计思想等等 2.内容 1.基础部分学习 2.EXTJS类系统介绍 3.EXTJSMVC结构介绍 4.EXTJS数据模型介绍 3.学习流程 1.在学习之前,首先要对javaScript的基础要有个基础了解,如果不熟悉,请参考:javaScript基础之闭包 2[可选]学习了解一下EXTJS的一些常用功能:http://ziren.org/extjs/…

Ext学习-HelloWorld以及基础环境搭建

1.目的在eclipse中搭建EXTJS的基础环境,学习如何按照从官方下载的代码中搭建新的Extjs工程 2.主要包含内容: 1.ExtJS文件下载以及目录说明 2.ExtJS开发环境搭建 3.HelloWorld开发以及搭建 3.ExtJS文件下载以及目录说明 ext-4.2.1-gpl与ext-4.2.1-commercial的区别 ext-4.2.1-gpl:开源版本,使用GPL开源协议 ext-4.2.1-commercial:商业版本,收…

一.Ext对原有JavaScript对象的扩展 1.Ext.Array数组 2.Ext.Date日期 3.Ext.Function函数 4.Ext.Number数字 5.Ext.String字符串二.JSON全称是JavaScript Object Notation(JavaScript 对象符号).JSON是一种结构化的.轻量级的.完全独立于语言的.基于文本的的数据传输格式,在很多场合下用来替代XML文件格式.在表达相同的信息时,JSON比XML形成的文件更小.更便于机器解析. JSON格式…

EXT学习之——Ext两个js之间的传参

A 的js访问 B的js,并将A选择的guid的行传到 B的 js进行处理事项 A 的js 的写法var receiverFrom = new xxx.xxx子js方法体名 ({ parentCmp: _this, patientName: IN_ORG_ID: _this.grid.getSelectionModel().selected.items[0].raw.IN_ORG_ID,xx:123 }); receiverFrom.Show(); (function () { xxx.xx…

EXT学习之——获取下拉框combobox的值与显示名

//申请科室 var comboboxdept = new Ext.form.ComboBox({ xtype: "combobox", name: "Gender", fieldLabel: "申请科室", columnWidth: .271, labelAlign: 'right', labelWidth: 60, id: this.namespace + '_deptCombo', store: deptStore, editable: f…

EXT学习之——Ext下拉框绑定以及级联写法

/*******步骤有四个,缺一不可*********/ function () {xxxxxx = Ext.extend(construct, {InitControl: function () { var _this = this; /*****************步骤一:建数据store ******************/ //一级下拉框数据(此处注意,一定要把store写在combobox控件定义的前面,否则无法加载数据) var moduleStore = new Ext.da…

Ext学习-高级组件介绍

在这一部分的学习中,主要是学习一些比较特殊的组件. 1.图表 2.日历 3.颜色,日期,时间的选择器 4.滑动条 5.各种工具类参考文档:http://docs.sencha.com/extjs/4.2.1/#!/api 作者:sdjnzqr 出处:http://www.cnblogs.com/sdjnzqr/ 版权:本文版权归作者和博客园共有转载:欢迎转载,但未经作者同意,必须保留此段声明:必须在文章中给出原文连接:否则必究法律责任…

Ext学习-布局介绍

1.目标了解ExtJS中的关于布局和组建的相关原理,并学习相关的布局方式 2.内容 1.布局和组件的相关原理 2.常见的布局方式 3.学习流程 1.首先应该学习一下布局和组件的相关知识. 推荐文章: http://docs.sencha.com/extjs/4.2.1/#!/guide/layouts_and_containers http://docs.sencha.com/extjs/4.2.1/#!/guide/components …

Ext学习系列（1）初识Ext

Ext 基础页设置: <html> <head>  <!-- 应一句俗话:“用了UTF-8,走遍天下都不怕”,意思是说UTF是一种囊括了世界多种语言的编码标准,无论客户终端,各平台架构都可放心地使用.这样,就要统一页面和数据交换的字符本身都是UTF-8…

Ext学习之路——Ext.define

Ext.define('My.awesome.Class', { someProperty: 'something', someMethod: function() { alert(s + this.someProperty); } ... });…

Ext学习之路——Ext.application

Ext.application({ name: 'MyApp', launch: function() { Ext.create('Ext.container.Viewport', { items: { html: 'My App' } }); } });…

EXT学习之——EXT下拉框默认绑定第一个值

//默认第一个下拉框绑定值if (this.moduleCombo.store.getAt(0) != undefined) { this.moduleCombo.setValue(this.moduleCombo.store.getAt(0).get('ID')); }…

EXT学习之——Ext下拉框绑定无效的问题

1.保证store定义是否在combobox前面 2.有没写 .load 3.有没赋值 xxstore:xxstore 具体看详细步骤 http://www.cnblogs.com/wdw31210/p/6068767.html…

EXT学习之——Extjs 文本框 TextField 添加点击（onclick）事件方法

{ xtype:'textfield', listeners: { render: function(p) { // Append the Panel to the click handler's argument list. p.getEl().on('click', function(p){ //处理点击事件代码 }); }, }…

Ext JS学习第五天我们所熟悉的javascript（四）

此文用来记录学习笔记: •javascript之对象.面向对象 •可能对于高级语言你可能了解甚至精通OOP面向对象,那么对于javascript你又熟悉多少呢?我们一起来学习javascript面向对象,这样非常有帮助我们理解Ext的基础架构,Ext本身就是一个JS面向对象的框架. •使用json对象(JavaScript Object Notation) –JS对象的特性 –对于js来说json对象非常的重要,我们要学会如何操作json对象 •面向对象的概念 –如何定义一个类.如何实例化对象.…

EXTJS学习笔记

由于公司统一决策,决定使用EXTJS作为前台的开发UI框架,所以从今天开始学习EXTJS,对学习过程中遇到的问题做记录. 首先第一个问题:为什么要用ExtJS作为公司开发基础架构? 推荐一篇文章:莫人云亦云,莫走弯路!正确认识ExtJs4 第二个问题:ExtJS是个什么样的框架? 推荐文章:ExtJS4.2学习(1)--初识ExtJS 相信有了这两篇文章之后,对EXTJS有了一个初步的了解了,现在开始我们自己的学习. 1.使用版本:EXTJS-4.2.1-gpl 2.学习流程参考文档…

extjs文件上传

EXT学习教程:http://www.cnblogs.com/iamlilinfeng/category/385121.html Ext文件上传: 例子用到的jar: 1.upload.js /* case of upload */ Ext.onReady(function(){ //初始化标签中的Ext:Qtip属性. Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; /* var imageBox = n…

【Ext.Net学习笔记】06：Ext.Net GridPanel的用法（GridPanel 折叠/展开行、GridPanel Selection、可编辑的GridPanel）

GridPanel 折叠/展开行 Ext.Net GridPanel的行支持折叠/展开功能,这个功能个人觉得还说很有用处的,尤其是数据中包含图片等内容的时候. 下面来看看效果: 使用行折叠/展开功能之后,在Ext.Net GridPanel的行头会出现一个展开图标,点击图标以后能够将这一行展开: 使用XTemplate实现行折叠/展开这是最简单的一种实现,在上一篇文章:[Ext.Net学习笔记]05:Ext.Net GridPanel的用法(包含Filter.Sorter.Grouping.汇…

【Ext.Net学习笔记】05：Ext.Net GridPanel的用法（包含Filter、Sorter、Grouping、汇总(Summary)的用法）

GridPanel是用来显示数据的表格,与ASP.NET中的GridView类似. GridPanel用法直接看代码: <ext:GridPanel runat="server" ID="grid" ColumnLines="true" Width="500" Height="200"> <Store> <ext:Store runat="server"…

【Ext.Net学习笔记】04：Ext.Net中使用数据、Ext.Net Store的用法、Ext.Net ComboBox用法

之前的几篇文章都是介绍Ext.Net较为基础的东西,今天的这一篇将介绍数据的一些用法,包括XTemplate绑定数据.Store(Modal.Proxy).ComboBox的用法等. XTemplate绑定数据 XTemplate是个模板,当我们为一个XTemplate绑定数据之后,将会按照模板的预定格式进行显示. <ext:Window runat="server" ID="win1" Title="XTemplates用法" Width…

【Ext.Net学习笔记】03：Ext.Net DirectEvents用法详解、DirectMethods用法详解

Ext.Net通过DirectEvents进行服务器端异步的事件处理.[Ext.Net学习笔记]02:Ext.Net用法概览.Ext.Net MessageBus用法.Ext.Net布局中已经简单的介绍了DirectEvents,今天将详细的介绍一下DirectEvents. DirectEvents异步执行服务器端事件我们首先来看一下Ext.Net DirectEvents的一个最简单用法,通过点击按钮触发服务器端的事件处理方法,并在前台弹出一个提示框. <ext:Window runat…

【Ext.Net学习笔记】02：Ext.Net用法概览、Ext.Net MessageBus用法、Ext.Net布局

Ext.Net用法概览 Ext.Net还是很强大,如果运用熟练可以极大的提高编程效率.如果你也要学习Ext.Net,原文博主推荐书籍:<Ext.Net Web 应用程序开发教程>,是英文的,有基础的可以看下,可以百度到PDF文档的. Ext.Net与ExtJS代码比较上一篇中我们创建了一个使用Ext.Net创建了一个window窗口,代码非常简单: <ext:Window runat="server" ID="win" Title="示…

【Ext.Net学习笔记】01：在ASP.NET WebForm中使用Ext.Net

Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite. 下载地址:http://www.ext.net/download/示例地址:http://examples.ext.net/ 1.首先下载Ext.Net,地址:http://www.ext.net/download/ ,有两种框架选择,选择下载WebForms 当前版本是2.5.1,压缩包里面包含了不同版本,分别用在相应.…

【Ext学习】的更多相关文章