Questions on Kendo UI for jQuery Forum

5 answers

380 views

Problem with dataBound event on nested list

Hello

I have viewModel that is created from remote dataSource

var viewModel = window.kendo.observable({

dataSource: data.dataSource,

dataBound: function() {

// do something

}

});

this view model is bound to list:

<div class="list edit-form"

data-role="listview"

data-source="{ 'pageSize': 5 }"

data-bind="source: dataSource"

data-auto-bind="false"

data-template="list-line-template">

</div>

<div class="pager k-pager-wrap"

data-role="pager"

data-source="{ 'pageSize': 5 }"

data-bind="source: dataSource"

data-auto-bind="false">

Inside list there is nested sublist with is bound with:

<div class="form-group-indent" data-bind="source: SubList" data-template="list-subline-template">

</div>

Everything is working except one thing, I need to run some code after all list is finished loading and finished binding: I tried

events: { dataBound: dataBound }

on list element, but this is fired too soon, before sublist is bound.
When I add the same in place where sublist is bound, the even is not fired, becuase I beleive it si trying to find function inside nested element, not on root.

So my question is how to add event handler to dataBound event from viewModel (parent), or is there any event that is called when everything is bound, all parent and child items to listview?

Regards
Marcin

MVVM

answered on 16 Jun 2014

1 answer

1.0K+ views

Inline Add - Not getting dropdown default value

Hello,

I am executing the inline add/edit. During inline add, I have a dropdown values which are pulled from database but when I click then not getting the default selected value in save operation, If change dropdown value and click on save then getting the dropdown value.

Thanks in advance.

Grid

answered on 16 Jun 2014

3 answers

178 views

[Solved] Grid Paging intializing problem with json datasource

Hi

I have an issue with the paging block at the bottom of the grid (where pages numbers buttons and items number are located). At the first rendering of the page, this paging block is not initialized. My grid contains 2 pages of 5 items each but the paging block only displays 1 page button, with the number "0" and the text "No items to display".

If I sort the data (by clicking on a column header), the paging block is properly initialized.

I have no clue of what I'm doing wrong.

Here is my cshtml code :

$("#grid").kendoGrid({

dataSource: {

type: "json",

transport: {

read: "/Countries/AllCountries",

},

schema: {

data: "data"

},

pageSize: 5

},

groupable: false,

sortable: true,

pageable: true,

filterable: true,

});

Here is the result of my json request /Countries/AllCountries :

{"data":[

{"Id":1,"Name":"Japan"},

{"Id":2,"Name":"South Africa"},

{"Id":3,"Name":"United States"},

{"Id":4,"Name":"Albania"},

{"Id":5,"Name":"Germany"},

{"Id":6,"Name":"France"},

{"Id":7,"Name":"Sweden"},

{"Id":8,"Name":"UK"},

{"Id":9,"Name":"Marocco"},

{"Id":10,"Name":"Argentina"}]}

Thanks for helping

Grid

answered on 16 Jun 2014

3 answers

228 views

series.missingValues "interpolate" using a different series.dashType

Hi,

is there a way to specify "dot" as the dash type to use when interpolating in a line chart for the series ?
The series dash type would be for example solid except the missing values.

Thanks alot,

Charts

answered on 16 Jun 2014

3 answers

473 views

DataSource Change Event Not Firing

Hello,
My understanding is change event is fired on success of a service request. I have tried below code but no luck. The error event fires as expected.

Thanks for your time and help.

function login() {
var username = $("#username").val();
var password = $("#password").val();

var dataSource = new kendo.data.DataSource({
transport: {
read: {

url: "http://localhost:8080/NavXzy/rest/SecurityService",

type: "POST",

dataType: "json",

data: { username: username, password : password }
}
},

change: function (e) {
console.log(e);
},

error: function(e) {
console.log("error");
e.preventDefault();
app.navigate("kendoUI.html");
}

});

dataSource.read();
}

Data Source

answered on 16 Jun 2014

1 answer

103 views

Labels and min value issue

When using min and axisCrossingValue in order to show small values on log scale axis, if min and axisCrossingValue are bigger than 0.1 labels are incorrect. Workaround is to multiply label by 10.
Is this bug or are we doing something wrong?

http://trykendoui.telerik.com/uwaJ/3

Charts

answered on 16 Jun 2014

3 answers

104 views

In "drop" event: access the datasource element beloging to the source/target node

Hey everone,

my TreeView is bound to a DataSource, which containts Id, Parentid etc. for every node created.

How can i access theres data in the "drop" event? I need them to perform the correct database operations.

Regards,
Michael

TreeView

answered on 16 Jun 2014

1 answer

308 views

kendo ui - managing viewmodel between multiple views

I am building SPA. I've 3 screens(views): add-customer, add-customer-details, customer-list. add-customer is working fine with vm for it. User will be redirected to add-customer-details after adding customer with basic details. So I am changing view when clicks on "Next" button on add-customer view. All views are loaded with templates.

var addCustomerView = new kendo.View($('#add-customer-view-template').html(), {model: customerAdd});

var addCustomerDetailsView = new kendo.View($('#add-customer-details-view-template').html(), {model: customerAdd});

var customerAdd = kendo.observable({

// properties and methods

});

add-customer-details has kendo ui tabstrip with multiple forms. Currently I am trying to bind viewmodel customerAdd to both views. But the issue is details view has different controls compared to add-customer view.

So I couldn't bind viewmodel customerAdd to it. I couldn't bind kendo ui controls to viewmodel customerAdd.
I want to maintain one viewmodel for the whole process of adding customer with basic and with details.

How do I use viewmodel customerAdd for all three available views (add-customer, add-customer-details, customer-list) ??? And if it's not possible, what is the best way to accommodate and share all details in viewmodel to share it between multiple views ???

MVVM

answered on 16 Jun 2014

1 answer

80 views

Kendo 2014.1.502. Column reorder issue

Hi,

Regarding Reordering and Grouping functionality in Kendo UI version 2014.1.502.
We have referred this link.
http://demos.telerik.com/kendo-ui/grid/column-reordering

It is working perfectly in the Chrome.
Where for Firefox mozilla we need to click one time move that column and then it shows icon to reorder.
In IE 10 it is not working at all.

Can you let us know is it known issue?

Thanks!

Grid

answered on 16 Jun 2014

4 answers

163 views

[Solved] Autocomplete in a Grid return values for the dataSource

I already asked a similar question [Object object] but I cannot reply in that thread anymore, I don't know why. So my problem is I make a successful autocomplete with remote data but I don't know what of the data I put into the success is set and where, in the dataSource or model because I then get an [Object object] in the Object property of the dataItem property of the fieldname I inserted in the autocomplete instead of just its value. Further more I would like to set/change additional values in the row of the successful autoselect or if the autoselect is closed without a selection.

AutoComplete

answered on 16 Jun 2014