Extjs 教程

Loen

阅读(129.9k) 收藏赞(4)

多端阅读《Extjs 教程》:

在PC/MAC上查看：下载w3cschool客户端，进入客户端后通过搜索当前教程手册的名称并下载，就可以查看当前离线教程文档。下载Extjs 教程离线版客户端
在手机APP上查看：请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端，在App中搜索当前教程手册的名称查看。下载w3cschool手机App端
在手机上查看文档：https://m.w3cschool.cn/extjs/

手册简介:

Extjs表格控件功能丰富、界面美观、轻量级的实现，都是人们对其趋之若鹜的理由，究竟Extjs能实现多少不可思议的功能，就让我们一起来学习一下教程里面的内容。

手册说明:

基本介绍

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

适用人群

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

学习前提

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

执行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>