Questions on Kendo UI for jQuery Forum

4 answers

341 views

Error trying to sync to remote datasource

I'm trying to sync changes to my remote datasource but it's only changing them locally.

Here's my code:

Datasource:

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:8080/databases/shipping/docs",

dataType: "json",

data: {

q: "javascript"

}

},

update: {

url: "http://localhost:8080/databases/shipping/docs",

dataType: "json"

}

},

schema: {

model: {

id: "id",

fields: {

Name: { type: "string" },

Telephone: { type: "string" },

Address: { type: "string" },

Suburb: { type: "string" },

City: { type: "string" },

Province: { type: "string" },

Country: { type: "string" },

PostalCode: { type: "string" },

DeliveryStatus: { type: "string" },

Packages: { type: "auto" }

}

});

"Save Changes" Button Click: It might be a bit messy because I've been trying loads of different techniques

var packageId;

function saveChanges(e) {

var button = e.button,

item = packageDataSource.get(button.data("itemId"));

packageId = item.ID;

dataSource.fetch(function () {

var packageToUpdate = dataSource.data()[id].Packages[packageId];

packageToUpdate.Status = "Delivered";

dataSource.sync();

console.log(dataSource);

});

}

I can see the changes reflecting in my console when I check the console.log(dataSource); after the dataSource.sync(); but when I check my remote database there's no change.

Data Source

answered on 14 Aug 2012

9 answers

586 views

Cascading DropDownList in Grid

Hi, somebody would have some example a Grid with 2 o 3 DropDownList in cascading???

Thanks you.

Grid

answered on 14 Aug 2012

0 answers

44 views

Getting Empty Whitespace if grid has one or two records

Hi Team,
I am getting some white space after records while scrolling is enabled . Please find attachment and solve my problem.

Grid

asked on 14 Aug 2012

0 answers

155 views

Using ObservableArray as Grid DataSource with large size of data

Hello,

We are using KendoUI Grid control to display a large size of local data without paging. Unfortunately, a frequent refresh got me stuck. I am using kendo.data.ObservableArray as the datasource, but the browser still keeps stopping responding while the array changes. Any suggestion?

Grid

asked on 14 Aug 2012

0 answers

181 views

Virtual scrolling for treeview?

There are large amount data for treeview in a level, so I can‘t load all data to HTML, because it is ineffective when opperate DOM.
How to use virtual scrolling in tree like grid, only load and display data in current area?

TreeView

asked on 14 Aug 2012

0 answers

90 views

Grid / Aggregates / Grouping

Please delete this post, discovered it was a styling issue not a problem with configuration.

Sorry.

Grid

asked on 13 Aug 2012

2 answers

436 views

[Solved] Keyboard navigation issues

I'm new to Kendo UI and I'm in the early stage of evaluating it.

Coming from a Windows application perspective, good keyboard navigation is expected in an application to increase user productivity.

In most cases, it is expected the tab key would navigate between controls on a page. In some scenarios, the tab key may also function to move between cells in a grid. Arrow keys typically allow movement from within a control. There should be a means of entering edit mode of a control (e.g. a grid) with the keyboard, and a means of exiting edit mode, if it makes sense for the type of control (e.g. a grid). If a widget allows pop up of a secondary control (e.g. a date / calendar control or combo box), then it should be possible to invoke that secondary UI from the keyboard, as well as from the mouse (or by touch).

An informal testing of the various Kendo UI web widgets revealed that that the keyboard navigation performed poorly, at least as configured in the samples on the Kendo UI website. I don't know if there are settings that can be set on the various controls to make them perform as expected/desired. If so, I'd love to hear how to make those configuration changes. Or perhaps I'm using the wrong navigation keys. Below I've included my observations based on my preliminary testing.

Autocomplete works as expected in primary (by "primary", I mean not in a grid)
ComboBox widget works as expected in primary (up/down arrow keys to cycle choices; tab moves between fields)
DataPicker does not seem to support keyboard navigation (how do I open pick list?) in primary
DropDownList widget works as expected in primary (up/down arrow keys to cycle choices; tab moves between fields). EXCEPT, no keyboard focus visual cue

Grid control

Use arrows when in edit mode to move within text field (good)
How do I enter edit mode using keyboard?
How do I tab into grid control, from outside control (when grid is not in edit mode)?
How do I tab between cells in the grid? NOTE: If the grid cells already in 'edit' mode, then tabbing between editable cells works (as in 'inline editing' grid sample)
Up/down arrow keys increase/decrease values in NumericTextBox control; left/right arrow keys allow navigation within cell (good)
How do I delete row using keyboard?
Popup edit does not set keyboard focus to any field in the popup window editor

NumericTextBox

Up/down arrow keys increase/decrease values in NumericTextBox control; left/right arrow keys allow navigation within cell (good)
After tabbing out of NumericTextBox, have strange visual cue that implies (to me) that the NumericTextBox still has keyboard focus (but it does not)

Slider

Left/right and up/down arrow keys increment decrement slider value (good)
Once you tab into slider control, you cannot exit the control via the keyboard

TimePicker

Can enter free form dates (good)
How do I open the dropdown via the keyboard?

TabStrip

Can tab into edit control within tab page (good)
How do I switch between tabs in the tab strip with the keyboard?

Thanks for reading through this long list. Comments are welcome.

Notre

General Discussions

answered on 13 Aug 2012

0 answers

154 views

binding json data to a grid

how can i populate a grid whit json data in razor?

Grid

asked on 13 Aug 2012

2 answers

206 views

Window initialy invisible

Hello, i use MVC4 and i create a window (with dynamic content) first invisible :

@(Html.Kendo().Window()
.Visible(false)
.Name("mywindow")
.....
)

Then i open it on button's click but it always opens with empty content (no problem if the window is first visible)

var window = $("#mywindow");

$("#mybutton").click(function (e) {
$("#formulaire").kendoWindow({
visible: true
}).data("kendoWindow");

window.data("kendoWindow").refresh().center().open();
});

i tried several things like this

$(document).ready(function () {
var window = $("#mywindow").kendoWindow({
visible: true
}).data("kendoWindow");
...

but it never works : the window opens but empty

Window

answered on 13 Aug 2012

2 answers

301 views

help getting grid work work with XML datasource

Using the example set out in the following page:

http://demos.kendoui.com/web/grid/hierarchy.html

I have tried to get this to use XML instead of oData. I get "a.replace is not a function" and "a is not defined" javascript errors.

I have managed to get the customers working but I do not know how to link the orders XML file. I think the problem is with the line: filter: { field: "customer", operator: "eq", value: "id/text()" } but I cannot find any examples of the Grid using XML, and do not know what to put for the "value" to get this to match up to the value of the "id" node in the customers XML file - can anyone help?

$(document).ready(function() {

var element = $("#grid").kendoGrid({

dataSource: new kendo.data.DataSource({

type: "xml", // specifies data protocol

pageSize: 6, // limits result set

serverPaging: true,

serverSorting: true,

transport: {

read: "customers.xml"

},

schema: {

type: "xml",