Questions on Kendo UI for jQuery Forum

1 answer

118 views

I've noticed that when you map the id of the model to a different field (e.g. id: "personID") , the resulting object will actually possess still possess the ID field as well as whatever it was assigned to.

e.g. using the personID example

var test = kendo.data.Model.define({id: "personID"});
t = new test();
Results in:
{personID: "", uid: "a30e1c16-fc65-4345-980c-4d5ad527348c", dirty: false, id: ""}

My question is what it the use of the id field versus the personID field. I've noticed the framework updates both fields upon a successful post back. but also that the isNew() function only tiggers of the id field... not the personID field.

Data Source

answered on 12 Dec 2013

1 answer

530 views

Resizing a pane depending on its content

I have an horizontal splitter in my web page (a collapsible menu and the main content). The main content is separate by a vertical splitter (a fixed size pane with 30 pixels and another one taking the space left). The fixed vertical pane contain a few elements with a display:inline-block, making them all on one line.

When the collapsible menu is open there isnt enought space for all elements on the same line so it takes two, however the panes have a fixed size and don't resize properly to 60px. I can't manually resize it in my vertical splitter's resize event because it'll cause recursivity and I can't do it in my horizontal splitter's one because the problem is there on other events too (ex. : browser resize)

How can I resize dynamically a pane based on it's content?

Splitter

answered on 12 Dec 2013

4 answers

147 views

Issue creating and opening drawer with Javascript

Hi There,

I am having an issue creating and showing a drawer using javascript rather than defining it in html.

I have reproduced the issue in a simple sample:

http://jsbin.com/oJaKiHU/1/edit

Is this possible or am i doing something wrong?

Thanks,

Rob

Drawer (Mobile)

answered on 12 Dec 2013

7 answers

274 views

Razor TreeView - how are checked notes posted?

Hi,

Edit: the subject of this thread should contain "nodes" not "notes".

I wasn't able to find documentation on how checked nodes from a Kendo TreeView (MVC Razor) are posted to the server. With your ASP.NET MVC extensions, I used a method on my controller of the form:

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult Update(FormCollection formCollection, List<TreeViewItem> treeView_checkedNodes)

When I use this approach with Kendo, the method is invoked but the treeView_checkedNodes argument is null.

If this is the right approach, then I can post more code so that you might help me find the problem. But otherwise please advise as to how to obtain, from an MVC controller on the server, the TreeView's checked items.

thanks,
Derek

TreeView

answered on 12 Dec 2013

1 answer

77 views

Required Field

How to check required field into a KendoUI Mobile form?
Thank you

General Discussions

answered on 12 Dec 2013

1 answer

391 views

ComboBox z-index

Hi, I'm trying to create a dashboards using windows as widget containers. In the top of the dashboard I have a toolbar with some comboboxes that are filters for my widgets. However when I open the comobobox, the list of values appear under de widgets (window). I tried to change the z-index using styles, I try to change the z-index in the combobox open event .. but nothing works ...

How I can change the combobox z-index? (I'm using MVVM)

Thanks in advance

ComboBox

answered on 12 Dec 2013

1 answer

239 views

Agenda view customisation

Can you provide a code snippet on how to modify the agenda view? Specifically I want to modify the default headers Date, Time and Event to say something else.

Scheduler

answered on 12 Dec 2013

1 answer

226 views

Change formatting of Grid column in response to event

Hello,
I have a Kendo Grid (called 'overallGrid' in my example) with some columns formatted as percentages with one decimal place ( format: "{0:p1}" ). I also have a View Model with a Select element, where the user can change what values they wish to see in the columns. What I need to do is, when they pick a certain option in the Select element, the formatting of the columns should be changed to be a decimal with 1 decimal place, rather than a percentage.

At the moment, I have this in the "click" event of a "update grid" button;

if (viewModel.score == 'Mean') {

overallGrid.columns[1].format = '{0:n1}';

overallGrid.columns[3].format = '{0:n1}';

}

overallGrid.dataSource.filter( [

{ field: "score", operator: "eq", value:viewModel.score},

]);

overallGrid.dataSource.read();

overallGrid.refresh();

When run, the formatting on the rendered grid does not change, even though I can see that the "columns.formatting" of the Grid object has been changed when I inspect the object in Firebug.

What am I doing wrong? Thanks!

Grid