2017-11-11 4 views

답변

0

MultiSelect 구성 요소는 numerous templates을 제공하며 머리말, 꼬리말 및 항목 내용의 렌더링을 제어하는 ​​데 사용할 수 있습니다. 즉, 우리는 쉽게 다른 스타일을 사용하여 다른 레이아웃을 얻을 수 있습니다. 구성 요소가 테이블과 같은 레이아웃을하지 않고 수동으로 구현해야 함을,

http://plnkr.co/edit/BvdyXuQ4TQ5OFwDliqYd?p=preview

주의 사항 : 여기

<kendo-multiselect 
    [data]="listItems" 
    [(ngModel)]="value" 
    [textField]="'text'" 
    [valueField]="'value'" 
    > 
    <ng-template kendoMultiSelectHeaderTemplate> 
    <div class="dropdown-header k-widget k-header"> 
     <span>Value</span> 
     <span>Text</span> 
    </div> 
    </ng-template> 
    <ng-template kendoMultiSelectItemTemplate let-dataItem> 
    <span class="k-state-default"><h3>{{dataItem.value}}</h3></span> 
    <span class="k-state-default"><h3>{{dataItem.text}}</h3></span> 
    </ng-template> 
</kendo-multiselect> 

는 템플릿의 사용을 보여주는 plunker이다. 그럼에도 불구하고 데모에 나와 있듯이이 작업은 힘들지 않습니다.

+0

하나의 행에 여러 옵션을 넣고 싶다면 (어쩌면 그는 그 뜻입니다) 'float : left;' 'k-item'클래스에 추가합니다. – Ludwig

+0

잘 모르겠습니다. @A_j가 그의 아이디어에 대해 논평하기를 바랍니다. 같은 행에 여러 항목을 배치하는 레이아웃에 대해서는 완벽하게 작동하지 않는다고 말할 수 있습니다. 키보드 탐색이 예상대로 작동하지 않으며 버그처럼 보일 것입니다. 레이아웃을 변경하지 않고 새 사용자 정의 구성 요소를 설계하는 것이 좋습니다. –