2017-12-11 22 views
-1

multiselect에서 검색 텍스트 상자의 placeHolder를 변경하는 방법?multiselect에서 검색 텍스트 상자의 placeHolder를 변경하는 방법?

당신이 이름으로 항목을 검색 할 수있는 텍스트 영역을 의미합니다 (첨부 된 이미지) 선택한 요소 아래에있는 것입니다. enter image description here

'.k-input.k-유효 "'CSS 클래스입니다.이 입력 쇼와 함께 입력.

이 입력은 왜

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

코드를 입력하십시오. –

+0

또한 [docs] (https://docs.telerik.com/kendo-ui/api/javascript/ui/multiselect#configuration-placeholder)에서 찾을 수 있습니다.) –

+0

그 자리 표시 자 아닙니다. 나는 이미 문서 – Federico

답변

1

확실하지 onchange를 다중 선택에 표시됩니다 당신이 구성 요소를 선언 한 후이

을 할 것입니다 것은 다중 선택 구성 요소의 일부입니다 구성된 입력 요소를 수정하려면이 옵션을 추가 할 수 있습니다.

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

자리 표시자를 자르는 입력의 너비에 문제가 있으므로 자리 표시 자 값으로 가능하면 확장 또는 오버 플로우에 CSS를 추가해야 할 수도 있습니다.

대안은 다중 선택을위한 도구 설명을 추가하는 것입니다.