0

リスト ビューを使用する編集テンプレートがあり、リモート ソースから取り込まれたドロップ ダウン リストが必要です。ただし、ドロップダウン リストには読み込み中のアイコンが表示されるだけです。

これが DropDownList データソースです。

var dsTitles = new kendo.data.DataSource({
    transport: {
        read: "../data/options/",
        dataType: "json"
    },
    serverFiltering: true,
    filter: [{
        field: "category_opt",
        operator: "eq",
        value: "title"
    }]
});

これが私が編集テンプレートに入れているものです

<input name="title_clt"
       data-bind="value:title_clt"
       data-value-field="value_opt"
       data-text-field="label_opt"
       data-source="dsTitles"
       data-role="dropdownlist"
       required
       validationMessage="Required" />

どんな助けでも素晴らしいでしょう。

4

2 に答える 2

0

あなたのコードは基本的に問題ありませんが、見落としている可能性のある質問がいくつかあります。

HTML の一部としてDataSource を定義しているので、data-source="dsTitles"物事を定義する方法の順序は非常に重要です。

最初に定義されるのは HTML です。つまり、それdsTitleはグローバルでなければなりません。次に、inputが処理された後、 を呼び出す必要がありますkendo.init。

したがって、次のようになります。

<html>
<head>
    <meta charset="UTF-8"/>
    <title>OnaBai - KendoUI DrowDownList</title>
    <!-- Kendo UI Web styles-->
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>

    <!-- Kendo UI Web scripts-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>

    <!-- Web Page styling -->
    <style type="text/css">
    </style>

    <script type="text/javascript">
        var dsTitles = new kendo.data.DataSource({
            transport: {
                read: "../data/options/",
                dataType: "json"
            },
            serverFiltering: true,
            filter: [{
                field: "category_opt",
                operator: "eq",
                value: "title"
            }]
        });

        $(document).ready(function () {
            kendo.init("input");
        });
    </script>
</head>
<body>
<input name="title_clt"
       data-bind="value:title_clt"
       data-value-field="value_opt"
       data-text-field="label_opt"
       data-source="dsTitles"
       data-role="dropdownlist"
       required
       validationMessage="Required" />
</body>
</html>
于 2013-01-28T21:57:49.117 に答える
0

答えは、与えられたデータが入力される Kendo DropDownListFor を使用するのと同じくらい簡単だと思います。

于 2013-01-29T14:25:28.327 に答える