Questions on Kendo UI for jQuery Forum

0 answers

91 views

bind widget to model -> not update by value

kendoui.web.2012.1.322

I bind my model to a table.
If I update the values with widget, the model is updated.
If I set the value of the widget by value, the model is not updated.
This happens both for the dropdownlist and for both the numerictextbox.

ex.:
var modelDett = $("#nsgridDett").data("kendoGrid").dataSource.getByUid(nsRowDettSelectUid);
kendo.bind($("#tableDetail"), modelDett);

// not update model
var importoKM = 100;
$("#txtImporto").data("kendoNumericTextBox").value(importoKM); //txtImporto -> input of tableDetail

Data Source

asked on 29 Mar 2012

0 answers

95 views

Loading a PDF into a window

Is there a way that I can load a PDF into a window?

Window

asked on 29 Mar 2012

3 answers

344 views

How to know when the grid leaves the edit mode.

I'm trying to change the visibility of the buttons in the toolbar depending on the "edit status" of the grid. I can easily detect when the grid enters the edit mode by wiring appropriately the edit event of the grid, but how do I intercept when the grid leaves the edit mode?

Grid

answered on 29 Mar 2012

1 answer

57 views

BUG since 2012.1.322 Mobile css overrules AutoComplete css

I have a kendo mobile application. For searching i use an autocomplete on one of the views. I have switched from version 2012.1.229 to 2012.1.322. In this new version the autocomplete is not rendered correctly. It seems that the mobile CSS settings overrule the autocomplete settings.

I have included the following CSS links.

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.mobile.ios.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css" rel="stylesheet" />

If i comment the mobile.ios.min.css out, the autocomplete widget renders correctly again (, but the rest of the mobile appication is broken).

Using IE developer tools to zoom in. It seems the following CSS rules are causing my issue:
.km-root input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]) {

top: 50%; right: 0.8em; line-height: normal; margin-top: -0.5em; position: absolute; z-index: 1;

}

.km-root input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]) {

right: 0px; margin-top: -0.95em;

}

.km-ios input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]) {

padding: 0.4em; outline: 0px; border: 0px currentColor; color: rgb(56, 84, 135); font-size: 1.1rem; min-width: 6em;

}

Can you fix it, or provide a workaround?

AutoComplete

answered on 29 Mar 2012

1 answer

72 views

Kendo Newbie Classes

Looking at some examples on your site and the forum and I notice things link class="k-menu" or "k-item" etc

Where can i find reference's to these?

Many thanks.

General Discussions

answered on 29 Mar 2012

8 answers

496 views

Using DataSource to read from dynamically generated XML

I'm writing a web app that calls an ASP.NET web service which retrieves data from a MySQL database and returns the response in XML. However, I'm having trouble getting this to work without a static XML file, I would like to pass the XML response directly to jquery. Below is my code, any help would be appreciated. I had also tried passing the XML response to javascript and generated an XML object which I passed to Kendo's Datasource, which didn't work either.

Also, if it's not possible, is it bad practice to create temporary XML files for each call to the web service?

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: "WebService.asmx/HelloWorld", //had also tried absolute path

datatype: xml

}

},

schema: {

type: "xml",

data: "/NewDataSet/Group",

model: {

fields: {

rowid: "rowid/text()",

group_id: "group_id/text()",

group_name: "group_name/text()",

}

}),

scrollable: false,

sortable: true

});

Data Source

answered on 29 Mar 2012

1 answer

105 views

loading hanging

I have the loading dialog hanging after fast actions.

Can you add a cleartimeout in the showLoading function, before setting a new timeout?

Application

answered on 29 Mar 2012

0 answers

93 views

input text changed

is there any text changed event on an input field in the kendo web ui

General Discussions

asked on 29 Mar 2012

7 answers

367 views

Grid rowTemplate

I'm working on a page that needs to have a rowTemplate added to a kendo grid. I've tried a few permiatations and can not get it to work. I have the grid bound to a view model with a data source property called Info. I pasted my code below and am not sure what I am missing.

<table id="grid" width="100%" data-role="grid" data-bind="source: Info" data-template="row-template"

data-columns='[{"field": "ID","title": "Id"}]'>

</table>

<tr>

<td>

</td>

</tr>

</script>

MVVM

answered on 28 Mar 2012

2 answers

152 views

Create doesn't get called with an id != 0

I'm noticing some strange behavior on datasource CRUD operation when sync() gets called.
I've a transport with this configurations:

new kendo.data.DataSource({

transport: {

read: {

url: "webservices/entities/read",

dataType: "jsonp",

jsonp: false,

jsonpCallback: "callback"

},

create: {

url: "webservices/entities/create",

type: "post",

},

schema: {

data: "items",

total: "total",

model: {

id: "id",

fields: {

id: {type: "number"},

name: {type: "string"},

description: {type: "string"},

parent_id: {type: "number"}

}

},

serverFiltering: true,

sort: {field: "name", dir:"asc"},

filter: {field: "parent_id", operator: "eq"

, value: parent_id}

});

however, when I add a new item with the datasource.add() method and call sync(), Create gets called only if I set the id: 0. With any other number Create doesn't get called. I've track the XHR object from the browser developer tools and I can also verify this by setting parameterMap: function(operation, options) { alert(operation); }

Any clue?

Data Source

answered on 28 Mar 2012