Обновление списка в Kendo UI Mobile из удаленного databse

Question

Я создаю кросс-платформенное мобильное приложение с использованием Icenium за очень короткий промежуток времени, и поэтому я стараюсь выучить HTML5 и CSS за очень короткий промежуток времени. Я использую платформу Kendo UI Mobile для создания приложения, и мне нужно связать загрузку списка событий из удаленной базы данных, и эта база данных заполняет список в приложении.

База данных может быть любой, так как у меня есть открытый доступ к серверу и я могу положить на нее все, что захочу. Я буквально не знаю, с чего начать, любая помощь будет очень хорошей. ATM Я искал базу данных mySQL, поскольку она была самой простой и безопасной для поддержания.

Любые идеи/опыт в этом вопросе?

Answer 1

База данных, которую вы выбираете, не имеет ничего общего с вашим интерфейсом. Вы можете использовать любую БД, такую ​​как SQL Server, Oracle, MySQL (если у вас есть бюджетные ограничения) и т. Д. Ваш внешний интерфейс Kendo не будет напрямую связываться с вашей серверной БД; для этого вам нужно написать HTTP-сервис, используя .NET/Java/или любую технологию на стороне сервера. Теперь эта служба будет разговаривать с вашей БД и возвращать данные (предпочтительно в формате JSON) в пользовательский интерфейс Kendo.

Кендо UI < -> HTTP Services < -> База данных [не зависит от UI]

Answer 2

Вы могли бы рассмотреть возможность использования модели данных 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