Questions on Kendo UI for jQuery Forum

4 answers

500 views

Hello,

I created a small SPA using Kendo web and the MVVM pattern, but i'm having problems getting validation to work.
So i have a view which binds to a viewmodel using kendo.bind(view, viewmodel).
and example of a domain object (client side) would be like this:

var User = kendo.data.Model.define({

id: "id",

fields: {

id: {

editable: false,

nullable: true

},

username: {

type: "string",

validation: {

required: true

},

defaultValue: ""

},

password: {

type: "string",

validation: {

required: true

},

defaultValue: ""

}

});

and my viewmodel:

var vmLogin = function () {

var _userName = "";

var _password = "";

var _user = new User();

var _submitLogin = function () {

}

var _init = function () {

}

return {

Init: _init,

User: _user,

Submit: _submitLogin

}

I'm using data-bind in my view to bind to my viewmodel.
Is it possible to apply a Kendo validator to my view using the rules from my Model ?

Thanks in advance.

Validation

answered on 25 Apr 2014

1 answer

149 views

Pie Chart rendering weird when one of the data point is 0.

See the attached image where there are two rows in the data set. One have 23 count and other having 0 count. When the pie chart is plotted and then clicked on the legend (that has 23 Count ) to deselect it the pie chart renders the 0 count in a weird way.

The expected behavior is that the Pie Chart is blank.

Charts

answered on 25 Apr 2014

9 answers

862 views

Open a modal, from a modal

Pretty simple issue. I can do this. I can see that the 2nd modal opened but it is behind the first modal. I tried by setting z-order but it didn't seem to have an effect.

Any solutions?

ModalView

answered on 24 Apr 2014

2 answers

161 views

[Solved] TreeView disregards Observable's inside ObservableArray passed as dataSource

Is there a way to preserve the UID of ObservableObject's in an ObsrevableArray passed to a TreeView's dataSource?

I want to have a TreeView and ListView that share some observables. This way changing one would change the other too. It works if I pass the same ObservableArray in and bind ListView second, but I want them to have slightly different subsets.

I have a jsfiddle demonstrating the issue: http://jsfiddle.net/zNLNy/1187/

Thanks
Danny

TreeView

answered on 24 Apr 2014

1 answer

149 views

Don't allow parent tree inside a another parent tree to be dragged - kendo drag and drop treeview

The first image is a dragging node image. I dragged the 'furniture'
parent node inside the 'storage' parent node. This dragged
successfully(see second image).

I don't want to allow this to happen. How can I prevent it?

Thanks.

General Discussions

answered on 24 Apr 2014

2 answers

394 views

[Solved] Grid creation best practices

Loading the page, all the user sees are the controls for the query criteria - some date ranges, some drop downs, some text boxes, some checkboxes, etc - and a big search button. When they click on the search button, I create the Kendo grid and in the dataSource/transport/read, I get the criteria from the query criteria controls (in dataSource/transport/read/data) and send it to the server to get the grid of data.

Currently, whenever the user clicks on the search button, the same process is taking place, but that doesn't seem correct to me. Should I be creating the grid each time? Should I try to remove the grid from the DOM, if it exists, whenever I create the grid? Why not just force a reload of the grid, and pull the data from the query criteria again?

What is the recommended Kendo practice for this? Should I be calling $(selector).kendoGrid({...}); whenever the user clicks the search button? If so, is there something I need to do to clean up the DOM before the call to kendoGrid if the grid already exists?

And does this apply to all Kendo widgets?

Thanks in advance.

Grid

answered on 24 Apr 2014

3 answers

224 views

Clear filter on empty filter string

If I filter data in a grid, and then go to clear that filter by simply clearing the filter string and clicking 'Filter', I would like to perform the same action as clicking 'Clear'. Is this at all possible? If so, how? TIA

Grid

answered on 24 Apr 2014

5 answers

474 views

How to modify custom editor data before save?

I have a grid with columns `start` and `end`. I have a template for the start column that shows the two integers concatenated as a range. E.g., "1 - 2". I put a custom editor on this templated column and want to be able to parse the range and set both start and end. Where should I perform this parsing logic? I tried to do it on the datasource change event but calling .set() on the dataitem ends up re-calling the event.

Grid

answered on 24 Apr 2014

3 answers

283 views

Column Titles from DB / variables

Hi guys,
Is it possible to use variables for titles in Grids.I am trying to do internationalization so that Title can come from DB / CMS system .

editable : "inline",
columns : [
{
field : "OrderID",
title : '$T_OO1', <--------instead of "Order ID"
filterable : true,
width : '20%'
},

Grid

answered on 24 Apr 2014

2 answers

661 views

Filter the filter dropdown list based off grid datasource

This seems like a simple one but I am having issues finding a fix. On window, I have 4 dropdowns and a grid. A person can select from the dropdown and that will filter the grid. Now that you have a filtered grid, you can then click on the grid column to filter at the column level. The issue is that the dropdown list on the grid column filter does not reflect the filtered grid results. Basically it is still the full potential list of choices instead of the reduced list since the grid was filtered.

So, how does one call a function to change the column filter datasource and
how do you get the now reduced datasource from the column?

Thanks.

Grid

answered on 24 Apr 2014