19.10 Deleting SAP screen elements using object method

Prerequisites

• Products: Liquid UI WS, Liquid UI Server or Local DLL, Client Software
• Commands: del(), pushbutton(), inputfield(), box()

Purpose

To demonstrate the functionality and usage of the del command in SAP. For this, we are considering Create Sales Order: Initial Screen (VA01) as an instance.

User Interface

//Create this file inside your script folder for customizing the Create Sales Order: Initial Screen, SAPMV45A.E0101.sjs

//Now, let's add the Liquid UI script to the above file and save it.

Customization

Modifying Create Sales Order screen:

Here, we'll modify the Create Sales Order: Initial Screen by deleting the following screen elements:

1. Delete Item overview toolbar push button, Order Type entry field, and Organizational Data group box.
    

   //Deletes Item overview toolbar push button
   del("P[Item overview]");
   //Deletes Order Type entry field 
   del("F[Order Type]",{"value":true}); 
   //Deletes Organizational Data group box
    del("G[Organizational Data]",{"box":true});

    
   
    

Modifying Standard Sales Order screen:

We’ll modify the Create Standard Order: Overview screen by deleting the tab strip.

//Deletes the tabstrip 
del("S[TAXI_TABSTRIP_OVERVIEW]");

Using del() as an object method

In addition to being used as a standalone command, the del() can also be used as an object method to remove elements of the referenced object.

Syntax:

var objectName = <'[screen_control]'>; 
objectName.del();

Note: Use fromstring instead of fromtext when copying text to screen blocks.

The following example demonstrates the usage of the del() as an object to clear the SAP Easy Acces screen:

for(a=firstChild; a!=null; a=a.nextSibling) 
a.del( );