easyui 与java实例_java+easyui实例

该博客展示了如何使用EasyUI的DataGrid组件创建一个具备分页、排序、筛选等功能的表格实例。内容包括设置表格的基本属性,如宽度、分页大小、列配置等,并详细解释了各属性的作用。此外,还涵盖了数据加载提示、单选功能以及异步数据加载的实现方式。
摘要由CSDN通过智能技术生成

Stringpath=request.getContextPath();StringbasePath=request.getScheme()+ "://"

+request.getServerName()+ ":" +request.getServerPort()+path+ "/";%>

">

My JSP 'index.jsp' starting page

$(function() {

$('#mydatagrid').datagrid({

title :'datagrid实例',

iconCls :'icon-ok',

width :600,

pageSize :5,//默认选择的分页是每页5行数据

pageList : [5,10,15,20],//可以选择的分页集合

nowrap :true,//设置为true,当数据长度超出列宽时将会自动截取

striped :true,//设置为true将交替显示行背景。

collapsible :true,//显示可折叠按钮

toolbar :"#tb",//在添加 增添、删除、修改操作的按钮要用到这个

url :'page/plane_findAllPlane.action',//url调用Action方法

loadMsg :'数据装载中......',

singleSelect :true,//为true时只能选择单行

fitColumns :true,//允许表格自动缩放,以适应父容器

//sortName : 'xh',//当数据表格初始化时以哪一列来排序

//sortOrder : 'desc',//定义排序顺序,可以是'asc'或者'desc'(正序或者倒序)。

remoteSort :false,

frozenColumns : [ [ {

field :'id',

checkbox :true} ] ],

pagination :true,//分页

rownumbers :true

//行数

});

});

easyui的DataGrid实例

学生学号

姓名

性别

年龄

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值