在jQuery EasyUI中,你可以使用datagrid
的getSelected
方法来获取到当前选中的行数据。以下是一个简单的例子:
HTML部分:
<table id="dg" class="easyui-datagrid">
<!-- 数据网格的列配置 -->
<thead>
<tr>
<th data-options="field:'code'">Code</th>
<th data-options="field:'name'">Name</th>
<th data-options="field:'price'">Price</th>
</tr>
</thead>
<!-- 数据网格的数据部分 -->
<tbody>
<tr>
<td>001</td><td>Name1</td><td>20</td>
</tr>
<!-- 其他行数据 -->
</tbody>
</table>
<button id="getSelected">Get Selected Row</button>
JavaScript部分:
$(function(){
$('#dg').datagrid({
// 其他配置...
});
$('#getSelected').click(function(){
var selected = $('#dg').datagrid('getSelected');
if (selected){
alert(selected.code + " is selected");
}
});
});
在上述代码中,我们定义了一个具有三列的数据网格,并为其添加了一个按钮点击事件,当按钮被点击时,会检查是否有行被选中,如果有,则会弹出包含选中行code
字段的警告框。