1

我在我的项目中为Kendo Scheduler使用Knockout-kendo.js 绑定。

在调度程序中，我也使用水平分组。所以，我在这里用过DataSource and well as Resources with group.

我已经声明了我的变量，如下所示：

monitorData = ko.observableArray(),

schedulerData = ko.observableArray(),

我的激活方法：

activate = function (args) {
            getMonitorData ();
            getschedulerData (08, 09, 2014);
 },

在完成我的服务调用之前，激活方法将被返回。这里 Observable 数组应该可以工作。但实际上它没有将数据分配给我的调度程序。即使可观察数组中有数据。

我的调度程序代码：

        <div class="scheduler">
            <div id="scheduler" data-bind="kendoScheduler:
            {                    
                date: new Date(),
                startTime: new Date('2014/6/13 12:15 AM'),
                endTime: new Date('2014/6/13 11:54 PM'),
                height: containerHeight,
                views: [{ type: 'day', selected: true, majorTick: 15 }], //'week', //'month', //'Agenda'
                editable: false,
                useKOTemplates: true,
                eventTemplate: $('#event-template').html(), 
                allDaySlot: false,
                timezone: 'Etc/UTC',
                footer: { command: false },
                dataSource: schedulerData(),
                group: { resources: ['Monitors'] },
                resources: [{ field: 'scheduleId', name: 'Monitors', dataSource: monitorData (), title: 'Monitors' }],
                dataBound: function () { $('.k-floatwrap ul li.k-nav-current').hide(); }
            }">
            </div>
        </div>

如果我在初始化时将数据硬编码到变量中，它就会起作用。因此也没有时间间隔，因此数据被分配给调度程序。

如下所示：

processMonitors = processMonitorMapper(monitors), // Functio without service call - returns hard code data

schedulerData = schedulerDataMapper(rawData), // // Functio without service call - returns hard code data

我开始知道如果在初始化初始数据之后分配了可观察数组数据，Kendo 调度程序将无法理解它。所以我尝试了ko.toJS. 这对我也没有帮助。

为了避免此类问题。我已经尝试了ko.bindhandlersfor 调度程序。

代码：

ko.bindingHandlers.kendoScheduler = {
            init: function (element) {
                var sch = $(element).data("kendoScheduler");
                console.log("Scheduler Initiated");
            },
            update: function (element, valueAccessor) {
                var value = ko.utils.unwrapObservable(valueAccessor());
                //var scheduler = $(element).data("kendoScheduler");
                //if (scheduler != null) {
                //if (value.dataSource != null && value.dataSource.length > 0 && value.resources[0] != null && value.resources[0].dataSource.length > 0) {
                //    $(element).kendoScheduler({ dataSource: value.dataSource, resources: value.resources });
                //}

                var dataSource = new kendo.data.SchedulerDataSource({
                    data: value
                });
                $(element).data("kendoScheduler").setDataSource(dataSource)
                //}
                console.log("Scheduler Updated");
            }
        };

但问题是上面的代码也不起作用。请帮助我解决上述问题。

附加信息：我还需要每天更改调度程序的数据源和资源。日期将通过剑道日历选择。我需要明智地选择每天致电服务。因此需要将新的数据源分配给Kendo Scheduler.

如何动态分配剑道调度程序数据源和资源。如果我将其分配给可观察数组，则它无法正常工作/没有像我上面所说的那样被分配。

我如何为 kendoScheduler Update / Init 编写 ko.bindingHandlers ？

4

1 回答 1

1

不需要写Ko BindHandlers。

我刚刚从getschedulerData()方法中分配了我的数据源。另外，当我第一次加载时，呼叫是async: false。现在我打电话了sync。所以，那个activate method will not be returned until otherwise the call get finished.

以下是我用来替换数据源的代码：

                var scheduler = $('#scheduler').data('kendoScheduler');
                if (scheduler != null) {
                    var dataSource = new kendo.data.SchedulerDataSource({
                        data: schedulerData()
                    });
                    scheduler.setDataSource(dataSource);
                }

但我不知道为什么，也不知道为什么observable array那不起作用:(

参考：Kendo 调度程序 - 单击下拉菜单检查它 -配置、字段、方法、事件:)

于 2014-09-15T13:48:41.530 回答