Introduction
In this article, we will show you how to make a nested datalist to expand in an iframe.
Implementation
You can use the following script in a custom HTML field in a form and alter the code based on your app.
| Code Block |
|---|
|
<iframe name='iframe' id="iframeLoanedItems" src="/jw/web/userview/Onlinekb_GamingonlineGamingOperator/OGP_App/_/reportViewCurd?embed=true&d-2694495-fn_fk_report_id=#requestParam.id#" frameborder="0" border="0" cellspacing="0" height="500px" scrolling="yes" style="border-style: none;width: 100%"></iframe>
<script>
$(document).ready(function(){
$('iframe#iframeLoanedItems').load(function(){
$('.nesteddl_trigger', $('iframe#iframeLoanedItems').contents()).trigger('click');
})
})
</script> |
...
| Note |
|---|
|
Do take note "embed=true" is important. If not inserted in src, the whole targeted page will be displayed in the iframe instead of the List only. |
...
Sample App
| View file |
|---|
| name | APP_kb_dx8_Online_GamingonlineGamingOperator.jwa |
|---|
| height | 250 |
|---|
|