Question

我想用extjs构建应用程序，我从sencha.com下载了GPL版本，在我的html文件中我有代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <link rel="stylesheet" type="text/css" href="../lib/extjs/build/resources/ext-watermark/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Test ExtJs version 6</title>     
    <script type="text/javascript" src="../lib/extjs/build/ext-all-debug.js"></script>
    <script type="text/javascript" src="../lib/extjs/build/ext-all.js"></script>
    <script type="text/javascript" src="testExtJsscript.js"></script>
</head>
<body>
    <h2>Test ExtJs</h2>
</body>
</html>

在我的testExtJsscript.js中我有代码：

function mess(){
 Ext.MessageBox.alert('info','Extjs4 est pret');
 }

 Ext.onReady(mess);

但结果就像在照片中一样

我认为问题是我没有正确的css文件，在所有文档中都有一个ext-all.css文件而我找不到它？

我试图安装sencha extjs的试用版，但提取不起作用，我达到42％，我有问题（CRS faild）* .png文件

感谢您的帮助

Answer 1

问题是您缺少css文件。但无论如何，你不应该自己编写包含css和js文件的html文件。你应该从一开始就使用Sencha Cmd，正如@Evan建议的那样。 http://docs.sencha.com/extjs/6.2.0/guides/getting_started/getting_started.html

Answer 2

最小的html应该是这样的：

<!DOCTYPE html>
<html>
    <head>
        <link  href="/ext/6.0.0/build/classic/theme-triton/resources/theme-triton-all.css" rel="stylesheet" />
        <script src="/ext/6.0.0/build/ext-all.js"></script>
        <script src="/ext/6.0.0/build/classic/theme-triton/theme-triton.js"></script>
    </head>
    <body>
        <script>
            Ext.onReady(function() {
                Ext.Msg.alert('Welcome', 'Hello, World!');
            });
        </script>
    </body>
</html>

请在此处查看我的在线演示：

ExtJS 6 Hello World Application

ExtJS 6 Hello World Application Using Ext Loader

ExtJS 6 "Hello World" Application - Modern Toolkit

ext-6 gpl你好世界

2 个答案: