Javascript 从远程数据库更新Kendo UI Mobile中的listview

我正在用Icenium在很短的时间内构建一个跨平台的移动应用程序，因此我试图在很短的时间内学习HTML5和CSS。 我正在使用Kendo UI Mobile框架构建应用程序，我需要链接一个链接，从远程数据库加载事件列表，并让该数据库在应用程序中填充listview

数据库可以是任何东西，因为我可以对服务器进行开放访问，并且可以在上面放置任何我想要的内容。 我真的不知道从哪里开始，但是，任何帮助都将是非常好的。ATM我在看mySQL数据库，因为它最容易维护，也最安全

---

在这件事上有什么想法/经验吗

您选择的数据库与前端无关。您可以使用任何数据库，如SQL Server、Oracle、MySQL（如果您有预算限制）等。您的剑道前端不会直接与服务器数据库对话；为此，您需要使用.NET/Java/或任何服务器端技术编写HTTP服务。现在，该服务将与您的DB对话，并将数据（最好是JSON格式）返回到KendoUI

---

剑道UI HTTP Services数据库（独立于UI）

您可以考虑使用Kajoui MVVM数据模型和模板，使用Ajax .< /P> Post到您的服务器端点-它应该返回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>

${user\u name}在${entry\u stamp}上创建的${title}

然后，视图应调用函数，使用数据显示执行服务器post，并使用数据模型访问模板中使用的数据，即${title}：

        <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>

---

这是一个快速的解释，更多内容可以在

上找到，谢谢你的帮助，这实际上澄清了很多，我现在知道去哪里看了。