下载APP 随时随地学编程
返回 首页

Extjs 教程

开始阅读
手册说明:


基本介绍

ExtJS代表扩展JavaScript,是基于YUI(Yahoo用户界面)的sencha的JavaScript框架和产品。它基本上是一个具有现代UI的桌面应用程序开发平台。本教程完全理解Ext JS。 这个参考将带你通过简单和实用的方法,同时学习Ext JS。

适用人群

本教程为初学者准备,帮助他们了解Ext JS的概念,以构建动态Web UI。

学习前提

对于本教程,读者应该具有HTML,CSS和JavaScript编码的先验知识。 如果读者知道面向对象编程的概念并且具有创建web应用程序的一般想法将是有帮助的。

测试您是否已经具备HTML,CSS和JavaScript编程的知识:点击开始测试

执行ExtJS Online

对于本教程中给出的大多数示例,您会发现尝试选项,因此只需使用此选项即可在现场执行ExtJS程序,并享受您的学习。

请尝试以下示例,使用下面示例代码框右上角的 Try it 选项 -

<!DOCTYPE html>
<html>
   <head>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
      <script type="text/javascript" src="/attachments/tuploads/extjs/ext-all.js"></script>
      <script type="text/javascript">
         Ext.onReady(function() {
         Ext.create('Ext.Panel', {
            renderTo: 'helloWorldPanel',
            height: 100,
            width: 200,
            title: 'Hello world',
            html: 'First Ext JS Hello World Program'
            });
         });
      </script>
   </head>
   <body>
      <div id="helloWorldPanel"></div>
   </body>
</html>

您在学习Extjs课程之外还能够在W3Cschool学习:

《HTML教程》

《CSS教程》

《JavaScript》

《php教程》

目录

Ext.js 教程

Ext.js 概述
Ext.js 环境设置
Ext.js 命名约定
Ext.js 架构
Ext.js 第一个程序
Ext.js Class 系统
Ext.js 集装箱
Ext.js 布局
Ext.js 组件
Ext.js 拖放
Ext.js 主题
Ext.js 自定义事件和监听器
Ext.js 数据
Ext.js 字体
Ext.js 风格
Ext.js 图像
Ext.js 本地化
Ext.js 可访问性
Ext.js 调试代码
Ext.js 方法

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }