上一篇:没有了 下一篇:Ext.js概述

ExtJS教程

Ext.js教程

ExtJS教程

基本介绍

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

适合人员

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

学习提醒

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

在线执行ExtJS

对于本教程中给出的大多数示例,您将找到Try it选项,因此只需使用此选项即可执行您的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="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.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>

Copyright © 2002-2017 vue5.com 版权所有

Top