ORACLE APEX-js-获取项的值及json格式化

获取项的值

$(“#P28_FIRST” ).val();
$v(‘P28_FIRST’);
document.getElementById(‘P28_FIRST’).value;
apex.item(‘P28_FIRST’).getValue();
apex.items.P28_FIRST.value;

设置项的值

apex.item( “P2_ENAME” ).setValue( “DOE”, null, true )

隐藏 显示

apex.item( “P2_ENAME” ).hide() und apex.item( “P2_ENAME” ).show()

应用案例-json格式化-原生

利用动态操作-执行js代码

var jsonStr = apex.item("P11_JSON_DATA").getValue();
var jsonObj = JSON.parse(jsonStr);
var jsonPretty = JSON.stringify(jsonObj, null, '\t');
$('#P11_JSON_DATA').text(jsonPretty);
1
2
3
4

应用案例-json格式化-利用三方插件库

这个地方踩坑了，需要如果是通过jQuery获取的json数据，需要将获取到的json数据进行处理，不然起不到美化效果

利用动态操作-执行js代码

var jsonStr =  eval('(' + $('#P11_JSON_DATA').val() + ')');
$('#json_view').jsonViewer(jsonStr, {collapsed: false, withQuotes: false, withLinks: false});

1
2
3

参见github: https://github.com/abodelot/jquery.json-viewer

一键复制

参见： https://clipboardjs.com/

示例效果

关键步骤

参考资料

https://apex.oracle.com/pls/apex/germancommunities/apexcommunity/tipp/6341/index-en.html

https://www.javainhand.com/2022/01/5-methods-to-get-oarcle-apex-page-item-value.html#google_vignette