Introduction
Hi Sailors,
Have you considered incorporating enhanced features into our forms, allowing us to interact with them in the same way that we interact with various XHTML pages? Initially, my strategy was to use XHTML whenever we needed complex form functionality as well as supplementary buttons. However, once the utility of xtype and the implementation of id attributes within forms was discovered, a new perspective emerged. This prompted me to experiment with these elements in order to create functionalities resembling JSP or XHTML pages. Finally, I was able to implement all of the desired functionalities, and I am confident that this approach will be beneficial to you as well.
Here are few screenshots:
Here by using Add/Remove and Clear options, you can add required accounts to below list. And by choose file option, you can import csv file with all listed accounts into list box.
Steps I followed
1. Created form with all required fields along with two additional fields where one field "xtype" attribute value is "displayfield" so that I can add all the required code in html format including additional buttons , list boxes , import button etc.
2. All the code required to evaluate values result listbox is in the above field only but will add "id" attribute to the list box field which we can access from about html source code.
3. and then in <Script><Source> tag of above xtype display field , I specified displayName = "" and coded something like below:
String htmlCode = "<STYLE TYPE=\"text/css\"><!-- TD{font-family: Arial; font-size: 12px; font-weight: bold;} ---></STYLE><table><tr></tr><tr><td colspan=\"6\" >Enter Whitelist Account:<input type=\"text\" id=\"wlacnt\"/><input type=\"button\" value=\"Add\" onclick=\"var wlacnt = document.getElementById('wlacnt').value;if(wlacnt == null || wlacnt == '')alert('Please enter Valid Account to Add');else{var selwleles =document.getElementById('selectwlaccnts');..........."
and returned the value.
To validate whether this script is working as expected or not, I just created different file and validated individually and added to the existing form.
It works as expected for me.
Note: I am not sure, if there will be any drawbacks with this approach, but I am able to achieve two things here 1) without XHTML, I am able to create complex forms 2) no need for java class that is required for XHTML deployment with beans.
Also, attached below is the form that I implemented
Best,
Shyam
