jquery 隐藏或禁用DevExtreme调度程序中的编辑属性和其他问题?

v6ylcynt  于 2023-06-29  发布在  jQuery
关注(0)|答案(2)|浏览(102)

我有一个工作调度程序,它可以处理来自 AJAX 调用的json数据。我在文档中似乎找不到的问题是:
1.我怎样才能“禁用”开始/结束日期,并删除Description(例如)在编辑弹出窗口,使他们不会改变/可见?我只想编辑计划名称。
1.我怎样才能使调度程序“关注”来自数据库的特定调度?我有一个过滤器,它只返回一个时间表,但如果它不在current date它不会显示出来,我必须手动导航到日期的时间表是看到它,有没有一个选项?我认为我可以实现的唯一方法是获取日期并将其设置为currentDate属性,但这在某种程度上是可能的吗?

5sxhfpxr

5sxhfpxr1#

1)要自定义约会表单,请使用onAppointmentFormCreated事件。也可以看到demo
2)要将计划程序导航到特定日期,请使用currentDate选项。下面的示例显示了如何使用onContentReady选项执行此操作:

$("#scheduler").dxScheduler({
    /*...*/
    // set default current date too old for demo
    currentDate: new Date(2010, 4, 18),
    onContentReady: function(e) {
        // get all loaded appointments
        var appointments = e.component.getDataSource().items();
        // navigate to the first appointment
        e.component.option("currentDate", new Date(appointments[0].startDate));
    }
});

https://jsfiddle.net/wn6jqdfn/

p1tboqfb

p1tboqfb2#

更改排定程序属性对话框的示例:

$("#scheduler").dxScheduler({
    dataSource: ...
    onAppointmentFormOpening(e) {
        var form = e.form;
        form.beginUpdate();

        form.option("colCountByScreen", { lg: 1, xs: 1 });
        form.getEditor("repeat").option("value", true); 
        form.itemOption("mainGroup.allDay", "visible", false); 
        form.itemOption("mainGroup.description", "visible", false);

        form.endUpdate();
   },
});

相关问题