Hi,

I will be referring to the following example in my question: http://demos.telerik.com/kendo-ui/grid/editing

There are two validations: Product Name and Unit Price are both required.

When adding a new row, automatically the Product Name field shows a message that this field is required. If user supplies a product name and then moves on to add a new row, edit another row, etc., the Grid doesn't show a message that Unit Price is required, unless user clicks on the Unit Price cell.

 Is there a way to prevent user from adding new rows or editing other rows, before filling in all required data for a row?

Thanks

Just as we can access "value" in groupHeaderTemplate, is it possible to access "value" (essentially the column value) from the group footer template.

For example: in the group header template we have something like:

<script id="productCodeTemplate" type="text/x-kendo-tmpl">   
    # var product = value; productArr = product.split(";"); #
</script>

so can we do "var product = value" in the group footer template as well? since when i try this it does not work (says value is not defined)

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..