other / mew-iview

Commit 944c0dac7a475d7036e8a7569f4dbeb5f71d3ee9

Authored by huanghong
1 parent 347815f7

add example for dropdown placement bug

Showing 2 changed files with 69 additions and 24 deletions   Show diff stats
Inline Side-by-side
examples/routers/page.vue
  Show/Hide comments   View file @944c0da
... ... @@ -5,35 +5,24 @@
5 5 <Button type="primary" @click="subject">- 1</Button>
6 6 <Button type="primary" @click="change">Change</Button>
7 7 <Page :current="2" :total="50" simple></Page>
8   - <div style="margin:20px 0px">
9   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
  8 +
  9 + <div style="margin:10px 0px">
  10 + <Page :total="1000" show-sizer show-elevator show-total transfer :current="12"></Page>
10 11 </div>
11   - <div style="margin:20px 0px">
12   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
  12 + <div style="margin:10px 0px">
  13 + <Page :total="1000" show-sizer show-elevator show-total transfer :current="12"></Page>
13 14 </div>
14   - <div style="margin:20px 0px">
15   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
  15 + <div style="margin:100px 0px">
  16 + <Page :total="500" show-sizer show-elevator show-total transfer ></Page>
16 17 </div>
17   - <div style="margin:20px 0px">
18   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
  18 + <div style="margin:100px 0px">
  19 + <Page :total="500" show-sizer show-elevator transfer ></Page>
19 20 </div>
20   - <div style="margin:20px 0px">
21   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
  21 + <div style="margin:100px 0px">
  22 + <Page :total="500" show-sizer show-elevator transfer ></Page>
22 23 </div>
23   - <div style="margin:20px 0px">
24   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
25   - </div>
26   - <div style="margin:20px 0px">
27   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
28   - </div>
29   - <div style="margin:20px 0px">
30   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
31   - </div>
32   - <div style="margin:20px 0px">
33   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
34   - </div>
35   - <div style="margin:20px 0px">
36   - <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
  24 + <div style="margin:10px 0px">
  25 + <Page :total="500" show-sizer transfer ></Page>
37 26 </div>
38 27 </div>
39 28 </template>
... ...
examples/routers/table.vue
  Show/Hide comments   View file @944c0da
... ... @@ -5,6 +5,14 @@
5 5 <Button @click="handleClearData">Clear Data</Button>
6 6 <Button @click="handleSelectAll(true)">Set all selected</Button>
7 7 <Button @click="handleSelectAll(false)">Cancel all selected</Button>
  8 + <div style="margin:20px 0px;">
  9 + <Table :data="tableData1" :columns="tableColumns1" style="width: 100%;" stripe></Table>
  10 + <div style="margin: 10px;overflow: hidden">
  11 + <div style="float: right;">
  12 + <Page :total="100" show-sizer :current="1" @on-change="changePage"></Page>
  13 + </div>
  14 + </div>
  15 + </div>
8 16 </div>
9 17 </template>
10 18 <script>
... ... @@ -32,9 +40,40 @@
32 40 ],
33 41 data1: [
34 42  
  43 + ],
  44 +
  45 + tableData1: [],
  46 + tableColumns1: [
  47 + {
  48 + title: 'Data1',
  49 + key: 'data1'
  50 + },
  51 + {
  52 + title: 'Data2',
  53 + key: 'data2'
  54 + },
  55 + {
  56 + title: 'Data3',
  57 + key: 'data3'
  58 + },
  59 + {
  60 + title: 'Data4',
  61 + key: 'data4'
  62 + },
  63 + {
  64 + title: 'Data5',
  65 + key: 'data5'
  66 + },
  67 + {
  68 + title: 'Data6',
  69 + key: 'data6'
  70 + },
35 71 ]
36 72 }
37 73 },
  74 + mounted(){
  75 + this.refreshData();
  76 + },
38 77 methods: {
39 78 handleSelectAll (status) {
40 79 this.$refs.selection.selectAll(status);
... ... @@ -69,6 +108,23 @@
69 108 },
70 109 handleClearData () {
71 110 this.data1 = [];
  111 + },
  112 + refreshData(){
  113 + let data = [];
  114 + for (let i = 0; i < 10; i++) {
  115 + data.push({
  116 + data1: Math.floor(Math.random () * 10000),
  117 + data2: Math.floor(Math.random () * 1000000),
  118 + data3: Math.floor(Math.random () * 100000000),
  119 + data4: Math.floor(Math.random () * Math.random () * 10000),
  120 + data5: Math.floor(Math.random () * Math.random () * 1000000),
  121 + data6: Math.floor(Math.random () * Math.random () * 100000000),
  122 + });
  123 + }
  124 + this.tableData1 = data;
  125 + },
  126 + changePage(){
  127 + this.refreshData();
72 128 }
73 129 }
74 130 }
... ...