Forum | Neueste Web-Entwicklung Tutorials
 

ExtJS Tutorial



Allgemeine Grundlagen

ExtJS für Extended JavaScript steht, ist ein JavaScript - Framework und Produkt von Sencha , die auf YUI basieren (Yahoo user interface) .Es ist im Grunde eine Desktop - Anwendung Entwicklungsplattform mit modernen UI. Dieses Tutorial gibt ein vollständiges Verständnis von Ext JS. Diese Referenz wird Dich durch einfachen und praktischen Ansatz während Ext JS lernen.


Publikum

Dieses Tutorial ist für Anfänger bereit, sie zu helfen, die Konzepte von Ext JS zu verstehen dynamischen Web-UI zu bauen.


Voraussetzungen

Für dieses Tutorial sollte der Leser eine vorherige Kenntnis von HTML, CSS und JavaScript-Codierung. Es wäre hilfreich, wenn die Leser Konzepte der objektorientierten Programmierung weiß und haben eine allgemeine Idee auf Web-Anwendungen zu erstellen.


Führen Sie ExtJS Online

Für die meisten der in diesem Tutorial angegebenen Beispiele finden Sie Try it Option, so dass nur von dieser Möglichkeit Gebrauch machen Ihre ExtJS Programme an Ort und Stelle durchführen und das Lernen genießen.

Versuchen Sie beispielsweise folgende using Try it Option in der oberen rechten Ecke des unter Beispiel - Code - Box -

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