easyui点击修改按钮,弹出一个弹窗,并且弹窗内可以展示选中表格中的数据
时间: 2024-03-21 19:39:06 浏览: 129
好的,您可以参考以下代码实现:
1. 首先,需要在页面中定义一个弹窗组件。例如:
```
<div id="dlg" class="easyui-dialog" style="width:400px;height:200px;padding:10px;"
closed="true" buttons="#dlg-buttons">
<form id="fm" method="post" novalidate>
<div class="fitem">
<label for="fieldName">字段名:</label>
<input type="text" id="fieldName" name="fieldName" class="easyui-textbox" required="true">
</div>
<!-- 其他表单元素 -->
</form>
</div>
```
其中,dlg 是弹窗组件的 id,fm 是表单组件的 id,fieldName 是一个文本框组件,用于展示表格数据。
2. 在点击修改按钮时,触发弹窗的展示,并将选中表格数据填充到表单中。例如:
```
$('#edit-btn').click(function(){
var selectedRow = $('#datagrid').datagrid('getSelected');
if (selectedRow){
$('#dlg').dialog('open').dialog('setTitle','修改数据');
$('#fm').form('load',selectedRow); // 将选中行数据填充到表单中
}
});
```
其中,edit-btn 是修改按钮的 id,datagrid 是数据表格的 id,fm 是表单组件的 id,dlg 是弹窗组件的 id。
通过以上代码,您就可以实现在点击修改按钮时,弹出一个弹窗,并且弹窗内可以展示选中表格中的数据。
阅读全文