forked from opentiny/tiny-vue
58 lines
3.1 KiB
JavaScript
58 lines
3.1 KiB
JavaScript
export default {
|
||
column: '1',
|
||
owner: '',
|
||
demos: [
|
||
{
|
||
'demoId': 'expand-has-row-expand',
|
||
'name': { 'zh-CN': '展开行', 'en-US': 'Check whether the row is expanded.' },
|
||
'desc': {
|
||
'zh-CN': `
|
||
<p>在 <code>column</code> 标签上配置 <code>type="expand"</code>; 展开行,可以通过 <code>v-slot</code> 插槽插入需要的模板信息</p>
|
||
<p>通过调用 <code>hasRowExpand(row)</code> 方法可以检查行是否已展开，参数 <code>row</code> 为行数据对象。</p>
|
||
`,
|
||
'en-US':
|
||
'<p>You can invoke the <code>hasRowExpand(row)</code> method to check whether a row is expanded. The row parameter is the row data object. </p>\n'
|
||
},
|
||
'codeFiles': ['expand/has-row-expand.vue']
|
||
},
|
||
{
|
||
'demoId': 'expand-expand-config',
|
||
'name': { 'zh-CN': '展开行配置项', 'en-US': 'Basic Usage' },
|
||
'desc': {
|
||
'zh-CN': `
|
||
<p>表格属性 <code>expand-config</code> 设置展开行配置项。</p>
|
||
<p>表格属性 <code>expandConfig.activeMethod</code> 配置一个方法控制行是否可展开，参数为 <code>row</code> 和 <code>rowLevel</code>，返回 <code>false</code> 则此行不可展开，且不显示展开图标。</p>
|
||
<p>表格属性 <code>expandConfig.showIcon</code> 配置是否显示展开图标，默认为 <code>true</code> 表示显示展开图标。
|
||
`,
|
||
'en-US': '<p>Table property<code>expand-config</code>Set the configuration item of the expanded line. </p>\n'
|
||
},
|
||
'codeFiles': ['expand/expand-config.vue']
|
||
},
|
||
{
|
||
'demoId': 'expand-nested-grid',
|
||
'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested Table' },
|
||
'desc': {
|
||
'zh-CN': '<p>通过在默认插槽 <code>default</code>中使用表格组件，实现嵌套表格功能。</p>\n',
|
||
'en-US':
|
||
'<p>Implements the nested table function by using the table component in the default slot <code>default</code>. </p>\n'
|
||
},
|
||
'codeFiles': ['expand/nested-grid.vue']
|
||
},
|
||
{
|
||
'demoId': 'expand-set-row-expansion',
|
||
'name': { 'zh-CN': '展开行手动操作', 'en-US': 'Set to expand a specified line' },
|
||
'desc': {
|
||
'zh-CN': `
|
||
<p>通过调用 <code>setRowExpansion(rows, checked)</code> 方法可设置展开指定行，第二个参数设置这一行展开与否，展开指定行时，通过调用clearRowExpand()方法先，关闭已展开的行。</p>
|
||
<p>通过调用 <code>setAllRowExpansion(checked)</code> 方法可设置所有行的展开与否。</p>
|
||
<p>通过调用 <code>toggleRowExpansion(row)</code> 方法可手动切换展开行。</p>
|
||
`,
|
||
'en-US':
|
||
'<p>You can invoke the <code>setRowExpansion(rows, checked)</code> method to expand a specified row. The second parameter specifies whether to expand a specified row. When expanding a specified row, you can invoke the clearRowExpand() method to close the expanded row. </p>\n'
|
||
},
|
||
'codeFiles': ['expand/set-row-expansion.vue']
|
||
}
|
||
],
|
||
apis: [{ 'name': 'grid-expand', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||
}
|