调整Dojox Calendar Widget的功能

时间:2013-09-24 13:47:54

标签: calendar dojo

我正在研究使用Dojox calendar小部件。

我需要对默认配置进行一些调整,并且在查找文档中的信息时遇到问题。

我需要删除日历顶部导航栏中的所有按钮,即今天,白天,4天,周,月。

我怀疑我需要继承Calendar组件并覆盖一些函数吗?

我还需要使用sub columns功能添加多个日历。

我是Dojo的新手,并希望以最合适的方式获得任何帮助和建议......具体的例子会很棒。

我现有的设置日历的代码:

require([ "dojo/parser", "dojo/ready", "dojox/calendar/Calendar" ], function(
        parser, ready, Calendar) {
    ready(function() {

        calendar = new Calendar({           
            dateInterval : "day",
            style : "position:relative;height:600px;",
            selectionMode: "none",
        }, "confCalendar");
    })
})

由于

2 个答案:

答案 0 :(得分:2)

已经有一段时间了,但我认为这对任何有同样问题的人都有用。

我遇到了同样的情况,我不得不从日历顶部删除一些导航按钮。

解决方案?进入dojox/calendar/Calendar.js。你会发现第二行有这段代码:{cache:{"url:dojox/calendar/templates/Calendar.html":"<div>\n\t<div data-dojo-atta...。如果您按照该行,您将看到冒号后面的内容是用于创建日历的模板。如果要删除导航按钮(例如“月”按钮),只需删除模板按钮(对于月份,您需要删除<button data-dojo-attach-point=\"monthButton\" data-dojo-type=\"dijit.form.Button\" >Month</button>

希望它可以帮助任何有需要的人!

答案 1 :(得分:1)

如果您需要删除可能因为要显示单一类型视图的按钮? (即总是一天或一周视图?)。在这种情况下,您最好直接使用所需的视图类型而不是自定义日历?喜欢使用dojox / calendar / ColumnView?你应该在dojox / calendar / tests / columnview.html中找到这方面的例子。

如果您确实需要/想要修改日历,我建议您复制/粘贴它的模板(dojox / calendar / templates / Calendar.html)并删除您不需要的内容。