Telerik Forums
Kendo UI for jQuery Forum
6 answers
216 views
I can select a shape dynamically with the select method, can deselect a shape dynamically too? 
Edward
Top achievements
Rank 1
Veteran
Iron
 answered on 26 Mar 2021
1 answer
158 views

Can we use "Kendo UI for jQuery" with Angular version 1.2.16? Is it compatible with angular  1.2.x?

Is Telerik provides support for Angular version 1.2.x?

 

Due to some reason we can't upgrade angualrJs version in our application and planning to use Kendo UI for jQuery hence want to ensure about the compatibility and support before using it?

I will appreciate quick response on this.

Thank you!

 

Stoyan
Telerik team
 answered on 25 Mar 2021
1 answer
871 views
Hello everyone. The situation is as follows: I need to add one "draggable" class and one style "cursor: pointer" "to all table rows, but this must be done without using templates, since the styles and content are defined in columns and without loops, because there is too much data and when added by a loop, it hangs.
Mihaela
Telerik team
 answered on 25 Mar 2021
5 answers
446 views

Dear Kendo team,

Is there a way to bind a cell to a dropdown list on selection of the same row's another dropdown list's change event? 

I have attached a screenshot. On selection of B3's dropdown list, I need to generate a dynamic dropdown list in C3 column.

Can you help me with an example code? I tried to search this in the forum, but couldn't find the exact answer.

Thanks in advance :)

 

Best Regards

Iffat

Aleksandar
Telerik team
 answered on 25 Mar 2021
4 answers
569 views

Hello.

I want to change the pointer color of linear gauge based on its current value like the colors config of Arc Gauge.

 

Currently I made it with MVVM change event (here's the code).

https://github.com/kent010341/KendoUI-demo/blob/master/mvvm_change_event.html

 

I'm wondering if there's an easier way to make this (such as data-bind the pointer color directly).

 

Thanks.

 

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 25 Mar 2021
10 answers
4.0K+ views
Is there a way  to disable automatic validation? I want to validate manually by calling [validate()]. At present it creates red box around my input automatically when [blur] event is fired.
Thanks,
Max
Misho
Telerik team
 answered on 25 Mar 2021
5 answers
125 views

How can I use javascript function for defining template for datepicker. Only strings are working now for templates. And if I use strings for template the corresponding function used inside the template should be global.

 

$("#datepicker").kendoDatePicker({
                        value: today,
                        dates: birthdays,
                        weekNumber: true,
                        month: {
                            // template for dates in month view
                            content: function (e) { alert(e);},
                            weekNumber:  '<a class="italic">#= data.weekNumber #</a>'
                        },
                        footer: "Today - #=kendo.toString(data, 'd') #",
                    });
Anton Mironov
Telerik team
 answered on 25 Mar 2021
2 answers
639 views

I have a TimeSpan field called duration that is being returned from MS-Sql Server.  I am trying to format that field for display in a grid as mm:ss

I've parsing it as a date for a template but that hasn't worked as I don't believe it is a date.

 

{
                    field: "duration",
                    title: "Duration",
                    template: "#= kendo.toString(kendo.parseDate(duration), 'mm:ss') #",
                    width: 120,
                    filterable: false
                },

Any suggestions greatly appreciated.

Roger
Top achievements
Rank 2
Veteran
 answered on 24 Mar 2021
5 answers
448 views

Can I change the filter to be a treeview if I have a hierarchical data source for it?  I've been trying but not seeing any data.If I view the source I can see the treeview and all the data but the filter doesn't show the data on the screen.

 

My column is defined like this:

field: "country",
                    headerTemplate: '<span title="' + myTranslator.translate("Country", "Country") + '" data-toggle="tooltip" data-placement="right">' + myTranslator.translate("Country", "Country") + '</span>',
                    filterable: {
                        ui: createCountrySelect,
                        extra: false,
                        operators: {
                            string: {
                                contains: myTranslator.translate("Contains", "Contains")
                            }
                        }
                    },
                    groupHeaderTemplate: kendo.template($("#group-row-template").html())

 

And the createCountrySelect:

 

function createCountrySelect(element) {
    element.removeAttr("data-bind");
 
    var ds = new kendo.data.HierarchicalDataSource({
        data: vm.unflattedGeographicUnits,
        schema: {
            model: {
                id: "recordID",
                hasChildren: function (node) {
                    return (node.items && node.items.length > 0);
                },
                children: {
                    schema: {
                        data: "items",
                        model: {
                            id: "recordID",
                            hasChildren: function (node) {
                                return (node.items && node.items.length > 0);
                            }
                        }
                    }
                }
            }
        }
    });
 
    element.kendoTreeView({
        dataSource: ds,
        dataTextField: "name",
        change: function (e) {
            var filter = { logic: "or", filters: [] };
            var values = this.value();
            $.each(values, function (i, v) {
                filter.filters.push({ field: "geographicUnits", operator: "contains", value: v });
            });
            vm.countryDataSource.filter(filter);
        }
    });
}

 

Josiah
Top achievements
Rank 1
Veteran
 answered on 24 Mar 2021
3 answers
1.5K+ views

I'm trying to filter my grid using multiple multiselect controls in a toolbar template. They each seem to work separately, sort of, but not completely together as I would like. I know it's just a matter of getting the filtering logic written correctly, but I've been at it for days now and can't seem to get it working 100%. The grid is running in Row filtering mode.

I want to filter multiple columns based on multiple selections.

For simplicity sake, I'll break it down like this:

I have a Species column that might contain: Kokanee, Rainbow Trout, Salmon, Steelhead, Walleye

I have an Area Type column that might contain: Freshwater Lake, River, Marine, Secret

I can get it to filter by a single species, or by a single area type, as the records in the grid can only be of one type, and have one species.

What I want to filter by looks like this: (Kokanee OR Salmon) AND (Freshwater Lake OR River)

I would want to be able to show both of those species, in either of those area types.

My Multiselects look like this:
                    @(Html.Kendo().MultiSelect()
                        .Name("areaTypeFilter")
                        .Placeholder("All Area Types")
                        .DataTextField("AreaTypeName")
                        .DataValueField("AreaTypeID")
                        .AutoBind(true)
                        .AutoClose(false)
                        .AutoWidth(true)
                        .Events(e => e.Change("filterChange"))
                        .DataSource(ds =>
                        {
                            ds.Read("ToolbarTemplate_AreaType", "Reports");

                        })
                    )

My filtering function:

        function filterChange() {
            var filters = [];
            var grid = $("#Grid").data("kendoGrid");

            if ($("#areaTypeFilter").val()) {
                $.each($("#areaTypeFilter").val(), function (key, id) {
                    filters.push({ field: "AreaTypeID", operator: "eq", value: id });
                });
            }
            if ($("#stateFilter").val()) {
                //filter = [];
                $.each($("#stateFilter").val(), function (key, id) {
                    filters.push({ field: "StateID", operator: "eq", value: id });
                });
            }
            if ($("#countyFilter").val()) {
                $.each($("#countyFilter").val(), function (key, id) {
                    filters.push({ field: "CountyID", operator: "eq", value: id });
                });
            }
            if ($("#speciesFilter").val()) {
                //filter = [];
                $.each($("#speciesFilter").val(), function (key, id) {
                    filters.push({ field: "SpeciesID", operator: "eq", value: id });
                });
            }
            grid.dataSource.filter({ logic: "and", filters: filters });
        }

 

I've tried changing the logic to OR from AND and that's definitely not the issue. Any help would be appreciated.

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 24 Mar 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?