最新的Web开发教程
 

Ext.js utorial



基本简介

ExtJS的主张扩展JavaScript的,是一个JavaScript框架,它是基于YUI(雅虎用户界面)煎茶的产品。它基本上是一个桌面应用程序开发平台,拥有现代化的用户界面。 本教程给出的Ext JS的完整理解。 该参考将带你通过简单实用的办法,同时学习的Ext JS。


听众

本教程已经准备了新手帮助他们了解的Ext JS的概念来构建动态的Web用户界面。


先决条件

对于本教程,读者应该具​​备HTML,CSS和JavaScript编码的先验知识。 如果读者知道面向对象编程的概念,对创建Web应用程序的总体思路,将很有帮助。


执行ExtJS的在线

对于大多数在本教程中所举的例子,你会发现试试看的选项,所以只要使用此选项在现场执行你的ExtJS的程序,并享受你的学习。

尝试使用试试看可在下面的示例代码框的右上角的选项下面的例子-

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