您好我正在使用telerik appBuilder创建我的第一个应用程序移动设备,我无法使用下拉列表来使用Kendo数据源。
我的webservices的结果如下,但我无法获得该结果的正确数据绑定。
{“d”:[{“id”:2209,“nom”:“Test 1”},{“id”:23608,“nom”:“Test 2”},{“id”:24061, “nom”:“Test 3”},{“id”:24741,“nom”:“Test 4”},{“id”:27347,“nom”:“Test 5”}}}
请问,有什么想法吗?非常感谢。
/* product.html*/
<div id="product" data-role = "view"
data-layout = "sharedlayout" data-model="app.productService.viewModel">
<div class="view-content">
<form >
<div data-role="listview" data-style="inset">
<div>
Products:
<select id="product" data-role="dropdownlist"
data-bind="source: productsdataSource "
data-text-field="id"
data-value-field="product">
<option value="0"> </option>
</select>
</div>
</div>
</form>
</div>
</div>
ProductViewModel.js
(function (global)
{
var ProductsViewModel,
app = global.app = global.app || {};
ProductsViewModel = kendo.data.ObservableObject.extend (
{
getProducts: function() {
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "urlexample",
type:"post",
contentType: "application/json; charset=utf-8",
dataType: "json"
}
},
schema: {
data: "d"
},
type: 'json'
});
}
});
app.productService = { viewModel: new ProductsViewModel() };
})(window);
答案 0 :(得分:5)
我不确定问题究竟在哪里,但我有一些想法...
我认为你可能会略微过于复杂。我把一个简单的例子放在一起......
http://plnkr.co/edit/T41nZqZNLqtOTfjG8upK?p=preview
我可能还建议您放弃data-role="dropdownlist"
?移动设备有自己的选择列表实现,这样您就可以在设备上使用本机选择功能。