Programmatically invoke a Popup to create a new row.

 Programmatically invoke a Popup to create a new row.

1. Create an Application .
2. Create the model part with Employee Table. Create EmployeeEO, EmployeeVO and AppModule.
3. Now in the View controller project create a page (Employee.jspx).
4. From the Data control drag and drop EmployeeVO1 (EmployeeVO instance) in to the page as Read only table. Surround this table with Panel Box.
5. 
   
   
   
   
   
6. In the tool bar facet of panel box, drop a command button from the component pallate.
7. Drag and drop Popup on to the page.
8. 
   
   
9. Inside popup drop a dialog box.
10. 
    
    
    
    
11. Create a ActionListenerEvent for the button "New". And bind RichPopup to the bean.
12. Code for button.............
13.       public void displayPopUp(ActionEvent actionEvent) {
            // Add event code here...
            
            BindingContext bctx=BindingContext.getCurrent();
            BindingContainer bctr=bctx.getCurrentBindingsEntry();
            OperationBinding ob=bctr.getOperationBinding("Create Insert");
            ob.execute();
            
            RichPopup.PopupHints hints=new RichPopup.PopupHints();
            this.getR1().show(hints);
            
        }

14. 

    ActionListener property for New button.
    

    
    
15. 
    

    

    When we bind RichPopup in the bean, we can see this property .
    

    
    
16. Now run the application.
17. 
    

    

    PopUp