Questions on Kendo UI for jQuery Forum

11 answers

656 views

Hi,
I would like to allow the user to choose the TimeZone for viewing the scheduled events. So I put on the page a dropdown list populated with the values returned by .Net method TimeZoneInfo.GetSystemTimeZones and when the user change its value I reflect it to the scheduler control with this code:

function timeZoneChanged(e) {
var scheduler = $('#scheduler').data("kendoScheduler");
scheduler.options.timezone = this.value();
scheduler.dataSource.read(); // (I also tried refreshing the scheduler data source)
}

But nothing happens... Am I doing some mistake here or it is not possible to modify the timezone of a scheduler after the initialization?

Thanks,
Stefano Tassara

Scheduler

answered on 23 Feb 2017

3 answers

114 views

Trouble w/ Layout binding

I'm very new to MVVM and also to Kendo. I was trying to use the SPA examples to build something I already had working another way. The SPA "Getting Started" examples use the concept of Layouts and Views together which looks useful. Here's what I'm trying to do:

Iterate over a simple JSON array in my viewmodel to emit a bound list of checkboxes. I originally got it working using the kendo.template() method and then setting the HTML results of that to the .html() of my target div. That works fine. But if I try and do this using a Layout and a View, (using layout.showIn() method) it just spits out my template tags and doesn't actually do anything. Here's a JSFiddle showing this:

http://jsfiddle.net/6Nsx8/1/

Any input is appreciated.

Thanks,
Reagan

PS: I have the sushi source code up for reference and I'm pretty sure I'm doing things right, but I can't be sure.

MVVM

answered on 23 Feb 2017

2 answers

309 views

Full Screen Map

Hello, I'm trying to make the kendo map full screen with the following CSS:

#map {

top: 0;

bottom: 0;

left: 0;

right: 0;

height: 100%;

position: absolute !important;

z-index: 9;

background-color: #ccc;

}

But, when I zoom and slide the map around, I get "whitespace" on the sides that doesn't go away. I've attached a picture of what I see.

Is there a better way of doing this?

Thanks!

Map

answered on 23 Feb 2017

1 answer

287 views

Triggering changes, auto calculations when editing cells

Hello,

I have a grid with a bunch of columns representing numbers. Some columns' data is calculated from other columns.

Based on other Forum posts, I know that I can bind to the save event of the grid to determine what fields were edited, and what, if any columns' values need to be updated as a result. This works great. However, the save event fires every time I auto calculate a field. So for instance, if I update a column called UnitPrice, that triggers changes in 3 other columns, then my save event is called 4 times.

I also learned from the (http://www.telerik.com/forums/set-other-row-cells-values-based-on-selected-dropdownlistitem-in-one-cell#db9NSV81OkuDMlzv0brCgQ)[forums] that I can use dot notation to update the data model without refreshing the grid. This results in allowing me to do all my additional calculations and my grid's save event is called one time. Once I call the refresh method on the grid, I can see my newly calculated values. This is exactly what I want, except that now my columns do not show the little red arrow to show that this cell's value has changed.

So my questions are about that little red arrow. What does that little red arrow actually show? Does it show when the grid's data is out of sync with the data source? Does it show if the data source is dirty? How can I make changes to the data model without triggering grid refreshes every time, while also showing on the grid which cells have been updated?

Grid

answered on 23 Feb 2017

3 answers

1.0K+ views

Save and Databind events being called multiple times

Hi,
In my scheduler i am performing database update while i click on save button on event popup.

The save gets called 2 to 3 times calling the same database SP. This though handled in the SP causes a performance issue as the Scheduler takes time to refresh.

This is happening on some machines and is not happening on some at all.

I also noticed that the Databind event gets called multiple times. Any idea how this can be avoided. Anyone ever experience the same set of issues.

Thanks
Siddhartha

Scheduler

answered on 23 Feb 2017

10 answers

322 views

Is SplitView collapsible?

Hi,
Can the mobile SplitView be made collapsible?
Is it possible to define the splitview to be collapsed by default and show when a Menu button in the nav bar is touched?
The idea is to use SplitView for collapsible side menu with a list of menu options.

Or if there is a better kendo mobile widget that can be used to define a collapsible left side menu.
Please let me know.

Thanks.
B.Manohar

SplitView

answered on 23 Feb 2017

6 answers

2.8K+ views

Programmatically adding / removing selections

Hi

I've been working with the MultiSelect widget for a while now but this has led to a few questions....

Is there anyway to add or remove selections programmatically? I've implemented the following code in the select event but having tried lots of different methods, as suggested in the forums, I cannot get this to work (e.g. clearing the datasource filter and setting value seems to be the most popular). My multiselect is remote bound. My onSelect event is shown below.

Is there a better way of getting the dataItem rather than how I'm doing it in the first line?

Thanks

Keith

private checkSelection(e: kendo.ui.MultiSelectSelectEvent) {

var dataItem = e.item.data().$$kendoScope.dataItem;

var hidSelected = dataItem.hid;

e.preventDefault();

//check to see if adding this will change anything currently selected

_.find(<Array<any>>this.msSelector.dataItems(), (s) => {

if (s.hid != hidSelected) {

//check to see if item's ancestor has been selected

if (_.startsWith(hidSelected, s.hid)) {

this.dialogService.showYesNo('Confirm selection',

'Adding <span class="text-bold">' + dataItem.name + '</span> will remove <span class="text-bold">' + s.name + '</span>. Do you want to continue?').promise.then((r) => {

if (r) {

//remove parent

}

else {

//remove new selection

}

return;

});

}

});

}

MultiSelect

answered on 23 Feb 2017

3 answers

439 views

How to prevent multiple post back on Kendo UI Grid

Hi, I have a question about the Kendo Grid control, in my application, I have one kendo grid using wrappers (MVC) on one page and everything works fine but I have noticed a couple of issues with it. When I click on the "go to next page or go to previous page" button Read kendo property is being fired which calls the action result method on my controller; in my case, is one simple stored procedure that returns X number of data, for one user this will work fine but it will not do so if 20 users or more are doing the same thing at the same time. This issue is not exclusive with the paging or sorting but everything including filtering, refresh button, etc. So my question is if there is any way to cache the data (store the data in memory) and filter this data instead of reading the data from the stored procedure each time.

Grid

answered on 23 Feb 2017

4 answers

1.2K+ views

Dynamically Update Footer Template

I have a need to dynamically update the footer template for a grid column. There is a custom calculation that needs to be performed on data for a column and the result of the calculation should be displayed in the column footer. The data for the grid is local. The custom calc should be triggered and the footer should be updated immediately after the user modifies the data for a cell in the column.

I created a Kendo UI Dogo sample to illustrate what I'm trying to do. The sample can be found at http://trykendoui.telerik.com/oVEV. In the sample, a function named "calc" is being called by the footer template. I'm having two problems trying to accomplish my goal right now.

1. The call to the "calc" function is wired to the save event of the grid. However, the data source doesn't contain the latest values at the point in time that the save event callback is called. It's as if the save event is actually a "beforeSave" event. How do I get the updated values from the grid's data source? Is there another event that I should be using for making the call to the "calc" function?

2. Once problem #1 is solved and the "calc" function is able to calculate the correct values, how do I display the new value in the column footer?

Grid