Hi Masters,

How can I set enforceMinLength = true from Angular html models?

It doesn't look like it's working like this: 

<input kendo-auto-complete ng-model="customerName" k-min-length="3" enforceMinLength="true" k-data-source="repos" style="width: 100%;" />

Hi,

Here is my editor markup -

I want to disable this based on a value in my knockout viewmodel.
From research, it appears as tho it needs to be done once the page is fully rendered, so Im trying to do so in document.ready(), without success.
I've tried to find the control in a number of ways, no of which work -

Can you help me in how to identify these editors so I disable them please?

Thank you,

Terry.

Hi,

Is there an easy way to copy a record and then start the edit for this record in one go?

During the copy some data might be changed before the record is added and edited.

I have setup a sample script here:

http://dojo.telerik.com/@Insad/epERa

But I don't know how to go from there.

What I have done is take a simple grid, added a custom button in the command column and attached the click to a function inside my viewModel.

Here I can get the current dataItem, change the ProductName, set the ProductID to null and add it to the datasource and force a refresh of the grid.

But what happens is that the original item in the grid has the changed ProductName in it and a new record is added at the very end of the grid, without a ProductID.

How I get the edit started is also not known to me at this time.

Is there another way? Is there a sample for this somewhere (didn't find anything in the forum or with Google)?

Best regards,

Insad

I would disable value insertion in the MaskedTextBox, but keep the validator for that field.

I use kendo with MVVM.

This is my html code:

<div>
   <label for="elem" class="elem">Field</label>
   <input data-role="maskedtextbox" data-bind="value: elem1" id="elem" name="element" class="form-control" placeholder="Insert" required validationMessage="Insert {0}" disabled/>
<span class="k-invalid-msg" data-for="element"></span>
</div>

Hi I am pretty new to using kendo so I might have missed something pretty simple here. I would like to create a treelist where the expand option is in the 3rd column and I cannot find anyway to do this. This is a fairly common design and can be found in the call tree option of in the performance data of most modern browsers. I have attached an image from chrome to demonstrate the style I would like to implement.

Hi,

I'm working on kendo scheduler : http://dojo.telerik.com/@n2lose/ogUzay/2

1. Is there any way to set selected local timezone on the dialog add event? I would like to set local timezone selected when open dialog instead of user has to be selected from drop down list timezone!
I have researched and found the way to set timezone by the way set defaultValue for startTimezone, endTimezone. But normally, i just can get the timezoneOffset (number), how can i get the label timezone as we select an item in drop down list timezone?

2. When user selected an item from resources dataSource, can we custom template to add a link of that item below the drop down list? i mean i can custom template when handle on resources dataSource?

In Kendo UI MVC, you can use one action for all your data widgets (grid, combobox, etc.) and filtering is handled the same. However, when I try to use a kendo-ui JS widget to hit that same action, it passes the filtering differently. Why is that? How can I bridge that gap?

If you use MVC Combobox and post to action, the filtering gets sent as:

sort: Name-asc
page: 1
pageSize: 80
group:
filter: Name~contains~'manager'

If you use the JS Combobox and post to action, its sent as:

filter[logic]: and
filter[filters][0][value]: manager
filter[filters][0][field]: Name
filter[filters][0][operator]: contains
filter[filters][0][ignoreCase]: true

Because of this different structure, my action with signature:

public IActionResult QueryEntities([DataSourceRequest] DataSourceRequest request)

The request.Filters is always empty. How can I convert the js filter for combobox so my action can recognize it? And why are they handled differently anyway? I thought MVC version just wraps the JS version and generates the JS from server side code.

So I will try to explain my problem.

I have 2 multiselect components where second is filtered by first if first is set (if first is not set second one has full data access).

Lets say first data source is this ['a','b'].

and second data source is [1,2,3,4,5].

If selected item of first multiselect is 'a', second data source becomes [1,2,3]

If selected item of first multiselect is 'b' second data source becomes [4,5]

If there is none selected items in first multiselect then second data source becomes [1,2,3,4,5]

When i select item in second multiselect, lets say 2, and after that select in first multiselect item 'b', second multiselected items becomes [4,5] and old value 2 is gone. That is what i want and that is how it works now.

But my problem is when i *search* in second multiselect for an item 2, and after that i choose 'b' in first multiselect, that old value is still selected, he is not in options, and he is not in datasoruce but he is still selected and on submit i get his value too.

Want to show dyanmic kendotooltip (may be another view - lots of content) on image hover inside kendogrid

ex:

I am adding and icon here and want to show the tooltip

info.Bound(e => e.Id).Width(50).ClientTemplate("<img id='#= Id #' src='../Images/commandView.png' /><div id='TooltipContentDiv'></div>");

I am not sure but is this something I am trying but not working:

    $("#AjaxGrid").kendoTooltip({
        //filter: ".tooltipContent",
        filter: "td:nth-child(3)",
        width: "auto",
        position: "top",
        showOn: "click",
        autoHide: false,
        content: function (e) {
            var row = $(e.target).closest("tr");
            var dataItem = $('#AjaxGrid').data('kendoGrid').dataItem(row);
            Id = dataItem.Id
            $('#TooltipContentDiv').html("");
            $.ajax({
                url: "@Url.Action("GetToolTip1", "Tools")",
                data: { "Id": Id },
            cache: false,
            /async: true,
            success: function (result) {
                alert('yes');
                $('#TooltipContentDiv').html(result);
            },
            error: function () { alert('no');}
        });
    }
    }).data("kendoTooltip");

Any help is appreciated.

If there is full working example that will be great.

I might be on wrong path but please point me what is the easiet way to do whatever I want.

I have a kendo grid where each column is searcheable using the standard dropdown filter menu but there is also a master search bar at the top where the user can search across many columns at once.

I am using the technique described on http://www.telerik.com/forums/grid-search-feature to implement the custom search.

The problem I am encountering is that when I call .filter() on the grid dataSource to add my custom search filters from the master search bar, this causes the filter panels on each column to update and display the master search term. The user can then edit the search term from both the master search bar and the individual panels which gets confusing quite quickly.

How can I add my custom search functionality without having the grid replicate the search term in each column's panel?