Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
I
ibizlab-generator
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
ibiz4jteam
ibizlab-generator
提交
c772e4e1
提交
c772e4e1
编写于
2月 11, 2022
作者:
Mosher
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:更新表格支持批操作工具栏
上级
58356594
变更
3
显示空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
47 行增加
和
2 行删除
+47
-2
app-grid.scss
...ces/templ/r7/app_{{apps}}/src/style/widgets/app-grid.scss
+18
-0
index.scss
...ources/templ/r7/app_{{apps}}/src/style/widgets/index.scss
+2
-1
{{ctrls@GRID}}-grid.vue.hbs
...ntities}}/{{ctrls@GRID}}-grid/{{ctrls@GRID}}-grid.vue.hbs
+27
-1
未找到文件。
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/widgets/app-grid.scss
0 → 100644
浏览文件 @
c772e4e1
.app-grid-batchtoolbar-container
{
display
:
flex
;
height
:
100%
;
}
.app-grid-batchtoolbar
{
position
:
absolute
;
left
:
0
;
.toolbar-buttons
{
height
:
100%
;
}
}
.app-grid-batchtoolbar.toolbar
.toolbar-buttons
.ant-space-item
{
padding
:
0
6px
;
height
:
100%
;
&
:first-child
{
padding-left
:
0
;
}
}
\ No newline at end of file
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/widgets/index.scss
浏览文件 @
c772e4e1
...
...
@@ -5,3 +5,4 @@
@use
'./app-tab-exp-panel.scss'
;
@use
'./app-tab-view-panel.scss'
;
@use
'./app-portlet.scss'
;
@use
'./app-grid.scss'
;
\ No newline at end of file
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@GRID}}-grid/{{ctrls@GRID}}-grid.vue.hbs
浏览文件 @
c772e4e1
{{>
@macro
/
front-end
/
widgets
/
grid-detail
/
include-grid
.
hbs
}}
<script
setup
lang=
"ts"
>
import
{
Subject
}
from
'rxjs'
;
import
{
ctrlState
}
from
'./
{{
spinalCase
ctrl
.
codeName
}}
-grid-state'
;
import
{
GridControl
,
IActionParam
,
IParam
,
IContext
,
ControlAction
,
deepCopy
}
from
'@core'
;
{{#if
ctrl
.
batchToolBarItems
}}
import
AppToolbar
from
'@components/common/app-toolbar.vue'
;
{{/if}}
interface
Props
{
name
:
string
,
...
...
@@ -39,6 +41,22 @@ const emit = defineEmits<CtrlEmit>();
// 安装功能模块,提供状态和能力
const
{
name
,
state
,
useCustom
,
onEditorEvent
,
onToolbarEvent
,
onActionColEvent
,
newRow
,
remove
,
save
,
load
,
refresh
,
getData
}
=
new
GridControl
(
ctrlState
,
props
,
emit
).
moduleInstall
();
const
{
useScrollOption
,
useRowKey
,
useRowClassName
,
useCustomRow
,
useRowSelectionOption
,
onResizeColumn
,
onGridChange
}
=
useCustom
;
{{#if
ctrl
.
batchToolBarItems
}}
const
renderBatchToolbar
=
(
total
:
number
,
range
:
IParam
[])
=>
{
return
(
h
(
'div'
,
{
class
:
'app-grid-batchtoolbar-container'
},
[
h
(
AppToolbar
,
{
mode
:
'button'
,
class
:
'app-grid-batchtoolbar'
,
name
:
'
{{
ctrl
.
batchToolBarName
}}
'
,
actionModel
:
state
.
batchToolbar
,
onOnToolbarEvent
:
(
event
:
any
)
=>
onToolbarEvent
(
event
)
}),
`显示
${
range
[
0
]}
-
${
range
[
1
]}
条数据,共
${
total
}
条数据`
])
)
}
{{/if}}
// 暴露内部状态及能力
defineExpose
({
name
,
state
,
newRow
,
remove
,
save
,
load
,
refresh
,
getData
});
...
...
@@ -56,7 +74,15 @@ defineExpose({ name, state, newRow, remove, save, load, refresh, getData });
:data-source=
"state.items"
:row-selection=
"useRowSelectionOption"
:columns=
"state.columnsModel"
{{#if
ctrl
.
batchToolBarItems
}}
:pagination=
"Object.assign(state.mdCtrlPaging.pagination, {
showTotal: (total, range) => {
return renderBatchToolbar(total, range);
}
})"
{{else}}
:pagination=
"state.mdCtrlPaging.pagination"
{{/if}}
:customRow=
"useCustomRow"
:rowClassName=
"useRowClassName"
@
change=
"onGridChange"
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录