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

2020-06-24 11:50 更新

屬性列表

名稱(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>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)