A Simple BSP application to select a range of Sales Document and display the result on the next Page

...Previous 

7.       Activate the page and the application as well. Then we will see a hierarchy of the application and pages. 

 

8.       Now go to the page ‘First.htm’ of what we have created. 

9.       This hierarchy of application and pages are from the ‘Repository Browser’. On the layout of the page to include any input fields or buttons or tabular structures we have to go to the ‘Tag Browser’, from where we have to select the tags.

10.   After going to the Tag Browser. Go to BSP Extensions -> Transportable -> HTMLB.

11.   Once we click open the HTMLB, there are many tags. For our purpose on the first page we need.

  • Since we need to enter a range of Sales Document Numbers, we need 2 input fields.

  • One label to indicate the input field.

  • One Button, which on clicking will get us the required data.

12.   So we drag and drop the required TAGS from the Tag Browser. Our Coding with all the Input fields, buttons and labels will be like this. 

 

13.   Here in the above coding the variables ‘w_vbeln1’ and ‘w_vbeln2’ have to be declared in Page Attributes and the IDs given to each input field or button is of at most importance because they uniquely identify each Field or button. 

14.   Here in the above coding the variables ‘w_vbeln1’ and ‘w_vbeln2’ have to be declared in Page Attributes and the IDs given to each input field or button is of at most importance because they uniquely identify each Field or button. 

15.   Now, we have to write our main code in the event ‘OnInputProcessing’. For that purpose we have to go to the ‘Event Handler’ tab and select ‘OnInputProcessing’ event there. 

16.   Since we are using the class CL_HTMLB_MANAGER we have to call this class and have to create an Instance according to it.

We also have to write the Page Navigation logic here because we are Navigating from the first page to the second page. Create the Second Page and name it as ‘Second.htm’. 

      The coding on the page is like this. 

Here the values in the braces of ‘SET_PARAMETER ‘ are the IDs of the input fields.

This is the navigation logic. On the last line navigation->next_page( 'NEXT' ).

‘NEXT’ here is defined like this.

Ø       Double Click on the application.

Ø       The following screen will appear. 

Click here to continue...

Please send us your feedback/suggestions at webmaster@SAPTechnical.COM 

HomeContribute About Us Privacy Terms Of Use • Disclaimer • SafeCompanies: Advertise on SAPTechnical.COM | Post JobContact Us  

Graphic Design by Round the Bend Wizards

footer image footer image