Questions on Kendo UI for jQuery Forum

3 answers

162 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

215 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

461 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

97 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

97 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

302 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

76 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

157 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

1 answer

114 views

Bind kendo-ui grid to MVC ApiController

Hello,

I'm using Kendo-ui JQuery version, and I'm trying to fill a kendo-ui grid from an ApiController.
My grid remains empty... What am I missing ?

Here is the result of my ApiController : ~/api/Countries :

[{"Id":4,"Name":"Germany"},

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

{"Id":6,"Name":"Myanmar"}]

Here is my ApiController code :

public class CountriesController : ApiController

{

private DBContext db = new DBContext();

// GET api/Countries

[Queryable]

public IQueryable<Country> GetCountries()

{

return db.Countries;

}

Here is my cshtml code :

<script type='text/javascript'>

$(document).ready(function () {

$("#grid").kendoGrid({

columns: [

{ field: "Id", title: "id" },

{ field: "Name", title: "name" }

],

dataSource: new kendo.data.DataSource({

transport: {

read: "api/Countries"

},

schema: {

model: {

id: "Id",

fields: {

Id: { type: "number" },

Name: { type: "string" }

}

},

pageSize: 3

}),

pageable: true

});

</script>

Thanks for your help.

Grid

answered on 13 Jun 2014

2 answers

180 views

[Solved] AngularJS directive wrapping kendo-grid does not receive kendoEvent

I am trying to create displayBasket directive in order to wrap kendoGrid and other functionality. However, gridDataBound function does not receive kendoEvent - it says that e parameter is undefined. How can I fix this?

In HTML:

<display-basket grid-id="bb-grid" actions="bbActions" uids="uids" grid-options="bbOptions" grid-data-source-factory="bbDataSourceFactory" grid-data-source-options="bbDataSourceOptions">

</display-basket>

In JS:

bsktDirModule.directive ( 'displayBasket', function ( CBPmWebAPI, $compile, $http, $parse ) {

return {

restrict: 'AE',

template: '<div kendo-grid id="{{gridId}}" k-options="gridOptions" k-on-data-bound="gridDataBound(kendoEvent)"></div>',

scope: {

actions: '=',

uids: '=',

gridId: '@',

gridOptions: '=',

gridDataSourceFactory: '=',