Creating Sunburst Graph using a Linear data structure in VBCS (Part 1)

 This is a 2 Part blog where we will convert linear data into tree structure and create a Sunburst chart using the same.

  • Create a new VBCS WebApp
  • Create a linear structure json file which will be converted to a tree structure.

  • Create an vb-Enter event and within call a function to convert linear data to Tree Structure


  • Pass this data to another function to convert above Tree Data to Array Tree Data Provider (ATP)

keyAttrb = id

childAttrb = child


  • Create an ANY type of Page Variable to store the ATP 




Comments

Post a Comment

Popular posts from this blog

Mavenize an Oracle ADF Application

Image
To Mavenize an Oracle ADF Application first step would be to Setup Maven in Jdeveloper after this we Mavenize Oracle ADF Application . Follow below steps to Setup Maven in Jdeveloper 1.> Navigate to Tools > Preferences > Maven > Settings 2.> Get user settings file path - For me it is : C:\Users\username\.m2\settings.xml 3.> Navigate to path and modify settings file server tag as below  <servers>     <server>     <id>maven.oracle.com</id>     <username>OracleUserName</username>     <password>OraclePwd</password>     <configuration>       <basicAuthScope>         <host>ANY</host>         <port>ANY</port>         <realm>OAM 11g</realm>       </basicAuthScope>       <httpConfiguration>       ...
Read more

Creating Column Filter on a VBCS Table using ListDataProvider(LDP)

Image
 In this blog we will create filter functionality for a table using ListDataProvider (LDP). Create an ADP based Table in VBCS based on any Data Source For this example, I will use a JSON file as Data Source and create an ADP based table for the same Create textboxes on top of columns which will act as filters for the columns Create 5 textboxes on top of each column to act as filters Create searchObject variable and map all filter text values to it Convert the ADP to ListDataProviderView Create function to convert ADP to ListDataProviderView Call custom function getListViewProvider , it takes a custom ADP and filter Criteria as parameters, on Page all data are shown hence filter criteria passed will be null Call on vb-Enter event and assign the same to oj-table data Assign a single value change event for all the filter fields Call custom function getFilterCriterion to get filter criteria for ListDataProviderView Filter the ListDataProviderView based on the filter criteria Run the Ui...
Read more

Creating Dynamic Tabs in VBCS

Image
 To do this we will create a Checkbox Set and map the same to Oracle Jet Tabs, when a specific checkbox is checked the tab mapped to it will be shown Create a New App Add a checkbox set to the page Add 2 more options and rename them accordingly Create 3 default Tabs and add some custom content inside each tab Inside oj-tab-bar make sure all li elements have an id value and the same is mapped to Tab regions switcher elements div slot Now test the Page to see all Tabs are working fine Now we have to write logic to map the checkbox to the Tabs for this create a custom Type with attributes id and name. Now create an ADP of the same type with id as key attribute Now create an on-Value event on Checkbox set and write logic to populate the ADP with id and Name value of the Tabs PageModule .prototype.generateTabUsingCheckboxVal = function (checkboxValueArray) {     let generatedTabArray = [];     let generatedTabObj = {};     checkboxValueArray.forEach(eleme...
Read more