Questions on Kendo UI for jQuery Forum

2 answers

193 views

Hi,

I am not using the default file list (showFileList: false) and implementing a custom one. I need to implement the cancel upload functionality but I don't seem to find any events and API's that I can use.
Just surfing through kendo.upload.js, I believe that jquery (xmlhttprequest)
abort() and some iframe stop commands are used by the default implementation. If this is correct, I see no way of getting either an xmlhttprequest or iframe object to replicate this behavior.
So how can I trigger the cancel functionality manually.

Thanks,
Danish

Upload

answered on 27 Feb 2012

1 answer

328 views

Grid Datasource Sync Success Event

OK... we sync to our data source but there is not event to let us respond with an event.

Use Case:
1. We add a new record to the browser grid dataset. (It shows up at the bottom of the grid. We want it at the top.)
2. We sync the data.
3. We read the data but it rarely has sync'd in time for the read to work, just pulls pre-sync'd data.

Of course if we could just get the added row to appear on top this would be a non-issue. :) I think we should have this event item added to the toolset just the same.

Grid

answered on 27 Feb 2012

3 answers

73 views

"What's new" webinar yesterday

Hello,

In the "What's new" webinar yesterday I hoped to see demos of the planned MVVM framework and ListView widget (according to the roadmap). But it disappointed me that there was nothing new shown in the webinar.
And at the end of the webinar I was invited to download the 2012Q1 release, but as far as I can see, that is not available yet, even not in beta.
Is it still the planning to release a version in march with the MVVM framework and the ListView widget?
I am eager to start using both!
Can I get my hands on a beta version, so I can start my development?

Regards, Jaap

General Discussions

answered on 27 Feb 2012

1 answer

99 views

Append method adds nodes at nesting different than expected

In a click event I dynamically add a new descent path at the top level of the treeview (at parent=null). The problem is that new nodes do not match the css used to color the different levels.

In firebug it looks like my original levels are started in <LI> tags and the new appended nodes are started in <UL>

http://jsfiddle.net/6dKwH/

Any tips on .append() or css are appreciated!

TreeView

answered on 27 Feb 2012

2 answers

117 views

Bind column to related table

Hey

Is it possible to bind a column to a related table?

If i add a column like this where "tblCategory" is the related table:

{

field: "tblCategory",

title: "Category"

}

I can see that it's an [Object] and that it does refer to: "data.svc/tblProducts(1)/tblProducts"

Is it possible to get the data from that somehow?

Cheers

Grid

answered on 27 Feb 2012

9 answers

316 views

[Solved] Unable to load JSON without resorting to a workaround

I'm unable to load any data from my server into a grid that I'm trying to setup for simple paging without resorting to using the solution posted in the Kendo Grid Forum that uses a jquery ajax request to directly populate the "data" member directly of the kendo.data.DataSource. I am returning a simple json response that contains an array and a count to support paging (for example):

{"artists":[{"ID":4471,"Name":"10

Years","Gender":"Male","Category":"Pop/Rock"},{"ID":4391,"Name":"10,000

Maniacs","Gender":"Female","Category":"Pop/Rock"},{"ID":15,"Name":"10cc","Gender":"Male","Category":"Pop/Rock"},"count":2004}

This is my 1st cut at a datasource, and I've verified the server gets called and returns the json as above, but nothing displays in the grid:

var artistSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:53596/api/Artists?format=json",

dataType: "jsonp"

},

schema: {

data: "artists",

total: "count",

model: {

fields: {

ID: { type: "number"},

Name: { type: "string"},

Gender: { type: "string"},

Category: { type: "string"}

}

},

page: 1,

pageSize: 50,

serverPaging: true,

serverFiltering: true,

serverSorting: true

}

});

Following the workaround above, this datasource below works. From what I can tell, I'm following the examples, but I'm not able to get the datasource populated properly, and I'd really appreciate any help!

// This is the ajax call that is used to populate the data

// member in the dataSource as described in the workaround in the forums:

function GetArtists() {

var _resData;

$.ajax({

type: 'GET',

url: 'http://localhost:53596/api/Artists?format=json',

dataType: 'json',

success: function (data) {

_resData = data.artists;

},

data: {},

async: false

});

return _resData;

}

// This datasource populates the data array via a jquery ajax call,

// bypassing the configuration as done in the original datasource.

var artistSource2 = new kendo.data.DataSource({

data: GetArtists(),

schema: {

model: {

fields: { ID: { type: "number" }, Name: { type: "string" }, Gender: { type: "string" }, Category: { type: "string" }

}

});

// If I use artistSource2 (the workaround), the grid gets populated,

// but if I use artistSource, nothing shows up in the grid.

$('#Artists').kendoGrid({

dataSource: artistSource2,

height: 600,

columns: [{ field: "ID" }, { field: "Name" }, { field: "Gender" }, { field: "Category"}],

pageable: true

});

Grid

answered on 27 Feb 2012

5 answers

719 views

Preventing certain nodes from dragging, possible?

Hi All,

I am trying to create a treeview with two levels. For example, first level would be company names, and each company has one or more products (aka, second level).

Please advice what is the best way to allow ONLY the second level nodes to be draggable (aka, follow the above example, I don't want the company nodes to be draggable).

Thanks!

JB

TreeView

answered on 27 Feb 2012

3 answers

194 views

Error event paramenter

Hi all

I'm trying to build in some nice error handling into my datasource for my Kendo grid.

error: function (e) {
    error = JSON.parse(e.responseText);
    alert(error.ErrorMessage);
    dataSource.cancelChanges();
}

When my DESTROY URL returns an error, this works fine.
But when my READ URL returns an error, e contains 3 arguments where the first object is the error object I want to use.

Why is the e object not the same?

Best regards,
Allan

Data Source

answered on 27 Feb 2012

1 answer

106 views

Property "navigatable" doesn't work on both grids in a hierarchical setup

I have a parent grid and within my "detailInit" handler, I add a details grid. I am trying to make both grids "navigatable" and "editable", so I set those properties to true for both grids.

However, only the parent grid is navigatable and editable, and my child grid becomes read-only, even though I set "editable" and "navigatable" properties to true during the initialization of the child grid as well.

Could someone please point me in the right direction with this?

Thank you

Grid

answered on 27 Feb 2012

0 answers

131 views

How to link multiple combobox controls together and sync changes?

I'm trying to link multiple combobox controls together. First, I want the second box to be disabled until the first box has a choice selected. Then, if the user goes back and changes the value in the first box, the second has to go back and get the new data. Is this possible?

ComboBox

asked on 26 Feb 2012