extjs5備忘(1),extjs5備忘

來源:互聯網
上載者:User

extjs5備忘(1),extjs5備忘

Extjs5

1、 安裝便攜版的隨身碟appache伺服器。然後進入rootdir,清空目錄內容,放入自己的內容。

2、 Helloworld

Html:

Index.html如下:

<!DOCTYPE html>

<html>

   <head>

        <title>Welcome to ExtJS!</title>

       <link rel="stylesheet"type="text/css"href="ext/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">

       <script type="text/javascript"src="ext/build/ext-all.js"></script>

       <scripttype="text/javascript"src="ext/trial/5.0.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>

 

        <script type="text/javascript" src="app.js"></script>

   </head>

   <body></body>

</html>

Js:

本部落格所有內容是原創,如果轉載請註明來源http://blog.csdn.net/myhaspl/

app.js內容如下:

Ext.application({

   name   : 'MyApp',

 

   launch : function() {

 

       Ext.create('Ext.Panel', {

            renderTo     : Ext.getBody(),

            width        : 200,

            height       : 150,

            bodyPadding  : 5,

            title        : 'Hello World',

            html         : 'Hello <b>World</b>...'

        });

 

   }

});

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.