vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Demo update

pull/3/head
cagataycivici 2018-12-09 00:38:18 +03:00
parent 1f803344d6
commit 732b2d988b
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/listbox/ListBoxDemo.vue
View File

@ -11,11 +11,8 @@
<h3 class="first">Single</h3> <h3 class="first">Single</h3>
<p-listBox v-model="selectedCity" :options="cities" optionLabel="name" /> <p-listBox v-model="selectedCity" :options="cities" optionLabel="name" />
<h3>Multiple</h3> <h3>Advanced with Templating, Filtering and Multiple Selection</h3>
<p-listBox :multiple="true" v-model="selectedCities" :options="cities" optionLabel="name" /> <p-listBox v-model="selectedCars" :options="cars" :multiple="true" :filter="true" optionLabel="brand" listStyle="max-height:250px" style="width:15em">
<h3>Advanced with Templating and Filtering</h3>
<p-listBox v-model="selectedCar" :options="cars" :filter="true" optionLabel="brand" listStyle="max-height:250px" style="width:15em">
<template slot-scope="{option}"> <template slot-scope="{option}">
<div className="p-clearfix"> <div className="p-clearfix">
<img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" style="display:inline-block;margin:5px 0 0 5px;width:48px" /> <img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" style="display:inline-block;margin:5px 0 0 5px;width:48px" />
@ -32,8 +29,7 @@ export default {
data() { data() {
return { return {
selectedCity: null, selectedCity: null,
selectedCities: null, selectedCars: null,
selectedCar: null,
cities: [ cities: [
{name: 'New York', code: 'NY'}, {name: 'New York', code: 'NY'},
{name: 'Rome', code: 'RM'}, {name: 'Rome', code: 'RM'},