在遠程數據庫中更新Kendo UI Mobile中的列表視圖

我正在非常短的時間內使用Icenium構建跨平臺移動應用程序，因此我試圖在很短的時間內學習HTML5和CSS。我使用Kendo UI Mobile框架來構建應用程序，並且需要從遠程數據庫鏈接加載事件列表，並讓該數據庫在應用程序中填充列表視圖。在遠程數據庫中更新Kendo UI Mobile中的列表視圖

數據庫可以是任何東西，因爲我可以打開服務器的訪問權限，並且可以放置任何我想要的東西。我從字面上不知道從哪裏開始，任何幫助都會非常好。 ATM我正在查看一個mySQL數據庫，因爲它是最簡單和最安全的維護。

在這個問題上的任何想法/經驗？

來源

2013-03-25 Mike Betterton

您選擇的數據庫與您的前端無關。您可以使用任何數據庫，如SQL Server，Oracle，MySQL（如果您有預算限制）等。您的Kendo前端不會直接與您的服務器數據庫進行通信;爲此，您需要使用.NET/Java /或任何服務器端技術編寫HTTP服務。現在，該服務將與您的數據庫進行通話並將數據（最好以JSON格式）返回給Kendo UI。

劍道UI < - > HTTP服務< - >數據庫[獨立的UI]

來源

2013-03-25 14:49:10 Whizkid747

感謝您的幫助可以發現，實際上明確了很多，我現在知道去哪裏找。 – 2013-03-26 02:48:13

你可能會考慮使用KendoUI MVVM數據模型和模板使用AJAX。

發佈到您的服務器端點 - 它應該返回的JSON響應：

function getRoutineDetailData(e) { 
      //get data from server 
      $.ajax({ 
       url: "http://dot.com/your_endpoint.php", 
       dataType: "jsonp", 
       type: "GET", 
       data: { userID: userID}, 
       success: function(response) { 
        routineInfo = response.results; 
        routine_viewModel.set("info", routineInfo); 

       } 
      }); 
    }

現在結果綁定：

 //bind the results to the viewmodel    
     var routine_viewModel = kendo.observable({ 
      info: [] 
     });

的觀點也應該有一個模板：

 <script id="routineInfo-template" type="text/x-kendo-template"> 

     <div id="routineHeader" > 
     <span id="RoutineText">${title} created on ${entry_stamp} by ${user_name}</span> 
     </div> 

    </script>

然後，您的視圖應該調用該函數來使用數據顯示來執行服務器發佈以及使用數據模型來讓你訪問數據即。在模板中使用$ {}標題：

<div data-role="view" id="view-routineDetail" data-show="getRoutineDetailData" data-model="routine_viewModel" data-title="routineDetail"> 
<div id="routineInfo" data-template="routineInfo-template" data-bind="source: info" ></div> 
</div>

這是一個快速的解釋，更可以在http://docs.kendoui.com/getting-started/mobile/mvvm

來源

2013-05-16 16:58:19 DropHit

在遠程數據庫中更新Kendo UI Mobile中的列表視圖

回答

相關問題