【问题标题】:What js files do I need to include to use ExtJs Calendar?我需要包含哪些 js 文件才能使用 ExtJs 日历?
【发布时间】:2011-06-28 05:39:06
【问题描述】:

我想玩一下 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> 

【问题讨论】:

    标签: javascript css extjs include calendar


    【解决方案1】:

    仅供参考,您也可以查看Ext Calendar Pro,这是 3.3 附带的示例的完整产品版本。 (完全披露:我是作者)

    它有额外的examples 和完整的docs,并且自创建该示例以来已修复了许多错误。

    但是,是的,如果您只是想玩 3.3 中的那个,只需像上面提到的那样包含 calendar-all.js

    【讨论】:

      【解决方案2】:

      日历不包含在主要的 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>
      

      【讨论】:

      • 你知道我在哪里可以找到有关如何使用日历的任何好的文档/示例吗?
      【解决方案3】:

      我认为你只需要这些:

      <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 自己加载。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-11-04
        • 2017-01-25
        • 1970-01-01
        • 1970-01-01
        • 2014-07-31
        • 1970-01-01
        • 2011-02-22
        • 1970-01-01
        相关资源
        最近更新 更多