Questions on Kendo UI for jQuery Forum

4 answers

263 views

[Solved] How to rebind that uses webservice?

Given then below sample grid, that is loaded using a webservice, how do I refresh the data on an event?

as you can see I have a function called refreshGrid(). It gets an instance of the grid successfully. I know this because the cancelChanges() call works. But when the refresh() is run nothing happens. I'd like the grid to re-call the webservice and reload itself.

Thank you in advance.

function refreshGrid()

{

// get a reference to the grid widget

var grid = $("#grid").data("kendoGrid");

// refreshes the grid

grid.cancelChanges();

grid.refresh();

}

function SetWindow(val)

{

$("#window").kendoWindow({

title: "Async Window Content",

content: "popup.aspx?id=" + val,

visible: false,

close: refreshGrid

});

}

$(document).ready(function () {

$('#target').click(function () {

SetWindow(34);

var window = $("#window").data("kendoWindow");

window.center();

window.open();

});

$("#grid").kendoGrid({

columns: [

{ title: "Action", command: "destroy" },

{ field: "ID", visible: false },

{ title: "Status", template: "<A href=;pop.aspx?id=${ ID }'>${ JobRate }</a>" },

{ field: "Name" },

{ field: "JobRate", title: "Job Rate" },

{ field: "Notes" }

],

editable: true, // enable editing

toolbar: ["create", "save", "cancel"], // specify toolbar commands

dataSource: {

schema: {

data: "d", // ASMX services return JSON in the following format { "d": <result> }. Specify how to get the result.

model: { // define the model of the data source. Required for validation and property types.

id: "ID",

fields: {

ID: { editable: false, nullable: true },

Name: { validation: { required: true} },

JobRate: { validation: { required: true }, type: "number" },

Notes: { validation: { required: true} }

}

},

batch: true, // enable batch editing - changes will be saved when the user clicks the "Save changes" button

transport: {

},

read: {

url: "JobsWebService.asmx/GetAllJobs", //specify the URL which data should return the records. This is the Read method of the Products.asmx service.

contentType: "application/json; charset=utf-8", // tells the web service to serialize JSON

type: "POST" //use HTTP POST request as the default GET is not allowed for ASMX

},

parameterMap: function (data, operation) {

if (operation != "read") {

// web service method parameters need to be send as JSON. The Create, Update and Destroy methods have a "products" parameter.

return JSON.stringify({ products: data.models })

}

});

Grid

answered on 20 Feb 2012

2 answers

445 views

[Solved] error,upload failed,unexpected server response

hi,I just write like the example, my servlet have receive the upload file and wirte to the disk successfuly.but after i upload the file,it says unexpected server response.here is my script and html code:
<script type="text/javascript">
function onSuccess(e) {
var window = $("#message").data("kendoWindow");
window.center();
window.open();
window.content(e.response);
}
$(document).ready(function() {
$("#message").kendoWindow({
visible : false,
width : "400px",
height : "200px",
draggable : false
});
$("#headImg").kendoUpload({
multiple : false,
async : {
saveUrl:"${pageContext.request.contextPath}/doUpLoadHeadImg",
saveField:"headImg",
success : onSuccess
}
});
});
</script>
<input type="file" id="headImg" name="headImg" />

Upload

answered on 20 Feb 2012

1 answer

118 views

listview item linking

Is it possible make dynamically loaded listitems clickable?

ListView (Mobile)

answered on 20 Feb 2012

3 answers

274 views

slideDown effect

Is the slideDown effect supported for the autocomplete. I cannot get any combination to work for a slide opening effect?
Only fadeIn seems to work.

AutoComplete

answered on 20 Feb 2012

2 answers

168 views

How to debug hierarchical grids??

I followed closely the online example, while both main and sub queries work perfect. The sub template folds out properly but for whatever reason it does NOT show any data, just the header lines. There are no errors in the console, also removing all extra datasource options including the filter does not help. I am a bit lost here and do not know how to debug it.

Grid

answered on 20 Feb 2012

2 answers

164 views

Preventing page flash

When the page renders on an iPhone or iPad it initally loads without any stylesheets applied for a brief moment, then it redraws with the stylesheets. Can someone tell me how I can prevent that initial load without the stylesheets applied?

thanks!

Application

answered on 20 Feb 2012

1 answer

110 views

[Solved] Kendo template

Hello,

How can I show a kendo datepicker in a x-kendo-template?
And can I use validation in the same template?

Thanks in advance,
Martin

General Discussions

answered on 20 Feb 2012

3 answers

237 views

Adding tab by JS, put HTML in title

Hello,

Simple question : when i add a tab by javascript, is it possible to put HTML instead of simple text for the tab's title ?
I want to ad a close button in fact.

Regards,
Guillaume

TabStrip

answered on 20 Feb 2012

1 answer

167 views

event when done loading KENDO

Hi,

I'm wondering if you have an event when kendo is done with it's adding of css to my html. I'd like to make some changes once that is done. Right now they get over written even though I have this on the FIRST line in the $(document).ready.

var app = new kendo.mobile.Application(document.body, { layout: 'main', transition: 'slide' });

Application

answered on 20 Feb 2012

1 answer

289 views

Geo Location Function

Will there be a Javascript-Function to detect the geo-data like latitude and longitude of the mobile device?

In jqTouch, for example, you receive it this way:

var lookup = jQT.updateLocation(function (coords) {

if (coords) {

lat = coords.latitude;

lng = coords.longitude;

}

General Discussions

answered on 20 Feb 2012