Questions on Kendo UI for jQuery Forum

3 answers

189 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

448 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

85 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

63 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

288 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

67 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

136 views

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

101 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

177 views

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: '=',

gridDataSourceOptions: '='

},

...

controller: function($scope) {

...

$scope.gridDataBound = function(e) {

debugger

}

...

}

};

});

Thanks,
Ivan

Grid

answered on 13 Jun 2014

3 answers

1.0K+ views

ComboBox Filter Not working when I use cascadeFrom

I am using a kendoComboBox to load the organization list, and I am not able to change the filter to use "contains". It always search by default using "startsWith".
The Kendo document shows it is very easy and straightforward to use the filter, and to add filter: "contains", should do the magic for me. But I've tried many times and it didn't work. Can you help me out?
The difference in my example is that I use cascadeFrom, and I turn on serverFiltering.

var organizationDropDown = $("#organization").kendoComboBox({
autoBind: false,
dataSource: new kendo.data.DataSource({
serverFiltering: true,
transport: {
read: {
url: ATSDashboardWebAPI + "api/GetOrganizations",
data: GetOrgType,
dataType: "json"
}
},
requestEnd: function(e) {
orgsLoaded = true;
}
}),
dataTextField: "OrganizationName",
dataValueField: "OrganizationId",
value: SetDefaultOrganization(),
//filter: { field: "OrganizationName", operator: "contains", value: this["#text"] },
filter: "contains",
cascadeFrom: "orgtype"
}).data("kendoComboBox");

ComboBox

answered on 13 Jun 2014