我正在尝试使用 ExtJS 5。我需要知道哪些文件需要从 EXT 包导入到 JSP/HTML 页面中。
3 回答
<link rel="stylesheet" type="text/css" href="http : //yourdomainorlocalhost/ext-5.0.0/build/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all .css">
<script type="text/javascript" src="http:// yourdomainorlocalhost /ext-5.0.0/build/bootstrap.js"></script>
我将为您的问题提供 2 个答案:如果您使用 Sencha Cmd 及其提供的引导程序来生成您的应用程序,那么对于 Sencha 主题指南中的基本应用程序,您的 index.html 可能看起来像以下一样简单:(因为所有工作由 microloader 完成,您在 index.html 中提到的所有文件现在都位于名为 app.json 的文件中。) http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>ThemeDemoApp</title>
<!-- The line below must be kept intact for Sencha Cmd to build your application -->
<script id="microloader" type="text/javascript" src="bootstrap.js"></script>
</head>
<body></body>
</html>
第二个应用程序是一个基本的 Hello World,在您的应用程序中包含 ExtJS 5 库,没有引导程序:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Hello Ext JS 5</title>
<link rel="stylesheet" type="text/css" href="/ext-5.0.0/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="/ext-5.0.0/build/ext-all-debug.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
您只需添加以下文件:-ext-all-debug.js 或 ext-all.js -extext-*-all.css 和 -viewport.js [此文件包含 Ext.application 相关定义]