Questions on Kendo UI for jQuery Forum

0 answers

188 views

Dynamic loading of panel bar using datasource

Hi,
I want to load the panel bar headers dynamically from the database .Is it possible with data source?can u provide some sample code for dynamically loading panel bar with data source.

PanelBar

asked on 13 Jun 2012

0 answers

164 views

Generate TreeView DataSource in Jquery

Hello,

I am using KendoUi TreeView, as I read this treeview doesn't support remote data source from Json. So I was trying to take data from controller in Jquery and loop it to create treeview item as below

$.getJSON(baseurl + '/api/TreeDataController/GetOnlineTreeData',

function (data) {
var ds;
                  ds = {
  $.each(data, function (i, row) {
                 id: data[i].id, text: data[i].Name, items: [{ id: data[i].id, text: "<label>" + data[i].Name + "</label>" }]
       });
                 }

var treeview = $("#treeview").kendoTreeView({

template: kendo.template($("#treeview-template").html()),

dataSource:[ds]

}).data("kendoTreeView")

});

But here I am getting error at text: (saying expected ; ). So please give me solution how can I show this data as datasource for Tree.

Thanks,
Atul

TreeView

asked on 13 Jun 2012

1 answer

428 views

Validating DropDownList inside a form

Validating a DropDownList (mainly the ' required' rule, most other rules are not applicable) will not work correctly when you build a dropdownlist using the SELECT element and when you create the validator on a container element (e.g. a form).
It works when you call the Validate function (or on submit of the form), but it does not work when the dropdownlist looses the focus.
Seems the onblur event is not triggerd for the dropdownlist?
This is not a big problem for the required rule, but I want to implement a custom rule which I want to be triggered when the dropdownlist looses the focus.

Regards, Jaap

Validation

answered on 13 Jun 2012

0 answers

106 views

Editor in a knockout template doesn't work in IE

Hi,

I tried to add the editor in a knockout template.
The first time the template (with the editor in the template) is shown everything works fine.
The editor doesn't work anymore when it is shown a second time.

This issue occurs only with Internet Explorer.
It works fine with other browsers. (tried in Opera, Safari, Chrome, Firefox)

I reproduced the issue in fiddler: http://jsfiddle.net/pVJH9/

Scenario:

Click on "show Kendo editor"
Fill some content in the editor (important!!)
Click on "show other content"
Click on "show Kendo editor"

Editor doesn't work anymore.

Sébastien

Editor

asked on 13 Jun 2012

1 answer

83 views

Toolbar appears between grouping row and grid header

Happens in the latest KendoUI release.

You can see it here: http://jsfiddle.net/latenightcoder/RALR3/1/ (Seems like jsfiddle is having some problems getting the http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css file from your CDN even through referenced right but you can still the toolbar position)

Worked as expected in the initial version of KendoUI (v2011.3.1129) : http://jsfiddle.net/latenightcoder/RALR3/2/

Grid

answered on 13 Jun 2012

0 answers

55 views

How can I change the color of the labels on mouse over?

I have made a pie chart with labels for each category aligned "circle".
How can I change the color of the labels on mouse over?
Greetings Luca

Data Source

asked on 13 Jun 2012

1 answer

104 views

grid with inconsistent data

Hi,
i need to display a grid with dynamic data, i have no previous knowledge regarding my columns,
additionally the objects\rows are not consistent, for example:

var users = [{"a":"1","c":"1"},

{"a":"2","b":"2","c":"2"},

{"a":"3","b":"3","c":"3"},

{"a":"4","b":"4","c":"4","d":"4"}]

when passing this kind of data to a Kendo grid, it sometimes displays the common attributes and sometimes don't display anything.

is there a way to make it display null values for missing values?

sample - http://jsfiddle.net/76aZ7/20/

Thanks,
Ishay

Grid

answered on 13 Jun 2012

1 answer

512 views

Grid / Hierarchy selected Id or selected Row

Hi there this is my first post in here, let me talk about my problem, I have a Grid with Hierarchy and I added a custom button to the child grid to show something else in a kendo window but I need and the id from the datasource of the child id.

This is my code:

$("#grid").delegate(".details-button", "click", function(e) {
           e.preventDefault();
           console.log($(this).closest("tr")); // this return the correct TR
           var dataItem = grid.data('kendoGrid').select($(this).closest("tr")); // this return null
           console.log(dataItem);
     });
});

This is based on the example of custom command.

Greetings

Grid

answered on 13 Jun 2012

0 answers

201 views

Bind List (UL) to a data source

I want to have two list (left , right ) and need to drag and drop li elements between them. The problem is how can I make this list observable. Now even though I have created the drag and drop functionality when I try to get the view model It hasn't changed.
Here is my view model,

var model = kendo.observable({

User: kendo.observable(data),

displayGreeting: function () {

var name = this.get("name");

alert("Hello, " + name + "!!!");

},

save: function () {

var user = JSON.stringify(this.get("User"));

DataService.SaveUser(user, function (data) {

alert(data);

});

}

});

kendo.bind($("#mainDiv"), model);

And here is my ul

<ul id="resourceGroupUl" class="resourceGroupUl SelectedLis" data-role="listview" data-template="ul-template" data-bind="source:User.ResourceGroups"

</ul>

General Discussions

asked on 13 Jun 2012

2 answers

159 views

How to Load toolbar in Grid

Hi..

I am using a grid which is loaded from database and also toolbar for creating a new record.
But instead of using the tool bar i want a new record to be opened by default at the time of loading the grid.(i.e addrow() method without clicking any button)
how is it possible? pls suggest....

Sameer.

Grid

answered on 13 Jun 2012