easyui DataGrid 的限制行数和删除行

starbhhc

浏览: 658407 次
性别:
来自: 深圳

最近访客更多访客>>

hyw100200

njdccy

yinjl

Damon_admin

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>jQuery EasyUI</title>

$(function(){

$('#tt').edatagrid({

});

//add

$('#addid').click(function(){

var length=$('#tt').datagrid("getRows").length;

if(length>2){

alert("最多只能添加3个");

}else{

$('#tt').edatagrid('addRow');

}

});

//del

$('#delid').click(function(){

var rows = $('#tt').datagrid("getSelections");//获取你选择的所有行

//循环所选的行

for(var i =0;i<rows.length;i++){

var index = $('#tt').datagrid('getRowIndex',rows[i]);//获取某行的行号

$('#tt').datagrid('reload');

}

alert("删除成功");

/* var row = $('#tt').datagrid('getSelections');

var rowIndex = $('#tt').datagrid('getRows', row);

alert(rowIndex);

$('#tt').datagrid('getRowIndex', rowIndex);

$('#tt').datagrid('reload');//删除后重新加载下

});

</script>

</head>

<body>

<h1>Editable DataGrid</h1>

<a id="addid" href="#">AddRow</a>

<a href="#" onclick="javascript:$('#tt').edatagrid('saveRow')">SaveRow</a>

<a href="#" onclick="javascript:$('#tt').edatagrid('cancelRow')">CancelRow</a>

<a href="#" onclick="javascript:$('#tt').edatagrid('destroyRow')">destroyRow</a>

</div>

<table id="tt" style="width:600px;height:200px"

title="Editable DataGrid"

url="datagrid_data.json"

singleSelect="true">

<thead>

<tr>

<th field="listprice" width="100" align="right" editor="{type:'numberbox',options:{precision:1}}">List Price</th>

</tr>

</thead>

</table>

</body>

</html>

分享到：

DataGrid 全选以及删除 | jquery easyui DataGrid

2015-04-11 17:52
浏览 847
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论