$(function(){
$("#tt").datagrid({
title:'pubs',
method:"GET",
width:690,
height:330,
url:'Handler2.ashx',
pagination:true, //分页
sortName:"stor_id",//排序设置
sortOrder:"asc",
remoteSort:false, //排序必须有
idField:'stor_id',
frozenColumns:[[
{field:'ck',checkbox:true}
]],
columns:[[
// {field:'stor_id',title:'ID',width:50,sortable:true},
//隐藏一列,在选中某一行时,依旧可以获取该列值,如onDblClick中的方法
{field:'stor_name',title:'name',width:100,sortable:true,
sorter:function(a,b,order)
{
return(a>b?1:-1)*(order=='asc'?1:-1);
}
},
{field:'stor_address',title:'address',width:150},
{field:'city',title:'city',width:100},
{field:'state',title:'state',width:100},
{field:'zip',title:'postzip',width:100}
]],
onDblClickRow:function(){
var selectedRow=$('#tt').datagrid('getSelected');
if(selectedRow)
alert(selectedRow.stor_id); //获取隐藏列的值
}
})
})
本文介绍了一个使用EasyUI框架配置数据表格的具体实例。通过详细设置属性如分页、排序等功能,实现了对数据的有效管理和展示。此外,还展示了如何定义列属性及响应双击行事件来获取特定数据。
794

被折叠的 条评论
为什么被折叠?



