Kendo Mobile Listview を使用して json ファイルの内容を表示しています。最初の検索はうまく機能します。クリックイベントで、そのリストアイテムにバインドされたデータアイテムを表示できます。ただし、2 回目の検索の後、データ項目は未定義になります。これを回避する方法はいくつか考えられますが、現在の方法が機能しない理由はありません。リストビューにデータソースを2回定義してはならないからですか? どんな洞察も高く評価されます。ありがとうございました。HTML
<span id="search">
<input id="inputSearch" type="text" placeholder="Search" class="k-textbox"/>
<a id="btnSearch" class="k-button" type="submit"><span class="k-icon k-i-search" >...</span></a>
</span>
js スニペットは次のとおりです。
$.ajax({
cache:false,
type:"GET",
dataType: "json",
url: "http://"+host+"/Api"+requestController+queryString,
headers: {"AuthToken":cookie},
success:
function (data) {
var val = data.data;
if(val.length!=0) {
$("#customerList").data
var customerDataSource = new kendo.data.DataSource({ data: val });
customerDataSource.read();
$("#customerList").kendoMobileListView({
dataSource: customerDataSource,
template: '<a>${Company}<span class="k-status-text"> <br />${CustNo}</span></a>',
dataType:"json",
style: "inset",
click: function(e){
//!!!! EXCEPTION OCCURS HERE ON SECOND SEARCH. DATAITEM UNDEFINED
alert(e.dataItem.CustNo);
// redirect to
app.navigate("#overview-customer");
}
});
} else {
$("#customerList").append('<li>' +'<div class="k-block k-info-colored">'+
'Please refine your search'+'</div>' + '</li>');
}
}
});