or
1 answer
479 views
Consider the following example: http://embed.plnkr.co/AZsXtbXTpaswliEoE2fq/
When checking child nodes you can see that the console.log outputs the correct child nodes. When selecting a parent node I get an event for the parent node specifically and the children are programmatically checked as the parent is checked.
Is there an easy way to know which child nodes gets selected. I'm only really interested in the check state of the deepest level.
Stefan
Telerik team
answered
on
03 Aug 2016
1 answer
294 views
New to kendo ui in general and started working with scheduler. ASP.NET MVC application. Here is what i am trying to do:
1. when user changes view or navigates (via today, fwd, or back buttons or the date picker itself) i want to call out to server to read new data (serverfiltering = true)
2. when user "filters" on people whose tasks i am displaying, i only want it to filter "in place" so to speak (serverFiltering = false) and NOT call out to server again. e.g. i already have the data loaded that i need, i only need to hide/show it. I don't need to call server for it.
it seems like i can only get one or the other.
has anybody dealt with this issue? I looked at telerik's server filtering example, but it calls out for everything.
1 answer
162 views
Hi,
I'm building an Angular 1.4.1 application, and I'm looking to integrate KendoUI components into it.
I'm using bower, so I added "kendo-ui" to the bower.json file, and indeed it downloaded.
In all your examples there's a file included: "kendo.all.js", which is not in the bower package.
When I try to add a date picker, for example (<input kendo-date-picker />), the style is scrambled - I get a long input control and a text below it that says "select", that opens a scrambled and not well designed calendar.
BTW - I use gulp to aggregate all JS files to a single JS file, and CSS files also to a single CSS file - file names are taken from each bower.json in each package.
What am I doing wrong?
Thank you.
Stefan
Telerik team
answered
on
03 Aug 2016
4 answers
496 views
I am currently unable to set the values of a slider and rangeslider on a page. There are no Javascript errors, it appears the sliders are just not redrawing with the new values. Sliders:
How I am setting the values:
The strange thing is the values appear to be "sticking" for the sliders, as in if you reference
<div>@{Html.Kendo().RangeSlider<double>() .Name("theRangeSlider") .Min(0).Max(100) .SmallStep(1) .LargeStep(10) .Values(new double[] { Model.LowLimit, Model.HighLimit }) .Events(e => e.Slide("onRangeSliderChanged")) .HtmlAttributes(new { style = "width: 425px;" }) .Render();}</div><div>@{Html.Kendo().Slider<double>() .Name("theSlider") .Min(0).Max(1) .SmallStep(.01) .LargeStep(0.1) .Tooltip(t => t.Format("{0:P0}")) .Value(Model.SliderValue) .ShowButtons(false) .Events(e => e.Slide("onSliderChanged")) .HtmlAttributes(new { style = "width: 425px;" }) .Render();}</div>How I am setting the values:
$("#theSlider").data("kendoSlider").value(sliderValue);$("#theRangeSlider").data("kendoRangeSlider").value([lowerValue, higherValue]);//Have also tried:$("#theRangeSlider").data("kendoRangeSlider").values([lowerValue, higherValue]);$("#theRangeSlider").data("kendoRangeSlider").value(lowerValue, higherValue);$("#theRangeSlider").data("kendoRangeSlider").values(lowerValue, higherValue);The strange thing is the values appear to be "sticking" for the sliders, as in if you reference
$("#theRangeSlider").data("kendoRangeSlider").values() the values are exactly as I set them. The slider just does not change.
Danail Vasilev
Telerik team
answered
on
03 Aug 2016
1 answer
116 views
hi. in kendo UI i see there is a way to load only the relevant js files for a component (e.g. datepicker).
is there any way to take only the relevant css for the datepicker? (instead of loading the whole kendo.common.css...)
Kiril Nikolov
Telerik team
answered
on
03 Aug 2016
5 answers
313 views
Hi,
I have trouble with angular events such as ng-click when using scheduler groupHeaderTemplate and eventTemplate.
The ng-click event is not fired.
Samples:
//Loading templatesthis.groupHeaderTemplate = <string>$templateCache.get(SchedulerPageController.groupHeaderTemplatePath);this.eventTemplate = <string>$templateCache.get(SchedulerPageController.eventTemplatePath);let options: kendo.ui.SchedulerOptions = kendo.ui.Scheduler.fn.options;options.groupHeaderTemplate = kendo.template(this.groupHeaderTemplate);options.eventTemplate = kendo.template(this.eventTemplate);Group Header template
<div class="row" k-template> <div class="col-sm-7"> <span><strong style="color: #=color#">#=text#</strong></span> </div> <div class="col-sm-4 text-right"> <button class="btn btn-danger" ng-click="alert('test')"><i class="fa fa-times"></i></button> </div></div>Event template
<div class="movie-template"> <img src="#= image #"> <p> #: kendo.toString(start, "hh:mm") # - #: kendo.toString(end, "hh:mm") # </p> <h3>#: title #</h3> <a href="#= imdb #" ng-click="console.log('test')">Movie in IMDB</a></div>
Georgi Krustev
Telerik team
answered
on
03 Aug 2016
1 answer
143 views
I need to fill in a second grid based on the selected row of the top grid. Second grid is a vertical layout grid, not the regular grid.
I am having problem on line 211 (3rd page) on options.success(appItem). I get that javascript don't have the property or method slice when getting the data back.
I had included on the 4th page what's being returned.
2 answers
310 views
I wanted to remove the save and cancel options that are appearing by default in kendo scheduler pop up.I had gone through the Scheduler Api source but didn't find the way in which I could achieve it.Any help will be appreciated.Please find the attachment for more info.
Thanks
1 answer
1.1K+ views
I have to issues with Kendo grid filtering. I'm using Kendo 2015.2.902 version and installed Kendo.DynamicLinq 1.1.2.0.
First issue is related on parameters which I received from Kendo grid. Filter data are deserialized into Kendo Filter class in my controller action. After deseralization Value property became array of strings and ToDataSourceResult method throws exception: "Operator '>' incompatible with operand types 'DateTimeOffset' and 'String[]". It was happened for any filtering. I temporarily fixed by removing array and injecting string.
Second issue happened after I "fixed" first one. Method ToDataSourceResult throws exception: "Operator '>' incompatible with operand types 'DateTimeOffset' and 'DateTimeOffset' ".
I followed http://blog.codebeastie.com/kendo-grid-sorting-and-filtering/ and implemented my controller action as explained. Also I implemented JsonNetValueProviderFactory as described here https://github.com/kendo-labs/dlinq-helpers/issues/6.
Do you know how can I fix that and is it because of different Kendo versions?
Stefan
Telerik team
answered
on
02 Aug 2016
1 answer
474 views
I'm using Kendo scheduler with angular js and here is my schedulerOptions.
My requirement-I want to trigger a function on change of a date/select week /select day/month option .
But unfortunately the change function is not triggering any event.
Here is the code..
$scope.schedulerOptions = { date: new Date(), startTime: new Date(), height: 800, views: [ "day", "week", "month", { type: "month", selected: true } ], change: scheduler_change, eventTemplate: $("#event-template").html(), editable: { destroy: false, //removes close button from the label template: $("#editor").html() }, edit: onEditClick, timezone: "Etc/UTC", dataSource: { batch: true, data: outputTypeArray, schema: { model: { id: "id", fields: { id: { from: "id", type: "number" }, title: { from: "name", defaultValue: "NA", validation: { required: true } }, name: { from: "name", defaultValue: "NA", validation: { required: true } }, status: { from: "status", defaultValue: "NA", validation: { required: true } }, trip: { from: "trips", defaultValue: "NA", validation: { required: true } }, client: { from: "client", defaultValue: "NA", validation: { required: true } }, start: { type: "date", from: "start" }, end: { type: "date", from: "end" }, colorId: { from: "colorId" } } } } }, footer: false }; } function scheduler_change(e) { var start = e.start; //selection start dates var end = e.end; //selection end date var slots = e.slots; //list of selected slots var events = e.events; //list of selected Scheduler events var message = "change:: selection from {0:g} till {1:g}"; if (events.length) { message += ". The selected event is '" + events[events.length - 1].title + "'"; } console.log(kendo.format(message, start, end)); }
Can you please help me on this..
Dimiter Topalov
Telerik team
answered
on
02 Aug 2016
