1

次のように剣道の複数選択があります。

$("#tags").kendoMultiSelect({
    change: onChange,
    dataSource: {
        transport: {
            prefix: "",
            read: {
                url: "/OpsManager/Api/Activity/SearchResourcesTagged",
                data: getSubmitData
            }
        },
        serverFiltering: true,
        filter: [],
        schema: { errors: "Errors" }
    },
    itemTemplate: $('#resourceItemTemplate').html(),
    tagTemplate: $('#resourceTagTemplate').html(),
    dataValueField: "k",
    value: [{"k":"[109]","n":"All Open Alerts","icon":"!","all":105}]
});

次のテンプレートを使用します。

<script id="resourceItemTemplate" type="text/x-kendo-template">
    <span data-icon="#:data.icon#" class="#: data.s || '' #">&nbsp;#:data.n #</span>  
    # if (data.d) { #
        <div class="details">#: data.d #</div>
    # } #
    # if (data.details) { #
    <div class="details k-state-disabled">
        # for (var v in data.details) { 
            var t = typeof data.details[v];
            if (t != "object" && t != "function" && v != "uid") { #
        <div class="k-button">#: v #: #: data.details[v] #</div>
        # } } #
    </div>
    # } #      
</script>

<script id="resourceTagTemplate" type="text/x-kendo-template">
    <span data-icon="#:data.icon#" class="tag-content #: data.s || '' #">&nbsp;#:data.n #</span> 
</script>
<select id="tags" multiple="multiple" name="tags"></select>

特定のセレクションをプリロードしようとしていますが、うまく動作しないようです。

選択：

[{"k":"[109]","n":"All Open Alerts","icon":"!","all":105}]

ドキュメントに従って初期化された値を配置し、ブラウザー内で複数選択オブジェクトを調べると、_initialValues 内に渡されたオブジェクトが表示されますが、_dataItems 内または UI のタグリストには何も表示されません。

これを機能させる方法の手がかりはありますか？

4

2 に答える 2

0

2 つの問題:

  1. で定義valueし、で定義しmultiselectないでdataSourceください。
  2. 最初にロードするキー値のリストを に設定valueしarrayます (この場合は のみ"[109]")。

何かのようなもの：

$("#tags").kendoMultiSelect({
    change: onChange,
    dataSource: {
        transport: {
            prefix: "",
            read: {
                url: "/OpsManager/Api/Activity/SearchResourcesTagged",
                data: getSubmitData
            }
        },
        serverFiltering: true,
        filter: [],
        schema: { errors: "Errors" }
    },
    itemTemplate: $('#resourceItemTemplate').html(),
    tagTemplate: $('#resourceTagTemplate').html(),
    dataValueField: "k",
    value: ["[109]"]
});

ここの例

于 2013-05-09T17:56:25.160 に答える