课程表

Ext.js课程

工具箱
速查手册

Ext.js教程

当前位置:免费教程 » JS/JS库/框架 » Ext.js

ExtJS代表扩展JavaScript,是基于YUI(Yahoo用户界面)的sencha的JavaScript框架和产品。

Extjs表格控件功能丰富、界面美观、轻量级的实现,都是人们对其趋之若鹜的理由。

究竟Extjs能实现多少不可思议的功能,就让我们一起来学习一下教程里面的内容。

开始学习Extjs!

基本介绍

ExtJS代表扩展JavaScript,是基于YUI(Yahoo用户界面)的sencha的JavaScript框架和产品。它是一个具有现代UI的桌面应用程序开发平台。

适用人群

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

学习前提

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

执行ExtJS Online

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

请尝试以下示例

<!DOCTYPE html>
<html>
   <head>
      <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
      <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/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>

立即尝试

转载本站内容时,请务必注明来自W3xue。
部分原创内容未经授权禁止转载,违者必究。