2011-02-16 55 views
0

我想玩弄ExtJs日曆,並想知道我需要包含哪些js文件嗎? 從Ext網站的例子包括許多js文件,我想知道哪些是必要的,哪些不是。我假設它取決於我希望日曆具有的功能,所以我只想說我現在想公開其所有功能。 下面是從內線網站上的例子的JS和CSS文件的列表:我需要包含哪些js文件才能使用ExtJs日曆?

<!-- 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> 

回答

2

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> 
+0

你知道我在哪裏可以找到任何好的文檔/如何使用日曆的例子? – shane87 2011-02-16 10:51:13

0

我想你只需要這樣的:別的

<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的加載本身。

+1

ext-all.js或ext-base.js都不包含日曆代碼。 – shane87 2011-02-16 10:07:18

1

僅供參考,您還可以檢查出Ext Calendar Pro爲好,這是與3.3附帶的例子的完整的產品版本。 (完全披露:我是作者)

它有額外的examples和完整的docs和許多錯誤已被修復,因爲該示例已創建。

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

相關問題