p42579631
/
datagear
forked from p85126437/datagear
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

编辑表格：恢复编辑面板的拖拽handle设置，不然元素的按键、鼠标事件都会无效

This commit is contained in:
datagear 2019-01-01 21:42:57 +08:00
parent e16cf7c52e
commit 717391eae1
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
datagear-web/src/main/webapp/WEB-INF/jsp/data/include/data_page_obj_edit_grid_html.jsp
View File

@ -25,10 +25,12 @@ request.setAttribute("editGridFormPageId", editGridFormPageId_html);
%>
<div id="<%=editGridFormPageId_html%>" class="page-edit-grid-form">
<div class="form-panel ui-widget ui-widget-content ui-corner-all ui-widget-shadow" tabindex="1">
<div class="form-panel-title">
<div class="form-panel-title form-panel-dragger ui-corner-all ui-widget-header">
<span class="close-icon ui-icon ui-icon-close"></span>
</div>
<form id="<%=editGridFormPageId_html%>-form" method="POST" action="#">
</form>
<div class="form-panel-foot form-panel-dragger ui-widget-header">
</div>
</div>
</div>

10
datagear-web/src/main/webapp/WEB-INF/jsp/data/include/data_page_obj_edit_grid_js.jsp
View File

@ -28,7 +28,8 @@ WebUtils.setPageId(request, editGridFormPageId);
<script type="text/javascript">
(function(po)
{
po.element().draggable();
//XXX 这里必须添加handle设置，不然元素的按键、鼠标事件都会无效
po.element().draggable({ handle : po.element(".form-panel-dragger") });
po.element().hide();
po.formLabels.submit = "<fmt:message key='confirm' />";
@ -802,13 +803,6 @@ WebUtils.setPageId(request, gridPageId);
if(!$this.hasClass("focus"))
$this.addClass("focus");
})
.click(function()
{
var $this = $(this);
if(!$this.hasClass("focus"))
$this.addClass("focus");
});
/* XXX 不在这里加失去焦点效果了，当切换单元格时会有一种卡顿感觉
.focusout(function()
{

10
datagear-web/src/main/webapp/static/theme/common.css
View File

@ -370,10 +370,16 @@ table.dataTable tr td.cell-edit-form .page-edit-grid-form .form-panel{
position: absolute;
display: inline-block;
z-index: 1;
padding: 1px 1px;
padding: 1px 1px 0px 1px;
}
table.dataTable tr td.cell-edit-form .page-edit-grid-form .form-panel .form-panel-title{
height: 10px;
height: 0.6em;
}
table.dataTable tr td.cell-edit-form .page-edit-grid-form .form-panel .form-panel-foot{
height: 0.2em;
}
table.dataTable tr td.cell-edit-form .page-edit-grid-form .form-panel .form-panel-dragger{
cursor: move;
}
table.dataTable tr td.cell-edit-form .page-edit-grid-form .form-panel .form-panel-title .close-icon{
float: right;