ExtJS hello World

最新推荐文章于 2024-07-03 23:24:06 发布

生财

最新推荐文章于 2024-07-03 23:24:06 发布

阅读量504

点赞数

文章标签： extjs stylesheet function html

本文链接：https://blog.csdn.net/daonidedie/article/details/4226715

版权

下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码：

 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>ExtJS</title>
 <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
 <script type="text/javascript" src="extjs/ext-all.js"></script>
 <script>
 Ext.onReady(function()
 {
 Ext.MessageBox.alert("hello","Hello,easyjf open source");
 });
 </script>
 </head>
 <body>
 </body>
 </html>

　　进一步，我们可以在页面上显示一个窗口，代码如下：

<script>
Ext.onReady(function()
{
var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source</h1>'});
win.show();
});
</script>

　　在浏览hello.html，即可得在屏幕上显示一个窗口

生财

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ExtJS hello World

下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码： http://www.w3.org/1999/xhtml" > ExtJS Ext.onReady(function() { Ext.MessageBox.alert("hello","Hello,easyjf open source"); }); 　　进一步，我们可以在页面上显示
复制链接

扫一扫