Here's my code,
Here's my JSON
I'm not sure what I am doing wrong here, any help would be appreciated.
<
div
id
=
"example"
class
=
"k-content"
>
<
div
id
=
"tweets-container"
class
=
"k-header k-menu-vertical"
>
<
h3
>
Twitter feed</
h3
>
<
div
id
=
"search-box"
>
<
label
>
Search for:
<
input
type
=
"text"
value
=
"html5"
id
=
"searchfor"
class
=
"k-textbox"
/>
</
label
>
<
button
class
=
"k-button"
id
=
"search"
>
search</
button
>
</
div
>
<
div
id
=
"tweets"
>
<
div
>
Loading ...
</
div
>
</
div
>
</
div
>
<
script
id
=
"template"
type
=
"text/x-kendo-template"
>
<
div
class
=
"tweet k-header"
>
<
img
width
=
"48"
height
=
"48"
src
=
"#= profile_image_url #"
alt
=
"#= from_user #"
/>
#= FirstVal #
</
div
>
</
script
>
<
script
>
$(document).ready(function () {
// create a template using the above definition
var template = kendo.template($("#template").html());
var Product = kendo.data.Model.define({
id: "FirstID",
fields: {
"FirstVal": {
type: "string"
},
"SecondVal": {
type: "string"
}
}
});
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/ws/getservice.asmx/GetAllTestimonials", // the remove service url
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json", // JSONP (JSON with padding) is required for cross-domain AJAX
complete: function(data,xhr){
result = JSON.parse(data.d.resposeText);
}
}
},
change: function () { // subscribe to the CHANGE event of the data source
$("#tweets").html(kendo.render(template, dataSource.view()));
}
});
// read data from the remote service
dataSource.read();
$("#search").click(function () {
dataSource.read();
});
$("#searchfor").keydown(function (e) {
if (e.keyCode === kendo.keys.ENTER) {
dataSource.read();
}
});
});
</
script
>
[{"FirstID":1,"FirstVal":"Test","SecondVal":"TestOne"},{"FirstID":2,"FirstVal":"Test","SecondVal":"TestTwo"}]