論壇 | 最新的Web開發教程
 

ExtJS的教程



基本介紹

ExtJS的代表擴展JavaScript的,是一個JavaScript框架,它是基於YUI煎茶的產品(Yahoo user interface) 。它基本上是一個桌面應用程序開發平台,擁有現代化的UI。 本教程給出的Ext JS的完整理解。 該參考將引導您完成簡單而實用的方法,同時學習的Ext JS。


聽眾

本教程已經準備了新手幫助他們了解的Ext JS的概念來構建動態的Web用戶界面。


先決條件

對於本教程,讀者應該具備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>