Зависимый UI (не рекомендуется добавлять другие UI в будущем)
Библиотека для публикации/подписки событий на JavaScript
Добавлено описание зависимых компонентов в readme
Обновлен ElementUI до версии 2.15.6 (текущее время: 2021-09)
Пример кода представлен в исходном коде```html <template #extend-column-before> <template #batch-operation> <el-button @click="handleOpen('', {}, 'add')">Добавить <template #extend-column-after> <el-button size="mini" @click="handleOpen(scope.$index, scope.row, 'add')">Редактировать <el-button size="mini" type="danger" @click="handleOpen(scope.$index, scope.row, 'detail')">Детали
```markdown
datagrid:
```javascript
{
/*table事件 参考element-ui的table事件*/
tableEvents: {
'selection-change': 'handleSelectionChange'
},
/*table属性 参考element-ui的table属性*/
tableAttributes: {
showHeader: true,
border: false,
height: 'calc(100vh - 200px)',
stripe: true, // 是否斑马线
},
/*导出excel属性设置*/
exportAttributes: {
name: new Date().getTime(), // excel文件名称
title: '我是标题', // 内容标题
footer: '我是页脚', // 内容页脚
worksheet: '导出测试页' // 自定义sheet名称
},
/*便捷操作按钮组*/
convenientButtons: {
size: 'small', // 按钮尺寸: medium、small、mini
export: {
label: '导出', // 显示的字段
icon: 'el-icon-download', // 显示的图标
exportType: 'batch' // 导出数据模式, all: 当前表格中所有数据 batch: 勾选的数据 (只限export使用该属性)
},
import: {
label: '导入',
icon: 'el-icon-upload2'
},
template: {
label: '模板下载',
icon: 'el-icon-s-unfold'
},
screenColumn: {
``````markdown
icon: 'el-icon-s-unfold',
label: 'Фильтрация полей таблицы',
class: 'nh-screen' // пользовательский класс (export/import/template поддерживают пользовательский класс)
},
},
/*Включение/отключение фильтрации полей*/
/*Отображаемые столбцы*/
tabColumn: [
{ prop: "date", label: "Дата", width: "20", show: true },
{ prop: "name", label: "Имя", width: "20", show: true },
{ prop: "gender", label: "Пол", width: "10", show: true },
{ prop: "address", label: "Адрес", width: "30", show: true },
{ prop: "ads", label: "Реклама", width: "20", show: true },
],
/*данные таблицы*/
tabData: [
{
date: '2016-05-02',
name: 'Ван Сяоху',
address: 'Шанхай, Пудун, Сяндасянцзянлу 1518',
gender: 'Мужской'
}, {
date: '2016-05-01',
name: 'Ван Сяоху',
address: 'Шанхай, Пудун, Сяндасянцзянлу 1519'
}, {
date: '2016-05-03',
name: 'Ван Сяоху',
address: 'Шанхай, Пудун, Сяндасянцзянлу 1516'
}],
/*атрибуты пагинации*/
pageAttributes: {
pageNum: 1,
pageSize: 16,
}
``````markdown
total: 50,
pageSizes: [10, 20, 50],
layout: "total, prev, pager, next, sizes, jumper",
pageClass: 'page-test'
},
/* события для страниц */
pageEvents: {
'size-change': 'handleSizeChange',
'current-change': 'handleCurrentChange'
}
}
События:
| --- | --- |
| startDownload | Начало экспорта в Excel |
| finishDownload | Завершение экспорта в Excel |
| batchImport | Батч-импорт |
| downloadTemplate | Загрузка шаблона |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )