Angular EasyUI 數(shù)據(jù)列表

2020-06-24 17:27 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
data any[ ] 要加載的數(shù)據(jù)。 [ ]
itemCls string 數(shù)據(jù)項樣式類。 null
itemStyle Object 數(shù)據(jù)項內(nèi)聯(lián)樣式。 null
hoverCls string 當鼠標懸停在數(shù)據(jù)項樣式類上時。 datagrid-row-over
selectedCls string 選擇數(shù)據(jù)項時的樣式類。 datagrid-row-selected

方法列表

名稱 參數(shù) 返回值 作用描述
navRow step:number void 瀏覽行。
scrollToSelectedRow none void 滾動到選中的行。

注意:
- 繼承: ListBaseComponent 。
- 選擇器: eui-datalist 。

使用方法

<eui-datalist style="width:550px;height:250px"
        [data]="data"
        [(selection)]="selection"
        selectionMode="single">
    <ng-template euiItemTemplate let-row>
        <div class="product f-row">
            <img src="https://www.jeasyui.com/tutorial/datagrid/images/{{row.itemid}}.png" rel="external nofollow" >
            <div class="detail">
                <p>{{row.itemid}} - {{row.name}}</p>
                <p>{{row.attr}}</p>
                <p>List Price: {{row.listprice}}</p>
            </div>
        </div>
    </ng-template>
</eui-datalist>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號