Question

我正在尝试渲染一个类似于此示例的kendodropdownlist：http://dojo.telerik.com/IJEGo，但它会像动作表一样显示移动设备上的项目，而不是像下拉列表那样。（见最后的屏幕链接）

这是我的index.html标题：

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet">    
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />


<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script> 
<script src="kendo/js/kendo.all.min.js"></script>

<script src="scripts/app.js"></script>
<script src="scripts/Controlador.js"></script>
<script src="scripts/Facturas.js"></script> </head>

我的观点：

<div data-role="view" data-title="home" data-layout="main" data-model="APP.models.home">
    <h1 data-bind="html: title" style="color:white;"></h1>
    </br>
    <!--   <input id="near-km2" />-->
    <select id="near-km2" class=".k-dropdown">
        <script>
            var kmData = [{
                    text: "5km",
                    value: "5"
                }, {
                    text: "10km",
                    value: "10"
                },
                {
                    text: "25km",
                    value: "25"
                },
                {
                    text: "50km",
                    value: "50"
                }];

            $("#near-km2").kendoDropDownList({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: kmData,
                index: 1
            });
        </script>
</div>

我的代码出了什么问题？

我的屏幕：http://s28.postimg.org/m60mm7t25/Capture1.jpg

感谢您的帮助。

telerik kendoDropDownList显示移动设备上的项目，如动作表

0 个答案: