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