最近一直在用easyui这个控件，有一点心得，在这里和大家分享一下，也是对自己工作的一个小小的总结，希望可以形成一个完整的Easyui的笔记体系，可以方便更多的人
因为自己也是在摸索中前进，难免有遗漏和不准确的地方，我会再发现问题和掌握新知识之后，随时更新这篇博文，今天说的是easyui的有个常用控件-DateGrid
首先放上easyUI中国官网上的链接：http://www.jeasyui.net/demo/331.html，在这里有一些基本的示例和相对比较全面的讲解
在这篇博文里我会记录一些在工作项目中使用到的，我觉得比较有用的一些小技巧，随着工作和理解的深入，我会随时更新这篇博文
1 获取表格的选中值：
数据网格（datagrid）组件包含两种方法来检索选中行数据：
- getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。
- getSelections：取得所有选中行数据，返回元素记录的数组数据。
下面放一个简单的代码示例，来自官网，我手动添加了两行数据用于验证，代码如下，保存到记事本更改格式为html即可验证：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="jquery,ui,easy,easyui,web">
<meta name="description" content="easyui help you build your web page easily!">
<title>jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script>
<script>
function getSelected(){
var row = $('#tt').datagrid('getSelected');
if (row){
alert('Item ID:'+row.itemid+"
Price:"+row.listprice);
}
}
function getSelections(){
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for(var i=0; i<rows.length; i++){
ids.push(rows[i].itemid);
}
alert(ids.join('
'));
}
</script>
</head>
<body>
<h1>DataGrid</h1>
<div style="margin-bottom:20px">
<a href="#" onclick="getSelected()">GetSelected</a>
<a href="#" onclick="getSelections()">GetSelections</a>
</div>
<table id="tt" class="easyui-datagrid" style="600px;height:250px"
url="data/datagrid_data.json"
title="Load Data" iconCls="icon-save" fitColumns="true">
<thead>
<tr>
<th field="itemid" width="80">Item ID</th>
<th field="productid" width="80">Product ID</th>
<th field="listprice" width="80" align="right">List Price</th>
<th field="unitcost" width="80" align="right">Unit Cost</th>
</tr>
</thead>
<tr>
<td>001</td><td>刘明洲</td><td>80</td><td>鹏力</td>
</tr>
<tr>
<td>002</td><td>杨忠林</td><td>70</td><td>鹏力</td>
</tr>
</table>
</body>
</html>
2 隐藏表格的某一列并可取值：
这是我今天遇到的问题，出于某种原因我需要隐藏表格中的某一列，但是我需要获取到他的值，这时候在data-options里添加idField:'xxx',属性，其中xxx表示需要隐藏的列名，注释掉表格中的列，这时候可以获取到这一列的数值且在表格中不会显示