This question is locked. New answers and comments are not allowed.
Greetings,
I have a JSON service (I don't control) that returns:
{
"ItemName":"Home"
}
To test standalone, I started from the base Icenium app and copied the above into data/item.json
I created a data service that loads the JSON:
MyViewModel = kendo.data.ObservableObject.extend({
myDataSource: null,
init: function () {
var that = this,
dataSource;
kendo.data.ObservableObject.fn.init.apply(that, []);
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "data/item.json",
dataType: "json"
}
}
});
that.set("itemDataSource", dataSource);
}
});
app.itemService = {
viewModel: new MyViewModel()
};
What is the correct way to display ItemName? If I try data.ItemName as below, I get undefined. If I use ItemName alone I get a JavaScript error. Pointers to existing docs would be great--I see ${var} used in Icenium whereas current Kendo seems to use #: var #. Both worked the same.
<div id="tabstrip-item"
data-role="view"
data-title="Item"
data-model="app.itemService.viewModel">
<div class="view-content" data-bind="source: itemDataSource" data-template="item-temp">
<script id="item-temp" type="text/x-kendo-template">Hello! #: data.ItemName #</script>
</div>
</div>
Thanks!
I have a JSON service (I don't control) that returns:
{
"ItemName":"Home"
}
To test standalone, I started from the base Icenium app and copied the above into data/item.json
I created a data service that loads the JSON:
MyViewModel = kendo.data.ObservableObject.extend({
myDataSource: null,
init: function () {
var that = this,
dataSource;
kendo.data.ObservableObject.fn.init.apply(that, []);
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "data/item.json",
dataType: "json"
}
}
});
that.set("itemDataSource", dataSource);
}
});
app.itemService = {
viewModel: new MyViewModel()
};
What is the correct way to display ItemName? If I try data.ItemName as below, I get undefined. If I use ItemName alone I get a JavaScript error. Pointers to existing docs would be great--I see ${var} used in Icenium whereas current Kendo seems to use #: var #. Both worked the same.
<div id="tabstrip-item"
data-role="view"
data-title="Item"
data-model="app.itemService.viewModel">
<div class="view-content" data-bind="source: itemDataSource" data-template="item-temp">
<script id="item-temp" type="text/x-kendo-template">Hello! #: data.ItemName #</script>
</div>
</div>
Thanks!