easyui data-options里onSelect属性
时间: 2023-12-16 09:05:48 浏览: 61
在 easyui 中,data-options 是一种常用的设置组件属性的方式。其中,onSelect 属性指定了在 easyui 组件中选择一行数据时触发的事件。
例如,在 easyui datagrid 组件中,可以通过设置 onSelect 属性来指定选择行时触发的事件处理函数。示例如下:
```html
<table id="dg" class="easyui-datagrid" data-options="
url:'datagrid_data.json',
onSelect: function(rowIndex, rowData) {
alert('You select row: ' + rowIndex);
}">
<thead>
<tr>
<th data-options="field:'id',width:80">ID</th>
<th data-options="field:'name',width:120">Name</th>
<th data-options="field:'price',width:80,align:'right'">Price</th>
<th data-options="field:'description',width:200">Description</th>
</tr>
</thead>
</table>
```
在上面的示例中,onSelect 属性指定了一个匿名函数,该函数在选择一行数据时被调用,弹出一个提示框显示选择的行号。可以根据需要自定义 onSelect 函数的实现,例如在选择行时将数据保存到服务器等。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)