
Hi,
I refer to the following how to demo: http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/reorder-nested-grid-rows
There is bug in this demo. If any of the master grid row is not expanded yet, dragging that row results in dragging 2 rows!But if the row previously expanded then it works fine!
You can reproduce this bug in the above demo by trying to collapse the first row, then without expanding the 3rd row try to drag it then you can see the 3rd & 4th rows drag together as of they are attached. But if you expand the 3rd row and collapse it again then you can drag it individually!
I believe the problem is in this line: table.append(element.next().clone()); there should be some if condition here to check if the detail-row for this master row exist then do this otherwise don't close the next element.
Please let me know what is the best way to resolve this problem?
Thank you.
Hi guys,
I have two kendo date pickers. One for start date(DP1) and another for end date(DP2). When Start Date is selected in DP1, the days before the start date in DP2 should be disabled. I am using k-ng-model to bind the data, but I couldn't acheive it.
here is how the HTML part of datePicker looks l
<div class="date-range">
<div class="date-range-item">
<div class="date-range-label">Start Date</div>
<input id="StartDate" kendo-date-picker k-ng-model="Obj.startDate" />
</div>
<div class="date-range-item">
<div class="date-range-label">End Date</div>
<input id="EndDate" kendo-date-picker k-ng-model="Obj.endDate" />
</div>
</div>
In controller
$scope.StartDate = $('#StartDate').kendoDatePicker({
parseFormats: ['MM/dd/yyyy']
}).data('kendo-date-picker');
$scope.EndDate = $('#EndDate').kendoDatePicker({
parseFormats: ['MM/dd/yyyy']
}).data('kendo-date-picker');
$scope.StartDate.bind("change", function (): void {
Service.Validation( $scope.StartDate, $scope.EndDate);
}
);
In Service
this.Validation = (start: kendo.ui.DatePicker, end: kendo.ui.DatePicker) => {
end.setOptions({
disableDates: (date: any): boolean => {
if (start) {
if (start.value()) {
if (date < start.value()) {
return true;
} else {
return false;
}
} else {
return false;
}
} else {
return false;
}
}
});
1) The First Problem I am facing is, I am getting two date Pickers in the UI. When I remove the kendo-date-picker in the HTML part then only one kendo Date Picker is being Displayed.
2) Second Problem is When I am saving the object. the Start date and End date are holding null as k-ng-model is not binding the Dates.
Please post a solution and explain the Reason behind this behaviour.
Thanks.

var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
Hi team,
Let me know if we can implement an expanding view for selected list item in a list view (displayed as tile format). Something similar to google image search when we select any image it opens it in below row in an expanding div.
I tried using tool tip but i wan it to open in an expanding view and not outside of the listview and also its not centered its position is relative to the selected item
Let me know if it's possible to implement in listview.
Thanks

Is it possible to bind the grid to a datatable using mvvm?

I'm not sure if this is possible but I'm trying to have the filtering done server side but having the sorting/paging done there after client side. However if I set serverFiltering = true and serverPaging/Sorting = false the paging/sorting is still making a call to the server even though the filtering hasn't changed. Let me know if what I'm trying to do is even possible.
Little more info in case it helps. The server call will return all data on filter then if the user pages/sorts it should do it based on what the server call returned and is currently in the dataSouce.
Thanks,
Patrick