easyui table 用法 个人小结

本文总结了EasyUI中Table组件的使用方法,包括设置url以连接控制器获取数据、单选与多选配置、行号显示、分页功能、默认每页显示数量、自适应布局、边框控制、复选框行为以及双击行触发事件等关键属性的详细解释。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如:
<table id="table" url="/SysOrg/index" singleSelect="true" rownumbers="true"  idField="ID" pagination="true" fit="true" border="false" pageSize="10"   pageList="[10,15,20,50]" checkOnSelect="false" selectOnCheck="false" data-options="onDblClickRow:dblClickProjectRow"></table>


url:指向controller中的方法,该方法中一般情况下会从数据库中获取数据并返回相关数据;

singSelect:当值设置为true,表示复选框只能选择一条记录;设置为false时多选;

rownumbers:值是Boolean 类型,表示行号是否作为第一列添加到指定查询表;

idField:像列表数据中的主键,一般绑定唯一键字段;

pagination:是否分页;

pageList="[10,15,20,50]":表示在页面中显示出来可选择的本页显示数据的数量,如下图所示:


pageSize="10" :默认的本页显示数据的条数;

fit="true":layout布局的自适应.,当页面重新加载时可以重新排版,适应页面的大小;

border="false":不显示layout布局的边框;

checkOnSelect="false" :当用户仅在点击该复选框的时候才会被选中或取消;值为true,当用户点击行的时候该复选框就会被选中或取消选中

selectOnCheck="false":如果为true,单击复选框将永远选择行;如果为false,选择行将不选中复选框;

data-options="onDblClickRow:dblClickProjectRow":双击时执行已经定义好的dblClickProjectRow函数;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值