Questions on Kendo UI for jQuery Forum

0 answers

114 views

UI Editor Widget as custom editor in grid not save data to the server

Hello!

I added a custom editor to a row of the grid, using the "editor widget" but, when I edit the cell and save the changes I get the following error:

Uncaught TypeError: Cannot read property 'field' of undefined

and no data is send to de server.

Am I doing something wrong?

I attached the following URL to represent the problem:
http://jsfiddle.net/M6VmL/1/

Thanks
Greetings

Grid

asked on 05 Jun 2012

2 answers

89 views

Incell editing not possible when selectable = multiple

hi

seems to be that incell editing isnt working if the selection mode is set to multiple.
the row goes to edit mode onclick, but the changes are reverted after an other row/field is selected.

Grid

answered on 05 Jun 2012

1 answer

127 views

Android Tabstrip Custom Color

I was wondering what styles I need to overwrite in order to change color of the tabs, both background and foreground, specifically for android. I need the color to be lighter than the current tab colors.

TabStrip (Mobile)

answered on 05 Jun 2012

1 answer

86 views

Drag and drop Dataviz

i want to be able to drag and drop dataviz controls into a 2x2 table and save the selection to a database.

Do u have any examples?

thanks

Drag and Drop

answered on 05 Jun 2012

1 answer

413 views

Using DataSource to return single string result from web service

I've got a page that uses as WCF web service to do some back-end processing. I can do it quite happily using a standard AJAX call. But I would like to do a similar thing using a Kendo DataSource. The test web service I'm calling simply takes a single argument called "param" and returns it back as:

public string TestCallParam(string param)

{

return "you passed: " + param;

}

Here is the standard ajax call. Both the success and error functions display things for me properly. The data comes back as json data, with a single value called "TestCallParamResult". I can see this using fiddler as well as follows.

{"TestCallParamResult":"you passed: HI"}

$(document).ready(function () {

$("#TextBox1").text("Starting");

var args = new Object();

args.param = "HI";

$.ajax({

type: "POST",

url: "cccjq.svc/TestCallParam",

contentType: "application/json; charset=utf-8",

data: JSON.stringify(args),

dataType: "json",

processdata: false,

success: function (msg) {

alert(msg.TestCallParamResult);

},

error: ServiceFailed

});

})

function ServiceFailed(result) {

alert('Service call failed.\r\nStatus = ' + result.status + '.\r\n' + result.statusText);

}

Here is my attempt at doing it using a datasource. I can see the data coming back in fiddler, but I'm probably wrong in the way I've defined the schema or am trying to access the result. I would like to see the alert actually display the contents of the returned string. I should add that Javascript & jquery are not my first language!

$(document).ready(function () {

$("#TextBox1").text("Starting");

var args = new Object();

args.param = "HI";

var ds = new kendo.data.DataSource({

transport: {

read: {

type: "POST",

url: "cccjq.svc/TestCallParam",

contentType: "application/json; charset=utf-8",

dataType: 'json'

},

parameterMap: function (options, operation) {

return JSON.stringify(args);

}

},

schema: {

data: "TestCallParamResult",

type: 'json'

},

change: function (e) {

alert(x);

},

error: function

(e) {

		// dont know if this is right either

alert('Service call failed.\r\nStatus = ' + e.status + '.\r\n' + e.statusText);

}

});

ds.read();

One other thing on this - the service is called with or without the ds.read() call, is that normal?

Thanks,
Tom

Data Source

answered on 05 Jun 2012

0 answers

520 views

passing arguments in template function

Hi,

I am using column template for few of the columns. Adding hyperlink using these templates. Now, i want to pass the column value on click of this hyperlink and also a string. Right now, i am able to pass the column value, but not a string. Please help.

sample code of template :
template:'<a href = "javascript:void(0)" onclick ="goToNewTab(\'#=firstname#\')">#=firstname#</a>'

I want to pass one more string as a parameter. How can i do that ?

Thanks,
Khushali

Templates

asked on 05 Jun 2012

2 answers

452 views

Removing items

Hi,

I've been racking my head around this one for a while and simply can't figure out how to do it.

I've got a drop down list, and simply want to remove an item from it. I'm binding the drop down list in MVVM using the options binding to an array, which works fine.

Now, whenever I try to remove an item from this array, MVVM should auto-bind the options to the Drop down list and update the items. This, however, is not the case. I've also tried calling .refresh() on the drop down list to no avail.

I've tried doing this the jQuery way by removing individual li elements from the original <select> in my HTML, and then calling .refresh. This, again, does not work.

Are there any ideas out there in how I can achieve this? .filter etc is not valid for my scenario, I want to do this via an array that isn't going back and forth from the server.

DropDownList

answered on 05 Jun 2012

3 answers

222 views

Create New Row In Grid Details

This is probably going to be very confusing. Basically, I have a nested Grid as a Grid Details row. I want to be able to add a row to this nested grid, and can't seem to get it to work.

An example of the Grid as a Grid Details row is found here:
http://demos.kendoui.com/web/grid/detailtemplate.html

I want to be able to add a new row to this "Orders" grid within the "Employees" Grid.

Any thoughts?

Grid

answered on 05 Jun 2012

1 answer

106 views

Events in Tabstrip on the next detail row is not firing?

I have defined onclick events for each Tabstrip belonging to each row of a Detail Grid.

It's working in the first detailed row which I opened and selected the items in the Tabstrip.

But when I go to the next detailed row of that Tabstrip, nothing happens.

Why?

I have to reload the Grid and it works for only one tabstrip in the first detailed row I selected.

But not subsequent ones.

TabStrip

answered on 05 Jun 2012

2 answers

169 views

DropDown in grid

Hi
I use a dropdownList in a grid. data-text-field type is string and data-value-Field is (int).
grid shows a table that table has a foreign key (int ) . I wanted show data text in grid instead of int value . I did it .
when show data in grid all thing work good. but when edit and change dropDown, then update record , grid don't show new value. How do I change value of this cell?

Grid

answered on 05 Jun 2012