easyui table 用法 个人小结

来源:互联网 发布:淘宝商家找大淘客 编辑:程序博客网 时间:2024/06/05 07:14

如:
<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函数;


0 0
原创粉丝点击