Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
aadb00ee
Z
zui
项目概览
易企天创
/
zui
12 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
aadb00ee
编写于
12月 15, 2017
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* datagrid support showMessage and show loading state.
上级
414ed01e
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
64 addition
and
18 deletion
+64
-18
src/js/datagrid.js
src/js/datagrid.js
+13
-18
src/less/views/datagrid.less
src/less/views/datagrid.less
+51
-0
未找到文件。
src/js/datagrid.js
浏览文件 @
aadb00ee
...
...
@@ -6,7 +6,7 @@
* ======================================================================== */
(
function
(
$
)
{
(
function
(
$
,
undefined
)
{
'
use strict
'
;
var
get2DArrValue
=
function
(
arr
,
rowIndex
,
colIndex
)
{
...
...
@@ -498,14 +498,21 @@
autoCloseTime
=
5000
;
}
if
(
!
$messager
.
length
)
{
$messager
=
$
(
'
<div class="datagrid-messager" style="display: none"></div>
'
).
appendTo
(
that
.
$container
);
$messager
=
$
(
'
<div class="datagrid-messager" style="display: none"><div class="content"></div><button type="button" class="close">×</button></div>
'
).
appendTo
(
that
.
$container
).
on
(
'
click
'
,
'
.close
'
,
function
()
{
$messager
.
slideUp
();
if
(
that
.
msgerAutoCloseTimer
)
{
clearTimeout
(
that
.
msgerAutoCloseTimer
);
that
.
msgerAutoCloseTimer
=
null
;
}
});
}
$messager
.
attr
(
'
class
'
,
'
datagrid-messager bg-
'
+
type
).
text
(
message
).
slideDown
();
$messager
.
attr
(
'
class
'
,
'
datagrid-messager bg-
'
+
type
).
find
(
'
.content
'
).
text
(
message
);
$messager
.
slideDown
();
if
(
autoCloseTime
)
{
that
.
msgerAutoCloseTimer
=
setTimeout
(
function
()
{
$messager
.
slideUp
();
that
.
msgerAutoCloseTimer
=
null
;
});
}
,
autoCloseTime
);
}
};
...
...
@@ -517,7 +524,7 @@
var
$loading
=
that
.
$container
.
find
(
'
.datagrid-loading
'
);
if
(
loading
)
{
if
(
!
$loading
.
length
)
{
$loading
=
$
(
'
<div class="datagrid-loading" style="display: none"><
i class="icon icon-spin icon-spinner"></i><div className="datagrid-loading-message"
></div></div>
'
).
appendTo
(
that
.
$container
);
$loading
=
$
(
'
<div class="datagrid-loading" style="display: none"><
div class="content"><i class="icon icon-spin icon-spinner icon-2x"></i><div className="datagrid-loading-message"></div
></div></div>
'
).
appendTo
(
that
.
$container
);
}
$loading
.
find
(
'
.datagrid-loading-message
'
).
text
((
typeof
loading
===
'
string
'
)
?
loading
:
''
);
$loading
.
fadeIn
();
...
...
@@ -747,18 +754,6 @@
return
cell
;
};
// DataGrid.prototype.getCellBounds = function(rowIndex, colIndex) {
// var layout = this.layout;
// var colLayout = layout.cols[colIndex];
// var rowLayout = this.getRowLayout(rowIndex);
// return {
// left: colLayout.left,
// width: colLayout.width,
// top: rowLayout.top,
// height: rowLayout.height
// };
// };
DataGrid
.
prototype
.
getRowConfig
=
function
(
rowIndex
)
{
var
that
=
this
;
var
rowId
=
'
R
'
+
rowIndex
;
...
...
@@ -1311,5 +1306,5 @@
$
(
function
()
{
$
(
'
[data-ride="datagrid"]
'
).
datagrid
();
});
}(
jQuery
));
}(
jQuery
,
undefined
));
src/less/views/datagrid.less
浏览文件 @
aadb00ee
...
...
@@ -14,6 +14,8 @@
@hover-cell-zIndex: 40;
@fixed-row-hover-cell-zIndex: 42;
@scrollbar-zIndex: 50;
@dagagrid-messager-zIndex: 60;
@dagagrid-loading-zIndex: 61;
// Basic style
...
...
@@ -186,3 +188,52 @@
min-height: 20px;
}
}
.datagrid-messager {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: @dagagrid-messager-zIndex;
padding: 5px 10px;
text-align: center;
> .close {
position: absolute;
display: block;
top: 0;
right: 0;
width: 30px;
height: 30px;
text-align: center;
line-height: 20px;
padding-bottom: 5px;
&:hover {
background-color: rgba(0,0,0,.1);
}
}
}
.datagrid-loading {
position: absolute;
z-index: @dagagrid-loading-zIndex;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.6);
> .content {
display: block;
height: 50px;
text-align: center;
position: relative;
top: 50%;
margin-top: -25px;
> .icon {
color: @color-primary;
}
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录