drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #1387 and update v-transfer-dom

Browse source 
Modal add transfer prop
This commit is contained in:
梁灏 2017-07-19 13:58:20 +08:00
parent 3e4bab9655
commit 548eac43fe
10 changed files with 205 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

1
examples/routers/modal.vue
View file

@ -6,6 +6,7 @@
width="70"
title="普通的Modal对话框标题"
@on-ok="ok"
:transfer="true"
@on-cancel="cancel">
<div>
<Form :model="formItem" :label-width="80">

2
examples/routers/poptip.vue
View file

@ -1,6 +1,6 @@
<template>
<div>
<Poptip trigger="hover" transfer title="提示标题" content="提示内容">
<Poptip trigger="hover" title="提示标题" content="提示内容">
<Button>hover 激活</Button>
</Poptip>
<Poptip title="提示标题" content="提示内容">

254
examples/routers/table.vue
View file

@ -1,114 +1,192 @@
<!--<template>-->
<!--<div>-->
<!--<Table-->
<!--width="500"-->
<!--border-->
<!--highlight-row-->
<!--:columns="columns2"-->
<!--@on-selection-change="change2"-->
<!--:data="data3"></Table>-->
<!--<Button @click="addData">添加数据</Button>-->
<!--</div>-->
<!--</template>-->
<!--<script>-->
<!--import test from '../components/test.vue';-->
<!--export default {-->
<!--data () {-->
<!--return {-->
<!--columns2: [-->
<!--// {-->
<!--// type: 'selection',-->
<!--// width: 60,-->
<!--// align: 'center'-->
<!--// },-->
<!--{-->
<!--title: '姓名',-->
<!--key: 'name',-->
<!--width: 100,-->
<!--// sortable: true,-->
<!--fixed: 'right',-->
<!--render: (h, params) => {-->
<!--return h('div', [-->
<!--h('Button', {-->
<!--props: {-->
<!--type: 'primary',-->
<!--size: 'small'-->
<!--},-->
<!--on: {-->
<!--click: this.edit-->
<!--},-->
<!--}, '修改')-->
<!--]);-->
<!--}-->
<!--},-->
<!--{-->
<!--title: '年龄',-->
<!--key: 'age',-->
<!--sortable: true,-->
<!--// width: 100-->
<!--},-->
<!--{-->
<!--title: '省份',-->
<!--key: 'province',-->
<!--sortable: true,-->
<!--// fixed: 'right',-->
<!--// width: 100-->
<!--},-->
<!--// {-->
<!--// title: '市区',-->
<!--// key: 'city',-->
<!--// width: 100-->
<!--// },-->
<!--// {-->
<!--// title: '地址',-->
<!--// key: 'address',-->
<!--// width: 200-->
<!--// },-->
<!--// {-->
<!--// title: '邮编',-->
<!--// key: 'zip',-->
<!--// width: 100-->
<!--// },-->
<!--// {-->
<!--// title: '操作',-->
<!--// key: 'action',-->
<!--// fixed: 'right',-->
<!--// width: 120,-->
<!--// render: (h, params) => {-->
<!--// return h(test);-->
<!--// }-->
<!--// }-->
<!--],-->
<!--data3: [-->
<!--// {-->
<!--// name: '王小明',-->
<!--// age: 18,-->
<!--// address: '北京市朝阳区芍药居',-->
<!--// province: '北京市',-->
<!--// city: '朝阳区',-->
<!--// zip: 100000-->
<!--// },-->
<!--// {-->
<!--// name: '张小刚',-->
<!--// age: 25,-->
<!--// address: '北京市海淀区西二旗',-->
<!--// province: '北京市',-->
<!--// city: '海淀区',-->
<!--// zip: 100000-->
<!--// },-->
<!--// {-->
<!--// name: '李小红',-->
<!--// age: 30,-->
<!--// address: '上海市浦东新区世纪大道',-->
<!--// province: '上海市',-->
<!--// city: '浦东新区',-->
<!--// zip: 100000-->
<!--// },-->
<!--// {-->
<!--// name: '周小伟',-->
<!--// age: 26,-->
<!--// address: '深圳市南山区深南大道',-->
<!--// province: '广东',-->
<!--// city: '南山区',-->
<!--// zip: 100000-->
<!--// }-->
<!--]-->
<!--}-->
<!--},-->
<!--methods: {-->
<!--change1 (d, l) {-->
<!--// console.log(d)-->
<!--// console.log(l)-->
<!--},-->
<!--change2 (d, l) {-->
<!--console.log(d);-->
<!--console.log(l);-->
<!--},-->
<!--addData () {-->
<!--this.data3.push({-->
<!--name: '周小伟',-->
<!--age: 26,-->
<!--address: '深圳市南山区深南大道',-->
<!--province: '广东',-->
<!--city: '南山区',-->
<!--zip: 100000-->
<!--})-->
<!--}-->
<!--}-->
<!--}-->
<!--</script>-->
<template>
<Table
width="550"
border
highlight-row
:columns="columns2"
@on-selection-change="change2"
:data="data3"></Table>
<div>
<i-table :data="dtData" :height="400" :columns="dtCols" border highlight-row></i-table>
<Button type="ghost" @click="addData"> add data</Button>
</div>
</template>
<script>
import test from '../components/test.vue';
export default {
data () {
return {
columns2: [
data(){
return{
dtData:[],
dtCols:[
{
type: 'selection',
width: 60,
align: 'center'
},
{
title: '姓名',
title: '分类名称',
key: 'name',
width: 100,
sortable: true,
// fixed: 'left',
// renderHeader: (h, params) => {
// return h('Tag', params.index)
// }
},
{
title: '年龄',
key: 'age',
sortable: true,
width: 100
},
{
title: '省份',
key: 'province',
width: 100
},
{
title: '市区',
key: 'city',
width: 100
},
{
title: '地址',
key: 'address',
width: 200
},
{
title: '邮编',
key: 'zip',
width: 100
sortable: true
},
{
title: '操作',
key: 'action',
fixed: 'right',
width: 120,
render: (h, params) => {
return h(test);
return h('div', [
h('Button', {
props: {
type: 'primary',
size: 'small'
},
on: {
click: this.edit
},
}, '修改')
]);
}
}
],
data3: [
{
name: '王小明',
age: 18,
address: '北京市朝阳区芍药居',
province: '北京市',
city: '朝阳区',
zip: 100000
},
{
name: '张小刚',
age: 25,
address: '北京市海淀区西二旗',
province: '北京市',
city: '海淀区',
zip: 100000
},
{
name: '李小红',
age: 30,
address: '上海市浦东新区世纪大道',
province: '上海市',
city: '浦东新区',
zip: 100000
},
{
name: '周小伟',
age: 26,
address: '深圳市南山区深南大道',
province: '广东',
city: '南山区',
zip: 100000
}
]
}
},
methods: {
change1 (d, l) {
// console.log(d)
// console.log(l)
},
change2 (d, l) {
console.log(d);
console.log(l);
addData () {
this.dtData.push({
name: '发送到附件是'
})
}
}
}
</script>
</script>