`
waking
  • 浏览: 7184 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Oracle Apex 实用笔记系列 6 - 可编辑交互报告 Editable Interactive Report

 
阅读更多
据笔者所知,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_f01指向APEX_ITEM.HIDDEN(1,e.id), g_f02指向 apex_item.select_list_from_lov(p_idx=>2,p_value=>e.department_id,p_lov=>'lov_department') 。注意斜体和带下划线的数字部分。

分享到:
评论

相关推荐

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    对于下拉框编辑,我们还需要指定`data-editable-type="select"`,并提供`source`属性来定义下拉框的选项。 `bootstrap-table-editable.js`是Bootstrap Table的扩展,它使得表格中的单元格可以变为可编辑状态,并且...

    bootstrap3-editable-1.5.1.zip 就地编辑 ,行内编辑

    Bootstrap3-Editable 1.5.1 是一个用于实现就地编辑(In-Place Editing)功能的库,特别适用于在Web应用中对表格、列表等元素进行快速编辑。这种技术允许用户直接在页面上修改数据,而无需跳转到单独的编辑页面,...

    bootstrap-table-editable.js

    5. **事件监听**:提供了一系列的事件,如 `editable-init`、`editable-save`、`editable-error` 等,开发者可以通过监听这些事件来实现自定义逻辑,如在数据保存前进行额外的校验,或者在数据保存失败时显示错误...

    bootstrap-editable

    Bootstrap Editable 提供了一个 `editable` 数据属性,可以将其添加到任何HTML元素上,使其变为可编辑。例如,在表格的单元格中,你可以这样设置: ```html <td data-name="username" data-type="text" data-pk="1...

    bootstrap-table-editable.js+bootstrap-editable.js+bootstrap-editable.css

    压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑

    bootstrap-editable.zip

    可编辑bootstrap-table及相关组件:bootstrap3、bootstrap-table相关、bootstrap-table-editable.js、bootstrap-editable.js、bootstrap-editable.css; 配合起来,可以实现可编辑bootstrap-table列表。代码实现: ...

    bootstrap-table-editable.js/css

    压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑

    bootstrap3-editable

    8. **配置选项**:该插件提供了一系列可配置的参数,例如编辑模式(inline或popup)、编辑前后的回调函数、错误处理等,允许开发者根据实际需求自定义编辑行为。 9. **兼容性**:考虑到跨浏览器的兼容性,bootstrap...

    bootstrap-editable.js

    Bootstrap Editable 是一个基于Bootstrap框架的插件,用于在页面上实现元素的就地编辑功能。这个插件允许用户直接在网页上修改文本、链接、日期等数据,而无需跳转到新的表单或者页面。这提升了用户体验,尤其是在...

    jquery.editable-select

    `jquery.editable-select` 是一个基于 jQuery 的插件,它为HTML的选择元素提供了一种可编辑的、下拉式选择的交互方式。这个插件旨在增强用户体验,让用户能够直接在下拉列表中输入搜索关键字,而不是只能从预设的...

    x-editable行内编辑bootstraptable所需包

    3. 可能还有其他的JavaScript文件,如`bootstrap-editable-init.js`,用于初始化和配置`x-editable`,以及任何自定义的扩展或插件。 4. `fonts/`目录:可能包含用于图标显示的字体文件,例如Glyphicons或Font ...

    jquery-editable、jqueryUI-editable

    jQuery Editable和jQuery UI Editable是两个非常实用的JavaScript插件,它们允许用户直接在页面上对表格或其他数据展示区域进行编辑,无需跳转到新的表单或页面。下面我们将深入探讨这两个插件的功能、使用方法以及...

    可编辑的select下拉框

    1. `dist/`目录:包含编译后的CSS(`editable-select.css`)和JavaScript(`editable-select.js`)文件,这是在页面中直接使用的版本。 2. `src/`目录:源代码,如果你需要定制或者扩展插件,可以在这里进行修改。 3...

    Ajax-react-bootstrap-editable.zip

    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)

    bootstrap table合集(bootstrap-table bootstrap-table-editable bootstrap-editable) ...该合集还包含表格相关行内编辑js(适用于bootstrap3) bootstrap-editable、bootstrap-table-editable具体使用可参考其他博客

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    标题 "EasyUI可扩展Editable DataGrid(可编辑数据表格)" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了一系列预定义的CSS样式和...

    bootstrap4-editable.7z

    Bootstrap表格在网页设计中广泛应用,尤其对于数据展示和交互提供了极大的便利。BootstrapTable是一款基于Bootstrap框架的可扩展的表格插件,它具有丰富的功能,如排序、筛选、分页等。而“bootstrap4-editable.7z”...

Global site tag (gtag.js) - Google Analytics