ext入门

为了搭建一个漂亮的数据处理界面,又不想依赖ui设计,小编我今天硬着头皮去看了敬畏已久的ext.js

像很多初学者一样,第一次看难免会一头雾水,但我还是硬着头皮的看了下来,好了,废话不多说,进入主题

首先,到官网下载ext,打开目录

build:压缩后Ext全部源码(分类存放)
examples:一些Extjs做出的效果示例
src:无压缩Ext全部的源码

打开build文件,下面有几个重要的文件

下面是ext主题,选择其中的任意一个进行编程,带thenme的是主题

导入相应的文件,开始进行编程吧

Ext.onReady(function(){     Ext.Msg.alert("HelloWorld");     })

好了一个简单的helloWorld编出来了,记得多看api

下一堂小海我就教大家如何看api

时间: 2024-10-10 01:08:34

ext入门的相关文章

Ext入门学习系列(二)弹出窗体

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

Ext入门学习系列(三)复杂自定义窗体

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

EXT入门学习

今天,对EXT做了一下初步的了解,了解了一些基本用的函数.窗体对象.表单.文本域.按钮,一些基本的函数我列了出来,写了个登陆的demo,是根据别人的例子模仿出来的,见谅哈. 基本函数 Ext.onReady();函数: ExtJS Application的入口,相当于java的main()函数 Ext.MessageBox.alert()函数:弹出对话框 窗体对象 var win = new Ext.Window({});创建一个新的Window窗体对象 title:"窗口":窗体的标

Ext JS 6学习文档–第1章–ExtJS入门指南

Ext JS 入门指南 前言 本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电子书 [Ext JS 6 By Example].这份资料在 PACKT 上卖 35.99 刀的,当然了万能的 google 还是帮我下载到了 PDF 文档.大概看了一下,讲的很详细,例子也比较简单,容易理解,现我准备利用工作之余翻译这份文档,为自己学习加深理解,也希望能帮助更多的人学习.

Ext JS 6 入门学习资料大全

现在 sencha touch已经升级为 Ext JS 6 了重新整理下资料 官方网站:https://www.sencha.com/ 在线文档:http://docs.sencha.com/extjs 官方论坛:http://www.sencha.com/forum/ 官方sdk下载页:https://www.sencha.com/products/extjs/evaluate/ 官方cmd下载页:https://www.sencha.com/products/extjs/cmd-downlo

Ext.js入门:常用组件与综合案例(七)

一:datefield简单示例 二:timefield简单示例 三:numberfield简单示例 四:FormPanel提交 datefield简单示例: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="Ext/resources/css/ext-all.css&

Ext.js入门:模板(三)

1.Ext.DomHelper简介2.Template语法使用简介3.Template简单应用4.Template中使用转换函数5.使用模板的自定义接口6.XTemplate应用7.复杂模板 1.Ext.DomHelper     处理DOM或模板(Templates)的实用类. 能以JavaScript较清晰地编写HTML片段(HTML fragments)或DOM. 如以下范例产生五个子元素的无须列表,追加到当前元素‘my-div’: 常用的方法: Template语法使用简介   在一些复

EXT.NET入门必读

Ext.Net是一个对ExtJS进行封装了的.net控件库,可以在ASP.NET WebForm和MVC中使用.从今天开始记录我的学习笔记,这是第一篇,今天学习了如何在WebForm中使用Ext.Net控件库. 下载Ext.Net 首先要去Ext.Net网站上下载Ext.Net,我先学习的是WebForm版: 当前版本是2.4.0,压缩包里面包含了不同版本,分别用在相应.net版本的程序中. 在项目中引用 要使用Ext.Net,首先创建一个WebForm程序,我们这里使用4.0版. 在引用管理器

Ext.js入门:Window对象与FormPanel(六)

一:Ext.Window类 二:Ext.Window类实例 三:Ext.FormPanel类 四:Ext.FormPanel类实例 1.类Ext.Window 包: Ext 定义的文件 Window.js 类全称: Ext.Window 继承自于: Ext.Panel 说明: 一种专用于程序中的“视窗”(window)的特殊面板.Window默认下是可拖动的draggable.浮动的窗体.窗体可以最大化到整个视图.恢复原来的大小,还可以最小化minimize.      Windows既可关联到