miniui实现表格中行的上下移动

前台页面：

<script type="text/javascript">mini.parse();var grid = mini.get("grid1");grid.load();grid.hideColumn("sort");grid.hideColumn("a00");function search() {var key = document.getElementById("key").value;grid.load({ key: key });}$("#key").bind("keydown", function (e) {if (e.keyCode == 13) {search();}});//上移function moveUp() {//选中行var row = grid.getSelected();if (row) {var index = grid.indexOf(row); //grid.moveRow(row, index - 1);var toup = grid.getRow(index);var upId=toup.sort;var upA00=toup.a00;alert(toup.a00);  var todown = grid.getRow(index - 1);alert(todown.sort);var downId=todown.sort;var downA00=todown.a00;updateSort(upId,upA00,downId,downA00);}}//下移function moveDown() {//选中行var row = grid.getSelected();if (row) {var index = grid.indexOf(row); //grid.moveRow(row, index - 1);var toup = grid.getRow(index);var upId=toup.sort;var upA00=toup.a00;alert(toup.a00);  var todown = grid.getRow(index + 1);alert(todown.sort);var downId=todown.sort;var downA00=todown.a00;updateSort(upId,upA00,downId,downA00);}}//更新数据库排序  function updateSort(upId,upA00,downId,downA00){jQuery.ajax({url: "/gbgl/rygl/ryll/move?theme=none",type: "POST",data: {upId:upId,upA00:upA00,downId:downId,downA00:downA00},success: function(text){grid.reload();mini.alert("操作成功! ");}});}</script>

后台与数据库的交互：

 @Actionpublic String move(){System.out.println("ppppppppppppyyyyyyyyyyyy");HttpServletRequest request = ActionContext.getActionContext().getHttpServletRequest();HttpServletResponse response = ActionContext.getActionContext().getHttpServletResponse();String upA00=request.getParameter("upA00");String downA00=request.getParameter("downA00");System.out.println(upA00+"333333333333"+downA00);int upId=Integer.parseInt(request.getParameter("upId"));int downId=Integer.parseInt(request.getParameter("downId"));Map<String, Object> param = new HashMap<String, Object>();param.put("DMTABLE", "A01_Function");param.put("upA00",upA00);param.put("downId",downId);int result=rsglDAO.update("repository.gbgl.rygl.updateRow1", param);Map<String, Object> param1 = new HashMap<String, Object>();param1.put("DMTABLE", "A01_Function");param1.put("downA00",downA00);param1.put("upId",upId);int result1=rsglDAO.update("repository.gbgl.rygl.updateRow2", param1);return "success";}

SQL语句：

<update id="updateRow1" parameterType="string" >UPDATE ${DMTABLE} SET sort=${downId} WHERE A00 ='${upA00}'</update><update id="updateRow2" parameterType="string" >UPDATE ${DMTABLE} SET sort=${upId} WHERE A00 ='${downA00}'</update>

miniui实现表格中行的上下移动相关推荐

element-ui el-table 表格中行高和字体大小调整
vue element UI el-table表格中行的行高和字体大小调整行高调整 Element官网组件Table中size属性可以更改如果上面的方法无法满足对行高的要求使用: :row-st ...
jQuery实现table表格中行数据上下拖拽功能
jQuery实现table表格中行数据上下拖拽功能 $("#table").sortable({cursor: "move",axis: "y&quo ...
Jquery判断动态表格中行数据是否重复
1.遍历动态表格,将需要每行的数据存放到数组中 2.依次对数组中的数据进行轮询比较 var arr = [];$("#tableId tbody tr").each(functio ...
table表格中行与行间距
CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框值描述 separate默认值.边框会被分开.不会忽略 border-spacing 和 empty-cells 属 ...
MiniUI在表格中加入按钮
***近期在项目中遇到项目使用miniUI来进行页面开发,自己对于前端也不是太熟,所以在网上看了一些资料,这里做个总结以便以后复习. 这里我的你最页面时这样的,可能有点丑,但是功能全了.*** ![结 ...
el-table表格中行样式修改不生效
目录标题问题描述.问题重现解决方案踩坑问题描述.问题重现官网API说明可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class,表明 ...
miniui单元格点击弹框_miniui 给表格行添加监听事件的几种方法以及点击某列列名数据不能排序的问题...
最近在使用miniui框架做开发,在做表格行的点击监听事件中发现了几个属性,都可以起到监听效果但是执行的结果却大有不同.好了废话不多说,直接上代码. autoload="true" ...
elementui表格复制_Element-UI中关于table表格的那些骚操作
最近的项目中使用到element-ui组件库,由于做的是后台管理系统,所以经常需要操作表格,编辑样式的过程中遇到一些问题,官网针对table给出了很多的api,自己可以自定义,基本能满足产品需求,但是 ...
《HTML、CSS、JavaScript 网页制作从入门到精通》——第6章使用表格
本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.1节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...

miniui实现表格中行的上下移动

miniui实现表格中行的上下移动相关推荐

最新文章

热门文章