Hi, 

I started implementing planned vs actual feature and I have found a possible bug in the feature. It seems that delay part gets calculated in some cases and even if planned and actual start and end dates are exactly the same, delay is calculated and displayed. (1 day delay)

See the screenshot from the dojo:
Steps to reproduce:
- I used dojo out of feature demo and modified it so planned start and end are editable.
- I added new task with duration of one day. Set planned dates to match actual.
- Extended task duration by 2 days by dragging end.
- Changed planned end to match new actual

After this delay remains one day..

I can reproduce this on my local as well, where I have dates set by server.

If there is anything else I can do to assist, please let me know.

Thank you and best regards,

Vedad

I'm trying to fetch a lot of data, which is reaching 100k+ results. The main problem is that the API doesn't work with this many records at once due to simply being more data than allowed in memory by the webserver (for good reasons). What's the proper solution to continue here? I can easily page the data, but I want the filter/sorting client side over the complete result. It basically comes down to having to execute multiple requests to fetch all data and then use the grid with this data. 

I noticed several issues if I use a DataSource directly, such as paging will request a new page if the page size changes for example. If I have already fetched the first 20 records, and I change the page size from 10 to 15, it will fetch the 15 records again while it already has those records. On top of that it seems that I can't exactly pre-load the data easily either without manually writing some code to call the API endpoint X times.

I'm suspecting that the solution would be to create an observable array and fill this based on a data source that I query page by page? This way I could for example load the first 100 results and then batch the rest in sets of 10k or 20k?

Are there any examples available? I'm using the jQuery variant.

Edit: I'm still in need of at least a "destroy" call for this grid, could that even work together?

I have jQuery and kendo versions set to 2013.3.1119. Kendo Grid shows up but sort, search, selection seems to be breaking. Unfortunately, I cannot upgrade.

there is another way to include grid is using HTML table, can I accomplish using this in older versions !

what can I do with this ? 

Thanks

I have two Kendo Time Pickers on my page. Both are optional but I want to prompt the user to input the value in the format hh:mm am/pm. I want to use the KendoValidator to validate that the values are either empty or contain a valid time. Also, for the second input (end time), a valid time must exist in start time and it cannot come before the start time.

The first issue I am running into is that when using the dateInput: true option to enforce the format it is sending the string "hh:mm am/pm" to the validator as the date when the user enters nothing. Since this is not null it tries to validate it which it of course fails since "hh:mm am/pm" is not a date. This is also causing an issue with validating the required attribute on the startDate. 

Another issue would be that this gets passed to the server as the invalid date string which would potentially cause issues on the back end.

Finally, when I do not enter a start date at all it should trigger the required message but it is not. 

How can I solve this issue? Here is what my code looks like at the moment:

Initialize Time Pickers:

$.each($(".js-time-picker"), function (index, picker) {
    let id = $(picker).attr("id");
    timePickers[id] = $(`#${id}`).kendoTimePicker({
        dateInput: true,
        format: "h:mm tt",
        parseFormats: "HH:mm",
    }).data("kendoTimePicker");
    timePickers[id]._dateInput.setOptions({
        messages: {
            hour: "hh",
            minute: "mm",
            dayperiod: "am/pm"
        }
    });
});

Validator: 

$(document).ready(function () {
    myValidator = $("#myForm").kendoValidator({
        rules: {
            timeValidation: function (input) {
                if ($(input).hasClass("js-time-picker")) {
                    var validDate = kendo.parseDate($(input).val());
                    if (!validDate) {
                        return false;
                    }
                }
                return true;
            }

        },
        messages: {
            required: "Required",
            timeValidation: "Invalid Time"
        },
        validateOnBlur: false
    }).data("kendoValidator");
});

HTML:

            <div class="form-element">
                <label id="startTimeLabel" for="startTime">Start Time</label>
                <input id="startTime" name="startTime" class="js-time-picker" required validationMessage="Invalid time entered" aria-labelledby="startTimeLabel" />
                <span class="k-invalid-msg" data-for="startTime"></span>
            </div>

            <div class="form-element">
                <label id="endTimeLabel" for="endTime">End Time</label>
                <input id="endTime" name="endTime" class="js-time-picker" validationMessage="Invalid time entered" aria-labelledby="endTimeLabel" />
                <span class="k-invalid-msg" data-for="endTime"></span>
            </div>

Hi, 

We have some additional code on databound of our scheduler, but in reality we simply use slotByElement to retrieve slot and apply additional css class.

During testing, we have discovered issue - when browser is at zoom level of 75 or 80% method slotByElement returns null.. This basically breaks our code and scheduler is not rendered correctly after. (seems that slotByPosition called within slotByElement is broken)

I was able to reproduce issue on the dojo:

https://dojo.telerik.com/iSETiyAW/13

Note message This is null in kendo Console.

We have observed the same behavior in our app.

We used latest Chrome browser for testing.

If there is anything else I can do, please let me know.

Best regards,

Vedad

Hello

I need to change the pager dropdown from left side to right side of the pagination section as below.

I am able to change that by applying some css, but the position of the dropdown changes whenever I zoom in or zoom out.

Is there any in-built function available without updating the css, so that the dropdown stick to the same position even-though I zoom in or zoom out?

Thanks in advance.

Vignesh

I am trying to disable the drag/drop within the treeview (as in the user wont be able to move any items anywhere inside the treeview). However I am not coming up with a solution for this issue.

I still want the user to be able to drag/drop an item that's inside the treeview over to my listview box as well as drag/drop it back to the treeview box.

So is it possible to disable the drag/drop feature inside the treeview when keeping the drag/drop from there to my listbox?

Hi

First of all, this one is build up on an earlier issue :
https://www.telerik.com/forums/update-single-cell-value-on-mvvm-jquery-grid-without-reloading-whole-grid#wHZHTCnTLk2Qy1ZKLvRsvQ

Dojo for the current issue is:
http://dojo.telerik.com/igIkIRoY/16

Issue with this one are lines 161-166.
I want to set the field types, to get the correct column filters, date filter with lte, gt, .. im this example.

Where the fields aren't the special issue here, it's the schema.model object they are in.
As soon as I set the "model", example breaks.

To test it, try dojo as it is and click the "Update date" button.
Nothing will happen.
As soon as you remove lines 161-166 (the model), everything is fine and clicking the button will update the cell in the grid.

I don't know the issue's coming from the special "update single cell value" or from somewhere else, I just cannot say why an empty model object in schema will break the update functionallity.

So hope you can bring a bit of light in the dark.

Greets Robin

Hello,

I alone of MultiColumnComboBox we can prevent adding custom values with change event follow your sample in ComboBox.

with "change code"

change: function(e) {
            var widget = e.sender;

            if (widget.value() && widget.select() === -1) {
              //custom has been selected
              widget.value(""); //reset widget
            }
          }

Follow this sample work with anyone or the parent(Master) MultiColumnComboBox, but in case child(Detail) of MultiColumnComboBox, It's not working because if I selected parent MultiColumnComboBox first and then child MultiColumnComboBox wil show data follow selected list in parent. In this case ("change code") will prevent any data in child MultiColumnComboBox, as a result, any items in it cannot be displayed.

Please guide me for prevent add custom values in the child(Detail) of MultiColumnComboBox,  if I use Cascading MultiColumnComboBox.

Thank.