Hi,

 I will be referring to the following sample: http://dojo.telerik.com/@bhaidar/EYUFu

The sample validates a textbox to have only 4 digits.

When I enter wrong data, the validation message is shown. Then, I press "Save" button, validation message is gone + the validator.validate() says it is valid, while data is still wrong.

Why do I need to call validate() method? Because, I offer the user a form with a Save button, so even if error messages are shown on page, I need to make sure things are valid before saving.

Notice that, once validate() says the form is valid, now the textbox has the "k-valid" class. Hence, even if I enter wrong data again, the validation message won't be shown anymore!

Appreciate your assistance.

Regards
Bilal

I got a requirement to disable the nodes in the treeview and then based on some inputs i need to enable specific nodes.

I am able to use enable() function and do this.

But after this the enabled elements need to be expanded; which is not working.

You can try this Code

1. Expand all the nodes

2. Type 'one' in the text field and click the button

Expected 

          one should be enabled and expanded

          two should be disabled

 But one is not getting expanded.

Expecting the earliest response. 

Thank you

Easiest to see via a Dojo: http://dojo.telerik.com/@nkoterba@blackpointcyber.com/axemE

After pressing Run, press *Select All Rows* which selects all the rows.  Now expand 'Daryl'.

Notice how the alternate rows do not show selection.

Now press 'Clear Selected Rows' button and then push 'Select All Rows'.

Notice how all the rows are selected.

In short, whenever rows are selected if they happen to be collapsed (e.g. non-visible at the time) and are alternate rows, they do not receive the appropriate Kendo CSS selection class.

Hi Telerik
I've read about new features in Q1'15, that the Grid and TreeList now enables me to specify which columns to be hidden on small view ports.: http://www.telerik.com/support/whats-new/kendo-ui

I can do it on Grid but not on TreeList.

Is this a feature that will come with an internal build or perhaps with Q2'15? I am looking forward for this very nice design feature.

Regards from Kenneth

Can you tell me there is a way to change date pattern in columns in Gantt chart? The problem is that "ABBR.DAYNAME MONTH/DAY" is not polish format. The correct format is "ABBR.DAYNAME DAY/MONTH" but i can change this. I tried to modify pl-PL culture:                        

patterns: {                            
                           d: "yyyy-MM-dd",
                            D: "d MMMM yyyy",
                            F: "d MMMM yyyy HH:mm:ss",
                            g: "yyyy-MM-dd HH:mm",
                            G: "yyyy-MM-dd HH:mm:ss",
                            m: "d MMMM",
                            M: "d MMMM",
                            s: "yyyy'-'MM'-'dd'T'HH':'mm':'ss",
                            t: "HH:mm",
                            T: "HH:mm:ss",
                            u: "yyyy'-'MM'-'dd HH':'mm':'ss'Z'",
                            y: "MMMM yyyy",
                            Y: "MMMM yyyy"
                        },

but still the date is in incorrect format. 
Regards

Hi ,

I tried to create a custom widget , which has a radio button and Kendo UI Combobox . But its not returning combobox's value. Following is the code.i am using it with Require.js. the method "comboboxvalue"  and "viewByValue" not working.Please let me know what I am doing wrong.

define(['auth'], function(auth) {
    var kendo = window.kendo;
    var ui = kendo.ui;
    var Widget = ui.Widget;
    CHANGE = "change";
    var rugView = Widget.extend(
        {           
            
            init: function(element, options) {
                var that = this,
                    id,
                _combobox,
                _viewBy,
                plugin;
                Widget.fn.init.call(this, element, options);
                _combobox = $("<div id='cbRugYearDate'></div>");
                _viewBy = $('<div>View By:<input type="radio" id="rvViewBy" name="rvViewBy" checked value="C" /> Consolidated <input type="radio" id="rvViewBy"  name="rvViewBy" value="F" />Facility</div>');
                that.element.append(_viewBy);
                that.element.append(_combobox);

                that.combobox = _combobox.val("").kendoComboBox(
                    {
                        dataTextField: "RugYear",
                        dataValueField: "RugYear",
                        minLength: 3,
                        dataSource: {
                            transport: {
                                read: function(options) {
                                    auth.ajax({
                                        type: 'GET',
                                        url: 'api/Clinical/RUGYears',
                                        dataType: "json",
                                        success: function(result) {
                                            options.success(result);
                                        },
                                        error: function(result) {
                                            alert("read error - " + result.error);
                                        }
                                    });
                                }
                            }
                        },
                        index: 0
                    });

                that.combobox.on("change", $.proxy(that._change, that));
                $("input[name='rvViewBy']").on("click", $.proxy(that._change, that));
                //that.combobox.bind("change", function() {
                //    that.refresh();
                //});

                //kendo.ui.progress(_loader, false);
            },
            options: {
                name: "RugView",
                autoBind: true
            },
            events: [          
            CHANGE          
            ],
            //Fire the external event: CHANGE
            _change: function(element) {
                var that = this;
                that.trigger(CHANGE, { element: element });
                return that;
            },
            comboboxvalue: function()
            {
                var that = this;
                var cbBox = $('#cbYearDate').data("kendoComboBox");
                //var cbBox = that._combobox.data("kendoComboBox");
                return cbBox.value();
            },
            viewbyvalue: function()
            {
                return $('input[name="rvViewBy"]:checked').val();
            }

        });
    ui.plugin(rugView);

});

I have three stock charts on one page and as a person selects the navigation for one I would like the slider and graphs to update on the other charts.  I've figured out the navigation slider, but I can't get the other charts to refresh elegantly. 

.....

select: function (e) {
fnAdjustChartTimeSelections(kendo.toString(kendo.parseDate(e.from, 'yyyy-MM-dd'), 'MM/dd/yyyy'), kendo.toString(kendo.parseDate(e.to, 'yyyy-MM-dd'), 'MM/dd/yyyy'),'SAR');

},

function fnAdjustChartTimeSelections(StartDate, EndDate, src) {
switch (src.toUpperCase()) {
case "SAR":
$("#utilvspricechart").data("kendoStockChart")._navigator.selection.set(new Date(StartDate), new Date(EndDate));
$("#lendablevsonloanchart").data("kendoStockChart")._navigator.selection.set(new Date(StartDate), new Date(EndDate));

............. Changes the selects but I can't get the graphs to update with the newly selected ranges..

In documentation it says about ModalView:

"The widget can be open when any mobile navigational widget (listview, button, tabstrip, etc.) is tapped. To do so, the navigational widget should have data-rel="modalview" and href attribute pointing to the ModalView's element id set (prefixed with #, like an anchor)."

 I've tried to use the "data-rel" attribute inside a listview template, but it gives error about invalid template.

 Example: 

Can you please give example how to use it properly from listview?