1、学生列表的 HTML部分<script type="text/javascript">$(function(){ //创建dataGrid $("#dg").datagrid({ url:StudentServl ...
1、学生列表的 HTML部分
<script type="text/javascript">$(function(){ //创建dataGrid $("#dg").datagrid({ url:'StudentServlet', //数据来源 //冻结列 frozenColumns:[[ {field:'id',checkbox:true}, {field:'sno',title:'学号',width:100,sortable:true} ]], \\可排列 //列的定义 columns:[[ {field:'sname',title:'姓名',width:100}, {field:'sclass',title:'班级',width:100,align:'right'}, {field:'ssex',title:'性别',width:100,align:'center',hidden:false}, {field:'sbirthday',title:'生日',width:100,align:'center' } ]], fitColumns:true, //不能和冻结列同时设置 striped:true,//斑马线效果 idField:'sno',//主键列, rownumbers:true,//显示行号 singleSelect:false,//是否单选 pagination:true,//显示分页栏 pageList:[5,10,20],//每页行数选择列表 pageSize:5,//初始页面大小 remoteSort:false,//是否服务器端排序 toolbar:[ {iconCls:'icon-edit',text:'跳到第2页', handler:function(){$('#dg').datagrid('gotoPage', 2)} }, {iconCls:'icon-edit',text:'跳到第3页', handler:function(){$('#dg').datagrid('gotoPage', 3)} } ] });})</script>数据表格<br><table id="dg"></table></body>
原标题:datagrid界面,链接数据库读取数据
关键词:数据库
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。