Hi,
how can I add x-axis labels and gridlines for every full 10 second in format "hh:mm:ss" for this chart: waveform chart ?
The start time is in variable t0, end in tend. The time for an sample n is: t0 + dt * n .
Peter
Hi,
I have a problem with kendo the edit grid popup, i cannot validate empty when i save a data, but popup has been closed Please give a solution about this problem
This is my code
01.if($scope.approveModel.notes == ""){02. $rootScope.$broadcast(EVENTS.CLIENT.warningResponse, "Notes harus diisi");03. 04.}else{05. approvalService06. .save($scope.approveModel)07. .then(function (response, status, headers, config) {08. var grid = $("#approvalGrid").getKendoGrid();09. grid.dataSource.read();10. });11.}
Thanks
*sorry for my bad english

Hi,
I have a requirement to scroll horizontally to the task when its clicked from the left side tree. This when when i select a task, its chart will come into view.
I have seen a similar post which does similar job by manipulating the range. But my requirement is just to scroll the task into viewport without changing the range.
Does this feature exist in current gantt chart or is there any available workaround ?
I have designed one page where i am showing some actions using command. But i want to change the icons based on condition suppose based on status,
As mentioned in attached picture for OnHold the icons are displaying as edit, Cancel and OnHold but for approved we need to show only edit and cancel.
How we can achieve that? Also ,the command actions is taking a square block instead of that i need to show only font awesome icons like in second attached picture
Please help.
Thanks & Regards
Manish Tiwari

Hi,
In some of my listviews I'd like to alternate item color and find myself using almost identical templates in the template and altTemplate properties.
template:
<script id="template" type="text/x-kendo-template">
<div class="regular-color">#:value#</div>
</script>
altTemplate
<script id="template-alt" type="text/x-kendo-template">
<div class="alt-color">#:value#</div>
</script>
How can I do this smarter?
Thanks in advance.
/Morten
I have a page that requests a partial view via AJAX and inserts it into the page. The view contains several kendo DatePickers. When I leave some of the required DatePickers empty and try to submit the form, I'm noticing my validation summary (created by @Html.ValidationSummary(false)) is not displaying anything, though submission is prevented.
Yesterday I was receiving errors in the validation summary. I had one about a required DatePicker, that is in a hidden kendo Window being empty, and when I re-opened the window to address it, the validation error for the DatePicker was visible, but the DatePicker itself was gone.
So these specific problems aside for the moment, my question is: I know for the standard jQuery validation and unobtrusive scripts, I have to remove the validator data from the form and then re-parse the form after inserting content dynamically. Is something similar required for kendo validation? Do I need to call kendoValidator() again?
What I do for the standard asp.net MVC validation:
//Remove validators and re-add them to include the new fieldsvar $form = $(form) .removeData("validator") .removeData("unobtrusiveValidation");$.validator.unobtrusive.parse($form);I'm trying to add a bullet point to my dropdown entries and while it works when it displays in the dropdown, when I try to edit it it reverts back to the character code.
Here is the code I'm using for my dropdown and it's in a grid with inline editing.
$('<input required name="' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
dataTextField: "Details",
dataValueField: "Id",
dataSource: dataSource,
optionsLabel: {
Details: "Choose an item...",
Id: -1
},
template: "#= data.Details #"
});
Any help would be appreciated.

Hi,
I'm trying to change the background of the "k-event-drag-hint" div when the user is moving an event on top of another.
function onEventMoved(e) { if (roomIsOccupied(e.start, e.end, e.event, e.resources)) { $(".k-event-drag-hint").find('div').css('background', 'blue'); e.preventDefault(); return; } $(".k-event-drag-hint").find('div').css('background', 'red');}
When I randomly move an event I can see the green background BUT when roomIsOccupied returns true, my code seems to have no effect (background is not red).
>> If i remove the e.preventDefault() then the background turns to blue.
Any idea on how i can fix this issue?
Thx
Seb
<td name="status" role="gridcell" id="SubmissionsGrid_active_cell" class="">Active</td>$('#myButton').click(function() { var grid = $("#SubmissionsGrid").data("kendoGrid"); $.each(grid.select(), function (index, row) { var cell = $(row).find('[name="status"]'); cell.addClass("k-dirty-cell").prepend("<span class='k-dirty' />"); var data = grid.dataItem(row); data.set('Status.Id', '3'); data.set('Status.Description', 'Rejected'); });});Clicking grid remove row fire grid datasource change event, but firing paramatermap and no remote transport is running. I can fire parameterMap by call .sync method in change event but this not passing removed data there, but only remaining rows data.
allUsersDataSource.fetch(function() { allUsers = allUsersDataSource.data(); }) var assignedUsersDataSource = new kendo.data.DataSource({ // autoSync: true, transport: { read:{ url: API_URL+"frank/getassignedusers/"+documentId, dataType: "json" }, create: { type: "POST", url: API_URL+"frank/addusertodocument", dataType: "json" }, update: { type: "POST", url: API_URL+"frank/editusertodocument", dataType: "json" }, destroy:{ type: "POST", url: API_URL+"frank/removeuserdocument", dataType: "json" }, batch: true, parameterMap: function(data, operation) { console.log ("assignedUsersDataSource.parameterMap.!! data:", data); console.log ("assignedUsersDataSource.parameterMap.!! operation:", operation); if (operation === "destroy" ) { //.. } if (operation === "create" && data.UserID) { //.. } } }, change: function(e) { console.log("assignedUsersDataSource.change: e.items :: ", e.items ); if(e.action === "remove"){ // assignedUsersDataSource.sync(); } //edycja i wstawianie if(e.action === "itemchange"){ // assignedUsersDataSource.sync(); } // itemchange to zawiera if(e.action === "add"){ // assignedUsersDataSource.sync(); } }, pageSize: 4, schema: { model: { fields: { UserName: { editable: false, nullable: true }, Surname: { editable: false, nullable: true }, UserID: { field: "UserID", defaultValue: 1 }, GroupName: { editable: false, nullable: true }, } } } }); var _grid = $("\#grid-single-user-groups").kendoGrid({ dataSource: assignedUsersDataSource, filterable: true, scrollable: false, // toolbar: ["create", "save"], toolbar: ["create"], pageable: true, columns: [ { field: "UserID", width: "100%", editor: userDropDownEditor, title: "Agent", template: function(userID) { for (var idx = 0, length = allUsers.length; idx < length; idx++) { if (allUsers[idx].UserNameID == userID.UserID) { return allUsers[idx].Login; } } } }, { command: [ "destroy"], title: " ", width: "250px" } ], editable: {mode: "incell"}, }); function userDropDownEditor(container, options) { $('<input data-bind="value:' + options.field + '"/>') .appendTo(container) .kendoDropDownList({ dataTextField: "Login", dataValueField: "UserNameID", filter: "contains", dataSource: allUsersDataSource, valuePrimitive:true, }) }