javascript - 我需要包含哪些 js 文件才能使用 ExtJs 日历？

Question

我想尝试一下 ExtJs 日历，想知道我需要包含哪些 js 文件才能做到这一点？ Ext 网站的示例包含许多 js 文件，我想知道哪些是必需的，哪些不是。我假设这取决于我希望日历具有的功能，所以我只想说我现在想公开它的所有功能。 以下是 Ext 网站示例中的 js 和 css 文件列表:

 <!-- Calendar-specific includes --> 
<link rel="stylesheet" type="text/css" href="resources/css/calendar.css" /> 
<script type="text/javascript" src="src/Ext.calendar.js"></script> 
<script type="text/javascript" src="src/templates/DayHeaderTemplate.js"></script> 
<script type="text/javascript" src="src/templates/DayBodyTemplate.js"></script> 
<script type="text/javascript" src="src/templates/DayViewTemplate.js"></script> 
<script type="text/javascript" src="src/templates/BoxLayoutTemplate.js"></script> 
<script type="text/javascript" src="src/templates/MonthViewTemplate.js"></script> 
<script type="text/javascript" src="src/dd/CalendarScrollManager.js"></script> 
<script type="text/javascript" src="src/dd/StatusProxy.js"></script> 
<script type="text/javascript" src="src/dd/CalendarDD.js"></script> 
<script type="text/javascript" src="src/dd/DayViewDD.js"></script> 
<script type="text/javascript" src="src/EventRecord.js"></script> 
<script type="text/javascript" src="src/views/MonthDayDetailView.js"></script> 
<script type="text/javascript" src="src/widgets/CalendarPicker.js"></script> 
<script type="text/javascript" src="src/WeekEventRenderer.js"></script> 
<script type="text/javascript" src="src/views/CalendarView.js"></script> 
<script type="text/javascript" src="src/views/MonthView.js"></script> 
<script type="text/javascript" src="src/views/DayHeaderView.js"></script> 
<script type="text/javascript" src="src/views/DayBodyView.js"></script> 
<script type="text/javascript" src="src/views/DayView.js"></script> 
<script type="text/javascript" src="src/views/WeekView.js"></script> 
<script type="text/javascript" src="src/widgets/DateRangeField.js"></script> 
<script type="text/javascript" src="src/widgets/ReminderField.js"></script> 
<script type="text/javascript" src="src/EventEditForm.js"></script> 
<script type="text/javascript" src="src/EventEditWindow.js"></script> 
<script type="text/javascript" src="src/CalendarPanel.js"></script> 

Answer 1

Calender 不包含在主要的 extjs javascript 文件中。您可以将 calendar-all.js 与 CSS 一起使用，而不是从 src 目录添加单个文件。日历示例文件夹本身提供了 calendar-all.js 文件。

因此，您将需要:

<!-- CSS files -->
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> 
<link rel="stylesheet" type="text/css" href="resources/css/calendar.css" />
<!-- Scripts -->   
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="calendar-all.js"></script>