Questions on Kendo UI for jQuery Forum

1 answer

94 views

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

436 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

541 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

484 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

227 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

119 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

174 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

4 answers

251 views

How to make rowTemplate editable

I use columns in grid, the toolbar and command work well,
but when I use towTemplate, I can't edit data,
what I means like this:http://jsfiddle.net/VSaZA/9/
Is it possible to edit row template?

Grid

answered on 05 Jun 2012

0 answers

99 views

Scrolling: with a large JSON dataSource, load more results as user scrolls down

I see Kendo's auto complete adds a scroll bar to large result sets. The database I'm using has thousands of records, and I'd like to return a set of say 20, then as the user scrolls down Kendo loads another 20. Is this possible with the current framework or would I have to extend it?

Thanks!

AutoComplete

asked on 04 Jun 2012

2 answers

707 views

Specify parameters to 'destroy' method?

I have a KendoGrid setup with the following:

var gridDataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/api/Group/Members",
dataType: "json",
contentType: "application/json; charset=utf-8"
},
destroy: {
url: "/api/Group/DeleteMember",
dataType: "json",
contentType: "application/json; charset=utf-8"
}
},
schema: {
model: {
id: "entityId",
fields: {
iconURL: { type: "string" },
entityName: { type: "string", editable: false },
entityId: { type: "string" }
} // End of fields
} // End of model
}
});

When I click 'delete' on a grid item, I see the following call made:
DeleteMember?entityId=myId&entityName=name&iconURL=icon%2F%3Fid%3D5894%26s%3D16

Is there a way to add another parameter to the delete call (a parameter that is not a member of the dataSource)?

Grid

answered on 04 Jun 2012