W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
名稱(chēng) | 數(shù)據(jù)類(lèi)型 | 作用描述 | 默認(rèn)值 |
---|---|---|---|
data | array | 要加載的數(shù)據(jù)。 | [ ] |
itemCls | string | 數(shù)據(jù)項(xiàng)樣式類(lèi)。 | null |
itemStyle | Object | 數(shù)據(jù)項(xiàng)內(nèi)聯(lián)樣式。 | null |
hoverCls | string | 當(dāng)鼠標(biāo)懸停在數(shù)據(jù)項(xiàng)樣式類(lèi)上時(shí)。 | datagrid-row-over |
selectedCls | string | 選擇數(shù)據(jù)項(xiàng)時(shí)的樣式類(lèi)。 | datagrid-row-selected |
名稱(chēng) | 參數(shù) | 返回值 | 作用描述 |
---|---|---|---|
navRow | step | void | 瀏覽行。 |
scrollToSelectedRow | none | void | 滾動(dòng)到選中的行。 |
名稱(chēng) | 參數(shù) | 作用描述 |
---|---|---|
default | row,rowIndex | 行作用域。 |
注意:
- 繼承: ListBase 。
<DataList style="width:550px;height:250px"
:data="data"
selectionMode="single"
@selectionChange="selection=$event">
<template slot-scope="scope">
<div class="product f-row">
<img :src="getImage(scope.row)">
<div class="detail">
<p>{{scope.row.itemid}} - {{scope.row.name}}</p>
<p>{{scope.row.attr}}</p>
<p>List Price: {{scope.row.listprice}}</p>
</div>
</div>
</template>
</DataList>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: