<script type="text/javascript">
function tagposition() {
$('#easytables').tabs('select', '输出方式');
var rows = $('#dgtag').datagrid('getrows');//获取当前页的数据行
//var ary = new array();
var ary = ;
for (var i = 0; i < rows.length; i++) {
ary += rows[i]['id']+",";
}
ary=ary.substring(0,ary.length-1);
$.ajax({
url:'../../modelfilter/position',
type:'post',
data:{"ary" : ary},
success: function(result){
console.log(ary);
}
});
}
//上移动
function datagridrowmove( isup) {
var rows=$('#dgtag').datagrid('getrows');
var rowlength=rows.length;
var selectrow=$('#dgtag').datagrid('getselected');
var rowindex=$('#dgtag').datagrid('getrowindex', selectrow);
if(rowindex==0){
$.messager.alert('提示', '顶行无法上移!', 'warning');
}else{
$('#dgtag').datagrid('deleterow', rowindex);//删除一行
rowindex--;
$('#dgtag').datagrid('insertrow', {
index:rowindex,
row:selectrow
});
$('#dgtag').datagrid('selectrow', rowindex);
}
}
//下移动
function datagridrowmove1( isup) {
var rows=$('#dgtag').datagrid('getrows');
var rowlength=rows.length;
var selectrow=$('#dgtag').datagrid('getselected');
var rowindex=$('#dgtag').datagrid('getrowindex', selectrow);
$('#dgtag').datagrid('deleterow', rowindex);//删除一行
rowindex++;
$('#dgtag').datagrid('insertrow', {
index:rowindex,
row:selectrow
});
$('#dgtag').datagrid('selectrow', rowindex);
if(rowindex>=rowlength){
$.messager.alert('提示', '最后一行无法下移!', 'warning');
}
}
</script>
添加onclick=tagposition()
后台保存移动后数据
@requestmapping(value = /position, method = requestmethod.post)
@responsebody
public void position(string ary){
if (ary !=null && !ary.equals()) {
modeltag model = new modeltag();
string[] arr = ary.split(,);
try {
for (int i = 0; i < arr.length; i++) {
model.setid(integer.parseint(arr[i]));
model.settagposition(i + 1);
modelfiltermanager.updatatagencryption(model);
}
/*model.setid(9600);
model.setmoduleid(2017021316419558);
model.settagposition(1);
modelfiltermanager.updatatagencryption(model);*/
system.out.println(controller + ary);
} catch (exception e) {
e.printstacktrace();
}
}
}
以上就是js表格行上下移动实例代码的详细内容。