jQuery MiniUI

标题: 点击表格内容每次表格自己就跑了 [打印本页]

作者: liuyang 时间: 2021-12-22 17:08:04 标题: 点击表格内容每次表格自己就跑了

各位大神，帮我解决一下这个问题，不知道该怎么办？现象如下：

在弹窗中，有很多表单信息以及表格信息。表格中的数据量挺大的，50多条数，表格里没有设置滚动条。当表格处于页面中间时，点击表格里面的数据，表格会跳到最顶端，表头和最顶端齐平，导致我想点击表格最后一行的数据时，点不了，因为一点表头就跳到和最顶端齐平了。代码如下所示
<div id="form2" method="post" style="width:100%; height:100%;width:1500px;display:none" expanded="true">
<table>
<tr>
<td width="150"><span>题目列表:</span></td>
<td width="400" align="right">
<span>
<a class="mini-button" style="width:80px"  name="btn" onclick="addOrUpdateTopic()" >新增</a>
   <a class="mini-button" style="width:80px"  name="btn" onclick="deleteTopic()" >删除</a>
   <a class="mini-button" style="width:80px"  name="btn" onclick="refresh()" >刷新</a>
</span>
</td>
</tr>
</table>
<table>
<tr>
<td width="150"></td>
<td width="800">
<div id="topicGrid" class="mini-datagrid"
url="/AtomLocal/servlet/QueSurveyServlet?type=queryTopic"allowAlternating="true" sortMode="client"
idField="" allowResize="true" multiSelect="true" showSummaryRow="false" showPager="false">
<div property="columns">
<div type="checkcolumn" width="5%"></div>
<div type="indexcolumn" width="50">序号</div>
<div name="question" field="question" headerAlign="center" align="left" vtype="required" allowSort="true" width="100">选项内容</div>
<div field="id" width="80px"  headerAlign="center" allowSort="true" style="width:15%" renderer="onTopic">详情</div>
</div>
</div>
</td>
</tr>
</table>
<table>
<tr>
<td width="150"><span>系统填写调查问卷名单:</span></td>
<td width="400" align="right">
<span>
   <a class="mini-button" style="width:80px"  name="btn" onclick="openClientWin()" >新增</a>
   <a class="mini-button" style="width:80px"  name="btn" onclick="deleteClient()" >删除</a>
   <a class="mini-button" style="width:80px"  name="btn" onclick="refreshClient()" >刷新</a>
</span>
</td>
</tr>
</table>
<table>
<tr>
<td width="150"></td>
<td width="800">
<div id="clientGrid" class="mini-datagrid" style="width:100%;"
url="/XXX/servlet/QueSurveyServlet?type=querySurveyUnits"
   allowCellWrap='true' showPager="false" idField="id" allowAlternating="true" sortMode="client" allowResize="false" pageSize="20"
allowMoveColumn='true' allowCellEdit="true" allowCellSelect="true" multiSelect="true" allowSortColumn="false" editNextOnEnterKey="true" editNextRowCell="true"
allowCellValid="true"
>
<div property="columns">
<div type="checkcolumn" width="5%"></div>
<div type="indexcolumn" width="50">序号</div>
<div field="STATUS" width="80px"  headerAlign="center" allowSort="true" visible="false">status</div>
<div field="ID" width="80px"  headerAlign="center" allowSort="true" visible="false">id</div>
<div field="EB_QUE_SURVEY_INFO_ID" width="80px"  headerAlign="center" allowSort="true" visible="false">EB_QUE_SURVEY_INFO_ID</div>
<div name="COUNTERPARTY_CD" field="COUNTERPARTY_CD" headerAlign="center" align="left" vtype="required" allowSort="true" width="70">单位编号</div>
<div name="COUNTERPARTY_NM" field="COUNTERPARTY_NM" headerAlign="center" align="left" vtype="required" allowSort="true" width="100">单位名称</div>
<div name="ID" field="ID" headerAlign="center" align="left" vtype="required" allowSort="true" width="100"  renderer="onUnitContent">回答详情</div>
</div>
</div>
</td>
</tr>
</table>
<table>
<tr>
<td width="400" align="center">
<span>
<a class="mini-button" style="width:100px"  name="btn" onclick="saveOrUpdate1(1)" >保存</a>
<a class="mini-button" style="width:80px"  name="btn" onclick="saveOrUpdate1(2)" >启用</a>
</span>
</td>
</tr>
</table>
</div>

作者: felt 时间: 2021-12-22 17:23:53

请提供一个能直接打开重现问题的html页面，复制你这代码没发现什么问题

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)