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

Question

我想玩弄ExtJs日历，并想知道我需要包含哪些js文件吗？ 从Ext网站的例子包括许多js文件，我想知道哪些是必要的，哪些不是。我假设它取决于我希望日历具有的功能，所以我只想说我现在想公开其所有功能。 下面是从内线网站上的例子的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文件中。您可以使用带有CSS的calendar-all.js，而不是从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> 

Answer 2

我想你只需要这样的：别的

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

一切都是由Ext JS的加载本身。

Answer 3

仅供参考，您还可以检查出Ext Calendar Pro为好，这是与3.3附带的例子的完整的产品版本。 （完全披露：我是作者）

它有额外的examples和完整的docs和许多错误已被修复，因为该示例已创建。

但是，如果你只是想玩3.3中的一个，只需包括calendar-all.js如上所述。