如何在multiselect中更改搜索文本框的placeHolder？

Question

如何在multiselect中更改搜索文本框的placeHolder？

我的意思是textarea允许您按名称搜索项目。（附图） 所选元素下方的那个。

使用'.k-input.k-valid''css类输入。此输入显示。

此输入仅显示在multiselect onchange

上

 <div id="example" >
    <div class="demo-section k-content">
        <h4>Products</h4>
        <select id="products"></select>
    </div>
    <script>
        $(document).ready(function() {
            $("#products").kendoMultiSelect({
                placeholder: "Select products...",
                dataTextField: "ProductName",
                dataValueField: "ProductID",
                autoBind: false,
                dataSource: {
                    type: "odata",
                    serverFiltering: true,
                    transport: {
                        read: {
                            url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
                        }
                    }
                },
                value: [
                    { ProductName: "Chang", ProductID: 2 },
                    { ProductName: "Uncle Bob's Organic Dried Pears", ProductID: 7 }
                ]
            });
        });
    </script>
</div>

Answer 1

不确定为什么要这样做

在组件声明之后添加它以修改构成多选组件的构造输入元素。

var input = $("#products").data("kendoMultiSelect").input;
input.prop("placeholder", "need more product");

输入剪切占位符的宽度存在一些问题，因此您可能需要添加css以加宽或溢出（如果可以使用占位符值）。

另一种方法是为多选项添加工具提示。