$('#dg').datagrid({
url:'<%=request.getContextPath()%>/school/school_selectAllSchools.action',
// title:'学校管理',
//iconCls:'icon-edit',//图标
pagination:true,
//idField:'id',
frozenColumns:[[ //checkbox
{field:'ck',checkbox:true}
]]
});
//分页
var p = $('#dg').datagrid('getPager');
$(p).pagination({
pageSize: 10,//每页显示的记录条数,默认为10
pageList: [5,10,15],//可以设置每页记录条数的列表
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
});
});
/**动态查询-传递参数给dategrid**/
function searchSchool(){
var name = $('#name').val();
var masters =$('#masters').val();
$('#dg').datagrid({
queryParams: {
name: name,
masters: masters
}
});
var p = $('#dg').datagrid('getPager');
$(p).pagination({
pageSize: 10,//每页显示的记录条数,默认为10
pageList: [5,10,15],//可以设置每页记录条数的列表
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
});
}
/**批量删除**/
function removeSchool(){
var rows = $('#dg').datagrid("getSelections"); //获取你选择的所有行
/*
//获取表格选择行
alert(rows.length);
for(var i =0;i<rows.length;i++){
var ins = $('#dg').datagrid('getRowIndex',rows[i]);//获取某行的行号
alert(ins+'-'+rows[i].id);
$('#dg').datagrid('deleteRow',ins); //通过行号移除该行
}
*/
if(!rows || rows.length == 0){
$.messager.alert('提示','请选择要删除的数据','info');
return;
}
var parm;
$.each(rows,function(i,n){
if(i == 0){
parm = 'ids=' +n.id;
}else{
parm +=',' +n.id;
}
alert(parm);
});
$.messager.confirm('提示','是否删除选中的数据?',function(r){
if(!r){
return;
}
//提交
$.post('<%=request.getContextPath()%>/school/school_deleteAllSchools.action',parm,function(msg){
if(msg.indexOf('success') != -1){
$.messager.alert('提示','批量删除成功','info',function(){
//重新加载当前页
$('#dg').datagrid('reload');
});
}else{
$.messager.alert('提示',msg.Message,'info');
}
});
});
}
<!-- 表格数据 -->
<table id="dg" style="width:auto;height:350px"
toolbar="#toolbar" rownumbers="true"
fitColumns="true" singleSelect="false">
<thead>
<tr>
<th field="name" width="150">学校名称</th>
<th field="masters" width="150">校长</th>
<th field="net" width="150">学校网址</th>
<th field="address" width="300">学校地址</th>
</tr>
</thead>
</table>
- 大小: 20.3 KB
分享到:
相关推荐
前端easyui,后端Java,框架的搭建ssm 功能:实现easyui的dategrid对数据库的增删该查。
NULL 博文链接:https://fhuan123.iteye.com/blog/721237
flex中让dategrid里面的列宽根据内容自适应宽度的方法
Xcode签出源代码并解析版本后,您可以选择“ DateGrid”库并将其添加到您的应用程序目标中。 用法 DateGrid ( interval : dateInterval , selectedMonth : $selectedMonthDate, mode : mode) { dateGridDate in ...
DateGrid与后台数据交互的简单demo(部分功能需要自己继续完善),解压后部署即可运行
框架版本可能有点低,但不影响功能实现
25.Xaml DateGrid控件->默认单选,可以多项选择的网格控件
JQuery中dategrid编辑状态下的数据长度限制方法小结[整理].pdf
简单的例子,帮助入门的同学了解数据库和datagrid控件使用
项目实现了权限登陆管理 项目以EasyUI为主 实现DataGrid 及tree 与后台交互 有HTML+JS+Ajax 也有ASP.net 的easyUI控件
使DataGrid的指定行或指定列或指定值为不同条件时以指定的颜色显示突出。
很好用的动态创建DataGrid并加入图片的方式。 只需要继承和实现一个接口就可以了。
Grid 控 件 是Visual Basic 最 常 见 控 件 之 一, 从VB3.0 到VB5.0 都有 该 控 件。 也 是VB 爱 好 者 最 喜 爱 的 工 具 之 一。 用 它 可 以 以表 格 的 形 式 显 示、 浏 览 数 据, 特 别 是 数 据 库 应 用,...
Flex 动态给DataGrid增加行,可编辑行数据
VC 通过简单的ADO知识进行简单的数据库操作,比如连接数据库、读取数据库内容显示在DateGrid中,实现数据分页等。虽然都是很简单的功能,但是学习数据库的基矗
自己收集整理的几个DataGrid控件使用技巧和大家分享。
Flex动态datagrid可以进行增删改查
可以使用 DataGrid 来创建一个允许最终用户阅读和写入到绝大多数数据库的应用程序。DataGrid 控件可以在设计时快速进行配置,只需少量代码或无需代码。当在设计时设置了DataGrid 控件的 DataSource 属性后,就会用...
使用这个js,只需要一行代码即可实现easyui datagrid 导出到excel(之前在网上找了很多方法,看了很多文章,大部分实现这个功能都需要一大堆代码,几十行甚至上百行,这个一行代码解决他不香吗)
DataGridView控件显示数据库中具有主从关系的表