Kendo Mobile UI 二三事

最近使用Kendo Mobile UI的筆記

• modalview只能在一開始show的view做初始化的動作，擺在mainview以外的地方都會掛掉
• 建置observable多層，使用change事件會先從最外層的observable object觸發，到真正改變的屬性的change，Ex：
•  viewModel = {ob:{value:1}}，viewModel.bind('change', function (e) {  })，當value值改變，則會先觸發viewModel.ob chang事件再觸發viewModel.ob.value change事件， viewModel.ob.bind('change', function (e) {  })，則只會觸發 viewModel.ob.value change事件。
• 原件初始化的方法 ：
• var application = new kendo.mobile.Application(document.body);
• kendo.mobile.init(application.element.children("[data-role=modalview]"));
• 獲取元件的方法：
• $("#modalview-login").data("kendoModalView")
• listview使用template動態render需搭配datasouce處理，詳細參考kendo datasouce read api
• usageTableDataSource = kendo.data.DataSource.create({
•     transport: {
•         read: function (options) {
•             // make AJAX request to the remote service
•             $.getMYJSON(
•                 '@url' + 'Controllers/Portal/Data/CustomerUsage',
•                 { year: options.data.year },
•                 function (rs) {
•                     var a = options;
•                 }
•             ).success(function (rs) {
•                 // notify the DataSource that the operation is complete
•                 options.success(rs);
•             });
•         }                
•     },
•     schema: {
•         data: function (response) {
•             return response.data;
•         }
•     },
•     group: '用電月'
• });