Hi..

I'm using kendo gantt chart in my project using anular js,how can i disable drag and drop option

here is the my code 

view : 
            <div id="activityganttchart" kendo-gantt k-options="createScheduleStep2.ganttOptions" class="row"
                 k-rebind="createScheduleStep2.ganttOptions"></div>

controller:

                productionScheduleStep2Vm.ganttOptions = getActivitiesToDisplayOnGanttChart(activities);
                productionScheduleStep2Vm.ganttOptions.edit = edit;
                productionScheduleStep2Vm.ganttOptions.moveStart = ganttMove;

           function processActivitiesToDisplayGanttChart(data: any) {
                var activityList = new Array();
                for (var i = 0; i < data.length; i++) {
                    var uomName = "";
                    if (data[i].pitOutputActivity.activityValueUOMId && data[i].pitOutputActivity.activityValueUOM !== undefined) {
                        uomName = data[i].pitOutputActivity.activityValueUOM.name;
                    }
                    var activity = {
                        ID: data[i].pitOutputActivity.id,
                        Title: data[i].pitOutputActivity.activity.name,
                        Start: '\/Date(' + (+new Date(data[i].pitOutputActivity.startDate + " " + data[i].pitOutputActivity.startTime)) + ')\/',
                        End: '\/Date(' + (+new Date(data[i].pitOutputActivity.endDate + " " + data[i].pitOutputActivity.endTime)) + ')\/',
                        target: data[i].pitOutputActivity.activityValue + " " + uomName,
                        activityId: data[i].pitOutputActivity.activityId,
                        shift: data[i].pitOutputActivity.pitOutputActivityPartA.shift,
                        pitOutputActivityUUID: data[i].pitOutputActivity.pitOutputActivityUUID,
                        percentComplete: data[i].progress === "NaN" ? 0 : data[i].progress,
                        planned: data[i].planned,
                        actual: data[i].actual,
                        variance: data[i].variance,
                        assetCount: data[i].assetCount
                    }
                    activityList.push(activity);
                }
                return activityList;
            };

            function edit(e) {
                productionScheduleStep2Vm.selectedActivity = e.task;
                win = $("<div class='ganntPopup' />").kendoWindow({
                    title: "Manage Activity",
                    resizable: false,
                    modal: true,
                    pinned: true,
                    position: { top: 100 }
                });
                e.preventDefault();
                var template = createScheduleStep2Helpers.compileAngularContent($("#activityMenu").html(), $scope, $compile);
                win.data("kendoWindow").content(template).center().open();
            };

            function ganttMove(e) {
                console.log(kendo.format("task's curren Start {0:g}", e.start));
                console.log(kendo.format("task's curren End {0:g}", e.end));
                e.preventDefault();
            };

i tried with moveStart  event still im able to dran and drop

Appreciate your support!
Thanks!

Hi- I have DateTime picker with Date Input as true. I want to modify the text that is displayed in the placeholders for format "MM-dd-yyyy hh:mm tt"

As per below example i set message for month as "__", day as "__' and year as "____" . My question is how i can set message for hh:mm and day period. So that my Place Holder looks like __-__-____ :__ __/__ and i can enter date with hours and minutes with AP/PM

<input id="dateinput" /><script>

$("#dateinput").kendoDateInput({

format: "MM-dd-yyyy hh:mm tt",

messages:{

month:"____",

year:"____",

day:"__",

}});</script>

I am trying to filter my grid by a date column. The problem is that the date is passed as "Thu Oct 04 2018 17:30:00 GMT+0100 (Irish Standard Time)"
while I want a date in ISO 8601 format "2018-10-14T17:30:23Z".

I'm unsure whether this is set by the DatePicker or the grid and where I can change it.

I tried to format in the filter function, but I'm getting the same result e.g.

filter: function(e) {
        if (e.sender.dataSource.options.schema.model.fields[e.field].type === "date") {

          e.filter.filters.forEach(function(f){
                 f.value = moment(f.value).toISOString();
         });
      }
}

Any help is greatly appreciated. It's driving me bonkers !

Hi

I wish to use only some of the js script and not the entire kendo.all.min.js

Any tips on how to bundle and minify them? as it seems I fail to do it.

I'm trying to do this using the visual studio bundle and minify extension.

Thanks

hello,

I want to use grid columns like this;

columns: [{
field: "ph___10",
width: "100px",
title:"ph",
attributes: {
class: "#=ph___10 == -10 ? 'yellow' : ph___10 < 7 ? 'green' : 'red' #"
}}]

But get error when i use field name like 'ph___10' in attributes->class.

If i use field name like for example 'ph', no problem. I have to use '_' and '10' characters. 

Can u help me?