Questions on Kendo UI for jQuery Forum

2 answers

1.5K+ views

Hi,

Is there a way to define dataTextField to be a template? Perhaps it may be a good idea to define two new properties displayTemplate and valueTemplate to make control more flexible and customizable on client side.

DropDownList

answered on 24 May 2012

0 answers

76 views

Invalidate during drag?

I would like to validate drag/drop as the user moves a node over other tree nodes.
I have the following source:

$("#treeView").kendoTreeView({
dragAndDrop: true,
.......
}).bind("drag", function(e) {
var node = $(e.dropTarget).closest(".k-item");

// Only care if we are dragging to a treeviewitem
if (!(node.length && node.parents(".k-treeview").length)) return;

var targetId = $(node).find('.data-id').val();
if(targetId != 'Testing")
// TODO: Mark dragging as invalid?
});

But i'm not show how to mark the drag as invalid? Am I going about this the correct way?

TreeView

asked on 24 May 2012

0 answers

88 views

Feature Request

Can we get a resize to content method on a pane?

Splitter

asked on 24 May 2012

1 answer

106 views

Placing first row of grid in edit mode on DataBound causes jscript error onblur

I am placing the first row of my datagrid into Edit Mode using grid.editRow(). Everything renders fine, but when I click outside of the grid, I get a jscript error in the kendo.all.min.js at method: _cellTempl() because the first parameter is undefined.

Grid

answered on 24 May 2012

2 answers

612 views

Re-select Kendo UI Grid row after .read()

Hi I am working with the Kendo UI grid and am currently able to display data from my MySQL database using JSON to transport the information.

I am allowing the user to update the data in the database through a series of inputs, which when clicking a row on the grid are populated by an item in the grid's datasource. This is all working perfectly and very quickly. However, when I update the item I am then calling the .read() method on the datasource, and the only issue I am having is that I am not currently able to figure out how I can reselect the same row. I can loop through the datasource's views and find the view in particular that matches up to the edited item by one of its properties but I can't figure out a way to reselect it.

var grid = $(".grid.dynamic.tbl").data("kendoGrid");
grid.dataSource.read();

//console.log(grid.dataSource.view());
for (i in grid.dataSource.view()){
console.log(grid.dataSource.view()[i]);
if (myID == grid.dataSource.view()[i].MyID) console.log('Found correct ID at index: '+i);
}

Any ideas? It is probably staring me right in the face to be honest.

Data Source

answered on 24 May 2012

2 answers

376 views

Bug: Grid Selection Dropping on Sort

What's the best way to maintain Grid Selection after the user sorts a column? Right now when the user changes the sort by clicking a column header the selection disappears.

Grid

answered on 24 May 2012

1 answer

148 views

PHP and kendo UI

HI all,

I want to have a webapp in android device where the app has to retrive the data from a database.I am uncertain about the process of retriving data through the app using kendo UI.

Any help is appreciated..

Thanks,
Swarup

General Discussions

answered on 24 May 2012

2 answers

214 views

Kendo UI Mobile + MVC 3/4 + Monotouch Native "Wrapper"

Hi Guys,

Do you have a deadline for when the Kendo UI Mobile (and Web for that matter) will be available for ASP.NET MVC 3/4 ?

What license should I buy to support this effort and be sure to receive the builds when they are done?

I'm normally developing business apps with monotouch but the pace of (especially UI) development is to slow. So I would like to employ this principle and make a monotouch native app that really only serves as a UIWebView wrapper for a particular site made with Kendu UI Mobile and ASP.NET MVC. This wrapper will have a list of services that the web app can call, like camera, geo location, contacts, etc. You know all native stuff that web apps traditionally cannot get at.

The best part is that I would not need to resubmit my apps to the appstore to change views, forms or the like.

So. I need Kendo UI Mobile in ASP.NET MVC clothing. When can I have it? :)

General Discussions

answered on 24 May 2012

1 answer

161 views

Problem with XML dataSource and inline editing

I have a DataSource object that uses a schema model to extract the pertinent info out of an XML document:

var dataSource1 = new kendo.data.DataSource ({

transport: {

read:

{ cache: false, url: crud, data: { action: 'list' }, error: successCheck },

update:

{ cache: false, url: crud, data: { action: 'update' }, success: successCheck },

destroy:

{ cache: false, url: crud, data: { action: 'delete' }, success: successCheck },

create:

{ cache: false, url: crud, data: { action: 'create' }, success: successCheck }

},

schema: {

type: 'xml',

data: '/TABLE/THINGS',

model: {

id: "thingid",

fields: {

thingid: { editable:false, field: "id/text()" },

name: { editable:true, field: "name/text()" },

timestamp: { editable:false, field: "timestamp/text()" }

}

The grid is

$("#thingList").kendoGrid({

dataSource: dataSource1,

pageable: true,

toolbar: [

{ name:"create", text:"New Thing", id:"add"}],

columns: [

{ field: "name", title: "Name", template: "<a class='viewlink' href='viewthing?id=${thingid}'>${name}</a>" },

{ field: "timestamp", title: "Created", width: "12em" },

{ command: [ {name:"edit",text:"Rename"}, "destroy"], title:" ", width:"15.5em"} ],

editable: "inline"

});

When I click on "New Thing" a new empty row does not appear in the table, and the html developer console shows
Uncaught ReferenceError: timestamp is not defined

The apparent issue is that kendo.data.xml loads up data records with this statement
record[field] = modelInstance._parse(field, model.fields[field].field(value));
In other words, the field property of a models fields is expected to be a function

and when kendoGrid handles "New Thing" it calls addRow which makes a default row via dataSource.insert, which in turn relies on a new instance of the xml reader model, which in turn relies on properly defined defaults.

Unfortunately the Model.define function uses the field property of a models fields as a key for associating with a default value

 name = field.field || name;

 if (!field.nullable) {

      value = proto.defaults[name] = field.defaultValue !== undefined ? field.defaultValue : defaultValues[type.toLowerCase()];

}

In the case of XML, name is an anonymous function because field.field is taking precedence over name.

A guess is that Model.define should contain this:
name = typeof(field.field)=='string' ? field.field : name;

Grid

answered on 24 May 2012

1 answer

186 views

how did it happened "Uncaught TypeError: Object #<Object> has no method 'toJSON'"

I did this job follow the Thread : http://www.kendoui.com/forums/ui/grid/how-can-i-get-the-pure-json-data-of-the-selected-row.aspx
this is my code:

$("#synchronizationStart").click(function(){
var $row = $("#employee").data("kendoGrid").select();
var data = [];
for (var i = 0; i < $row.length; i++) {
data[i] = $("#employee").data("kendoGrid").dataItem($row[0]).toJSON();
alert(data[i]);
}
});
});
but it did't work in my project.
Here is the error in chrome's console:

Uncaught TypeError: Object #<Object> has no method 'toJSON'
1. (anonymous function)showStaff:136
2. f.event.dispatchjquery-1.7.1.min.js:3
3. f.event.add.h.handle.i

so, what should i do ?
since my native language is not English, please forgive my grammar errors :)

Grid

answered on 24 May 2012