据笔者所知,Apex 4.x 是没有提供可编辑交互报告组件的。这就需要我们手动实现。其实这也并不是很复杂,只需要简单几步。
1. 根据向导建立一个interactive report。查询语句可以如下。
select apex_item.hidden(1,e.id) || e.name as staff, apex_item.select_list_from_lov(p_idx=>2,p_value=>e.department_id,p_lov=>'lov_department') as department from employee e; |
这里的关键是使用APEX_ITEM.SELECT_LIST_FROM_LOV用于表格编辑。当然,lov_department需要提前建立好。
2. 创建一个按钮用于提交页面。
3. 创建一个"After Submit' PLSQL process
begin
FOR i IN 1 .. apex_application.g_f01.COUNT LOOP
update employee set department_id=apex_application.g_f02(i) where id=apex_application.g_f01(i);
END LOOP;
end; |
这里需要提醒的是序号匹配。也就是说,g_f
01指向APEX_ITEM.HIDDEN(
1,e.id), g_f
02指向 apex_item.select_list_from_lov(p_idx=>
2,p_value=>e.department_id,p_lov=>'lov_department') 。注意斜体和带下划线的数字部分。
分享到:
相关推荐
对于下拉框编辑,我们还需要指定`data-editable-type="select"`,并提供`source`属性来定义下拉框的选项。 `bootstrap-table-editable.js`是Bootstrap Table的扩展,它使得表格中的单元格可以变为可编辑状态,并且...
Bootstrap3-Editable 1.5.1 是一个用于实现就地编辑(In-Place Editing)功能的库,特别适用于在Web应用中对表格、列表等元素进行快速编辑。这种技术允许用户直接在页面上修改数据,而无需跳转到单独的编辑页面,...
5. **事件监听**:提供了一系列的事件,如 `editable-init`、`editable-save`、`editable-error` 等,开发者可以通过监听这些事件来实现自定义逻辑,如在数据保存前进行额外的校验,或者在数据保存失败时显示错误...
3. 可能还有其他的JavaScript文件,如`bootstrap-editable-init.js`,用于初始化和配置`x-editable`,以及任何自定义的扩展或插件。 4. `fonts/`目录:可能包含用于图标显示的字体文件,例如Glyphicons或Font ...
Bootstrap Editable 提供了一个 `editable` 数据属性,可以将其添加到任何HTML元素上,使其变为可编辑。例如,在表格的单元格中,你可以这样设置: ```html <td data-name="username" data-type="text" data-pk="1...
压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑
可编辑bootstrap-table及相关组件:bootstrap3、bootstrap-table相关、bootstrap-table-editable.js、bootstrap-editable.js、bootstrap-editable.css; 配合起来,可以实现可编辑bootstrap-table列表。代码实现: ...
压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑
8. **配置选项**:该插件提供了一系列可配置的参数,例如编辑模式(inline或popup)、编辑前后的回调函数、错误处理等,允许开发者根据实际需求自定义编辑行为。 9. **兼容性**:考虑到跨浏览器的兼容性,bootstrap...
Bootstrap Editable 是一个基于Bootstrap框架的插件,用于在页面上实现元素的就地编辑功能。这个插件允许用户直接在网页上修改文本、链接、日期等数据,而无需跳转到新的表单或者页面。这提升了用户体验,尤其是在...
`jquery.editable-select` 是一个基于 jQuery 的插件,它为HTML的选择元素提供了一种可编辑的、下拉式选择的交互方式。这个插件旨在增强用户体验,让用户能够直接在下拉列表中输入搜索关键字,而不是只能从预设的...
jQuery Editable和jQuery UI Editable是两个非常实用的JavaScript插件,它们允许用户直接在页面上对表格或其他数据展示区域进行编辑,无需跳转到新的表单或页面。下面我们将深入探讨这两个插件的功能、使用方法以及...
1. `dist/`目录:包含编译后的CSS(`editable-select.css`)和JavaScript(`editable-select.js`)文件,这是在页面中直接使用的版本。 2. `src/`目录:源代码,如果你需要定制或者扩展插件,可以在这里进行修改。 3...
Ajax-react-bootstrap-editable.zip,清除react的可编辑引导组件。ajax支持!,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在...
bootstrap table合集(bootstrap-table bootstrap-table-editable bootstrap-editable) ...该合集还包含表格相关行内编辑js(适用于bootstrap3) bootstrap-editable、bootstrap-table-editable具体使用可参考其他博客
标题 "EasyUI可扩展Editable DataGrid(可编辑数据表格)" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了一系列预定义的CSS样式和...
Bootstrap表格在网页设计中广泛应用,尤其对于数据展示和交互提供了极大的便利。BootstrapTable是一款基于Bootstrap框架的可扩展的表格插件,它具有丰富的功能,如排序、筛选、分页等。而“bootstrap4-editable.7z”...
【editableSelect可编辑搜索的下拉框插件】 在网页设计和开发中,用户界面的交互性和用户体验至关重要。为了提供更高效、更便捷的输入方式,`editableSelect`插件应运而生。这款插件是一款针对下拉选择框进行增强的...