Questions on Kendo UI for jQuery Forum

2 answers

190 views

Hi,

When using charts, I use the "redraw" method to handle the case when the screen is resized by attaching a listener to the resize event. However, I realized that there is no such method in Sparklines, and I cannot find any good alternative (refresh seems to need me to resubmit the whole data, which is not as easy in my use case).

Do you plan to add this method too? :)

Sparkline

answered on 20 Nov 2014

3 answers

323 views

Understanding difference between remote/local datasource

Hi,

I'm trying to understand if what I'm seeing is by design. It appears that when I use a remote HierarchicalDataSource (HDS) with loadOnDemand=false that the datasource "read" method is called for each level of the tree. Is the philosophy here that if you would only use a remote HDS when you have larger datasets to return on demand for different levels of the Hierarchical data? Or, said another way, is it not supported to have a remote HDS return the full structure once and have the TreeView use that and not make any more remote calls (or, use "fetch" at least)?

Alternatively, if I use an HDS with local data with loadOnDemand=false, like:

new kendo.data.HierarchicalDataSource({

data: someData

})

then the TreeView works with the full data as expected. The trouble here is that I want to provide my data via ajax in one call - not have it called for each level of the tree. And right now it seems I would need to make that ajax call to get the data and then create the HDS as if it is working with local data to avoid all these remote calls.

Am I missing something?

Thanks,
Josh

TreeView

answered on 20 Nov 2014

1 answer

173 views

Sorting the groups on a different levels programmatically

Hello,

This thread describes how to sort the groups (1 level
grouping) programmatically:
http://www.telerik.com/forums/sorting-the-group-programmatically

Example:
//get
reference to the Grid widget
var grid = $("#grid").data("kendoGrid");
//set asc
direction to the group (for example grouped by FirstName)
grid.dataSource.group({field:"FirstName", dir: "asc" });
//set desc
direction to the group (for example grouped by FirstName)
grid.dataSource.group({field:"FirstName", dir: "desc" });

We have tried to apply this approach to the grid with few
levels of grouping and had no luck.
Could you please
·
let us know if that approach works for grid
with subgroups
·
provide working example of code
Thank you.

Grid

answered on 20 Nov 2014

1 answer

297 views

How to find dropdownlist control from Popup window

Hi All,

I have created dropdownlist controls dynamically which I am displaying in popup window. I want to find out this all controls on specific button click event.

I tried below different way but I am unable to find out this control.

var $formElements = $('#popup-window').find(':input').filter(function () {
return $(this);
});

var name = [];
var input = $('#popup-window').find("select").each(function (i) {
name[i] = $(this).attr('id');
});

name = $.map($("div[id*=popup-window").find("select"), function (item, index) {
return $(item).attr("id");
});

So can you please help me how to find Dropdownlist control from popup window.

Thanks-
Atul K.

DropDownList

answered on 20 Nov 2014

3 answers

243 views

Chart plotBands not working

Hi,

I am having some inconsistencies regarding valueAxis.plotBands on Chart.

Namely, for some 'from' and 'to' values it is working and for some not. Also, problem seams to appear in latest (2014.2.1008) version only.

$("#chart").kendoChart({

series: [

{ data: [13559,13295,13329,13419,13466,13481,13386,13401,13419]}

],

valueAxis: {

plotBands: [{

from: 13000, to: 14000, color: "red", opacity: 0.5

}]

}

});

You can see it in action here http://dojo.telerik.com/OSIRe where plotBand is not drawn

1) Try changing plotBands.from to 13200 -> it works
2) Try changing Kendo version to older one -> it works

Charts

answered on 20 Nov 2014

1 answer

65 views

shell we book one event on specific day of calander?

Hello,

I am want to use this event calendar. I need some more customization as per my need.

1. I want to set one day have only one event. its does not allow to add more events, if its already set for the day.

2. one user can see all events listed on this calendar. but, edit only one which he added for or we can disable whole day events for that user, if any other user have already book for the day.

Can you tell me this kind of customization is possible with this controller or not? can you please help me to more customizations?

Scheduler

answered on 20 Nov 2014

1 answer

363 views

kendoRecurrenceEditor schedule editor. Read only or disabled?

Hi there.

I'm using the kendoRecurrenceEditor control to generate a form for allowing users to create and edit a single recurrence rule. This works fine but what I need now is a way to make the form read only or disabled.

I'm executing the code in the JavaScript like this (with some Razor syntax mixed in):

$("#recurrence").kendoRecurrenceEditor({

uid: "BillTest1",

date: new Date("@DateTime.Now"),

dataSource: [

{

id: 1,

start: new Date("@Model.Start"),

end: new Date("@Model.End"),

title: "@Model.Title"

}]

});

I want to maintain the way the editor puts the appropriate controls on the page, but once it's all laid out I don't want the user to be able to change things.

Is there a way to do this?

Many thanks,
Bill

Scheduler

answered on 20 Nov 2014

6 answers

517 views

[Solved] Styling listview items

Hi,
Using (trialling) Kendo UI v2014.2.1008

I'm wondering about how to implement a multi-select listview. I understand the web component has this capability, but it seems unsuitable when I read the listed caveats (no view transitions etc).

I was trying to use an template with a style binding together with the click event, so that when an item is clicked the row color/icon can be changed. I've tried variations of the following:

<div data-bind="style: {color: selectAnimalsViewModel.rowColor}">#= text #</div>

where rowColor is simply a variable like this (for now - later to be a function): rowColor: '#0000ff'
Nothing I do with the style binding seems able to affect the listview item style though.

I've seen other posts where something like this was suggested:

e.item.find('.km-icon').removeClass('km-trash').addClass('km-add');

- this works, but it's not persistent, such then when I return to the page from elsewhere, the icon/style has reverted to the original one. I realize I can set this up manually when navigating to the page, but I was hoping for a more 'automatic' method.

Is what I'm trying possible? Is there a better method? You advice is greatly appreciated, thanks.

Additional info: the listview is being initialized in the view's init() method. Apologies for not having a more complete example.

Regards,
Steve

ListView (Mobile)

answered on 20 Nov 2014

1 answer

129 views

Memory leak on create and destroy toolbar

Hi,

I am creating SPA application and I am using Toolbar. Destroy method does not remove all handlers and stay here memory leaks. Here is sample:

http://jsfiddle.net/d6y7f76d/

Toolbar

answered on 20 Nov 2014

1 answer

644 views

Scheduler Edit template MVC

Hi Team,

I am using Kendo scheduler in MVC application, on clicking calender slot i need to display custom form(popup) instead of default form. We have already created View (cshtml) for this so on click i need to render this view as popup(i do not want to create script tag in existing view as given in example).
and after clicking on save need to call some action method from controller.
can you please let me know how i can achive this?

Thanks...

Scheduler

answered on 20 Nov 2014