jQuery EasyUI 数据网格 - 取得选中行数据

在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字段的警告框。