Bind an input field to a slider

Hi,
I have table with in each row an input field and a slider (and much more)...
I want to change the value of the input field by changing the slider (liveChange).
I get the value from the liveChange event but I'm able to get the row.
Here is my code:
<ColumnListItem>
<cells>
<ObjectIdentifier title="{Description}" />
<Input value="{Placeholder}" />
<Slider
value="50"
width="100%"
liveChange="onChangeSlider"
change="onChangedSlider" />
</cells>
</ColumnListItem>
onChangeSlider: function(evt) {
var value = evt.getSource().getValue();
console.log('value has been changed: ' + value);
var currentRow = $(evt).closest('tr');
console.log(currentRow.id); // I'm just getting "undefined"
Thanks in advance
Matt

Hi Jason,
I've updated my JSBin (JS Bin - Collaborative JavaScript Debugging).
1. Now it works with twoWayBinding but the input is updated only after the "change" event.
The slider control has 2 different events:
I want to update the value of the input field after the "liveChange" event like it is possible when you are using JSON file (Here an example).
2. It works only if I click on the slider but as sson as I slide, the value is not updated. Any idea why?
3. I'm using the slider in a table and unfortunately, the binding works only for the first aggregation. Why are the others aggregations not working?
Thanks for any help.
Best
Matt

Similar Messages

Bind input field value to a variable fails

Business need : The user wants to re-evaluate lines by a percentage value which he fills via his BI-IP screen.
I created an INPUT FIELD in WAD and I am trying to link a variable value (initially created in BI-IP through transaction RSPLAN)
to this INPUT FIELD.
Whenever I fill the input field with a value, the value is not being transferred to the variable.
Please help how to bind an INPUT field value to a variable to be transmitted to a planning function.
I have made many trials but in vain.
Please help.

Hi.
I will present my scenario (it works in my system). From this scenario you may "cut" implementation for your scenario.
Lets sat I have an input fileld item and I want to read value (in my case numeric value) and pass this value to any planning sequence.
1. Create in Bex variable (in my case it is formula variable) lets say Z_INPUT_VAR
2. In WAD, when you executin planning sequence (lets say by pressing button execute) in command EXEC_PLANNING_SEQUENCE_SIMPLE define data binding.
When you clicked data binding->variable input MANUALY your variable name (Z_INPUT_VAR) in popup window.
3. In variable type select (ITEM_INPUT) type
4. In web item select your input field item.
This way you will pass inputed value to vaariable and planning sequence.
Then in planning function you also may use VARV() to read value of Z_INPUT_VAR variable.
Regards.

How to do validation of input fields

Hi all,
I have a rquirement to do the validation of input fields.Can anybody explain me how to go for that???Please explain in detail.U can also give me a link where i can find the tutorial for doing this.

Hi Amit,
What everyone has said above is correct - in the method of your action simply test for whatever condition you need to validate for. However, the following tutorial shows you how to use Web Dynpro's Message Manager to display the messages on the screen in an easy user-friendly way:
<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/webdynpro/wd%20java/wd%20tutorials/a%20simple%20input%20form%20with%20message%20and%20error%20service%20support.pdf">Enabling Message and Error Support</a>
In addition, there are some validations that are done automatically depending on what you have your input fields set to - for instance, if you bind your input field to a date and a user enters words into the field instead of an actual date, it will automatically display an error message. To learn how to turn this feature on and off, see this tutorial
<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/uuid/edf6ea90-0201-0010-7696-a68662381c12">Using Validating and Non-Validating Actions</a>

Dynamic Format Input Field

Hi,
I have a table and within an input field. Dependent of a flag I would like to set the format dynamically, concret the decimal places:
row 1 -> no decimals
row 2 -> decimals allowed
row 3 -> no decimals
row 4 -> no decimals
row 5 -> decimals allowed
It would be very usefull, that the conversion starts directly without clicking any button or doing any navigation.
Thanks
Best regards
My actual idea: 2 attributes in context node. At runtime I bind the input field to attribute 1 or attribute 2
But how?

Stefan Kagelmacher wrote:
Thanks for answering,
>
> this solution works not fine or I do not understand it correctly. I create a node within my node. This new node has supply function and an attribut "MENGE". But how should I format the value? The value of the input field is not moved in supply funktion, value is empty.
You have to bind the "menge" to your inputfield . This will trigger a supply function. Supply function has parameters like parent and node.
Get the values from the Parent attributes.. calculate them and set value for menge field.
Supply function has template code already generated. You only have to modify them.

How to bind a specific attribute of an element to an input field

HI,
in my web shop application I create an overview page of the items dynamically in the wdDoModify Method. Each item has it's own transparent container. I do not use tables or row repeaters, because they did not fullfill my requirements.
Now I have the problem to bind a specific attribute to an input field.
I bind the value with following code:
amountInput.bindValue(item.getAttributePointer("amount").getAttributeInfo())
item is the element of the item to display. amount is the attribute with type integer.
The problem is, that I have 4 Items on the screen. When I enter a value for amount, all amounts on the screen are the same. So I guess that the input field is not bound to the correct element.
Has anybody an idea what I have done wrong? Or which string for bindValue do I have to use for example for an attribute of the 5th element in a node?
Best regards,
Peter

Peter, you can set the context node to mutiple select, but you have to select it on item variable, like:
item = wdContext.nodeXXX.getElementAt(1);
amountInput.bindValue(item.getAttributePointer("amount").getAttributeInfo())
item = wdContext.nodeXXX.getElementAt(2);
amountInput2.bindValue(item.getAttributePointer("amount").getAttributeInfo())
Regards,
Edson Thomaz

Dynamically bind input field

Hi all
I have input field and it already binded context attribute .I am working on enhancement frame work so I can not modify propety of context attribute.My requirement is to create new attribute and bind it with input field dynamically.
I am able to create context attribute and bind it to input field but it's not working ,can we do it dynamically????
Pls help
Regards Reeha

Hi,
if you already have a context attribute than you can do this, I just created a test application to create one input field and bind it with a context attribute dynamically.
my context is like this:
SUBS_TYPE_NODE   <------node name
-SUBS_TYPE_VALUE <----node attribute type string
under WDDOMODIFYVIEW i did this:
if first_time = abap_true.
DATA:
    lr_container TYPE REF TO cl_wd_uielement_container,
   lr_input TYPE REF TO cl_wd_input_field.
get a pointer to the RootUIElementContainer
    lr_container ?= view->get_element( 'ROOTUIELEMENTCONTAINER' )
    lr_input = cl_wd_input_field=>new_input_field(
    bind_value = 'SUBS_TYPE_NODE.SUBS_TYPE_VALUE' "notice here how I passed the node and its attribute
    id =   'INPUT_F1'
    view = view ).
    cl_wd_matrix_data=>new_matrix_data( element = lr_input ).
    lr_container->add_child( lr_input ).
endif.
hope this helps...
AS.

How to use one pop up window for multiple buttons and input fields?

Hi Experts,
I have created a pop up window that will be opened from multiple buttons in the same view. There are input fields that the data will be populated from a pop up window. How can I set up which button that a pop up window is opened from? I also would like to populate the data from a pop up window to the input field next to a clicked button. There are 6 buttons and 6 input fields that share the same pop up window. I would very appreciate your responses.
Thank you,
Don

Hi,
Try creating 2 context attributes, one in your component controller and the other in the pop-up view. Bind the attribute of pop-up view to the component controller attribute.
In the main view, on click of every button set a unique code in the controller's context which helps you in identifying the button clicked. Since u have created a binding to the pop-up view attribute the value flows from the controller.
In the init method of your pop-up view, check the value of the attribute and based on that display which ever UI elements are required.
Eg:
On Button 1 click set value "B1", Button 2 value "B2" etc. In the init() of pop-up view u can check the values and perform the required operation:
if(("B1").wdContext().currentContextElement().getButtonIdentifier()){
else...{
Hope this helps you.
Regards,
Poojith MV

How to get the co-ordinates of a dynamically created input field

Hello Frn's
i have created a dynamic text view . but this text view is not appearing at proper position . I want palce it infront of a dynamically created input field . how can i do this ?
as i am thinking ...i should first of all get info about the co-ordinates of dynamaclly creatd input field . and with respect to these co-ordinates ...set the position of text View .
Please suggest your thoughts .
Thanks and Regards
Priyank Dixit

Hi,
There is no provision in WD for getting screen coordinates and then placing the UI element.
You to add the UI element to layout editor and based on the layout type it will add the UI element to respective position.
I would advice not to create dynamic UI elements( instead you can create them statically and then play with visibility status through context binding ). This will be more effective way and less error prone. This is also recommended practice.
still,For dynamic creation you can refer to following wiki:
http://wiki.sdn.sap.com/wiki/display/WDABAP/CreatingUIElementsDynamicallyinAbapWebdynpro+Application
regards
Manas Dua

Add data to table view from input fields in a page

Hi
        I am developing a BSP page which will be called from SRM shop transaction. After user enters the line item data, data will be passed back to shop transaction using OCI interface and the page attributes (URL).
   (1) How can I add data from input fields to table view on a page on a button click? I am able to add first line but I could not retain first line data when I try to add the second line.
      I am able to add multiple lines to table view if I use view and controller by adding to the line data to static attribute of the controller. I cant use the controller and view because I can not set the attribute to Controller automatically.
   (2) Is there a way to pass an attribute (URL) to controller from SPRO? Like we pass an attribute to page automatically (Automatic page attribute).
   (3) How can I call a controller and view and pass the page attribute to the controller on a button click from a page with out controller?
Thanks
Sreenivas

I'm trying to test the merge with the following data in a test.txt file:
ZZZZZ114923000004
1234Z400660000001
ZZZZZ114923000010
Getting an error:
SQL> @C:\dataformats\sql\pc12seriesMerge.sql
Directory created.
SP2-0552: Bind variable "17" not declared.
SQL>
here it the pc12seriesMerge.sql file
set serveroutput on
create or replace directory user_dir as 'c:\dataformats\incoming\';
DECLARE
v_filename VARCHAR2(100); -- Data filename
v_file_exists boolean;
v_file_length number;
v_block_size number;
f utl_file.file_type;
s varchar2(200);
lineString varchar(200);
v_account varchar(5);
v_IDN varchar(6);
v_quantity varchar(6);
BEGIN
v_filename := 'TEST.TXT';
DBMS_OUTPUT.PUT_LINE(v_filename); --shows filename
utl_file.fgetattr('USER_DIR', v_filename, v_file_exists, v_file_length ,v_block_size );
IF v_file_exists THEN
dbms_output.put_line('File Exists');
create table ext_table (
account varchar2(5),
idn number(6),
quantity varchar2(6)
organization external (
type oracle_loader
default directory user_dir
access parameters (
records delimited by newline
fields (
account position(1:5) char(5),
idn position(6:11) char(6),
quantity position(12:17) char(6)
location ('test.txt')
reject limit unlimited;
MERGE INTO id_req_stg t
USING (
SELECT account,
idn,
decode(quantity, '-', 0, to_number(quantity)) as quantity
FROM ext_table
) v
ON ( t.account = v.account AND t.idn = v.idn )
WHEN MATCHED THEN
UPDATE SET t.quantity = v.quantity
DELETE WHERE t.quantity = 0
WHEN NOT MATCHED THEN
INSERT (account, idn, quantity)
VALUES (v.account, v.idn, v.quantity);
ELSE
dbms_output.put_line('File Does Not Exist');
END IF; -- file exists
EXCEPTION
WHEN UTL_FILE.ACCESS_DENIED THEN
DBMS_OUTPUT.PUT_LINE('No Access!!!');
WHEN UTL_FILE.INVALID_PATH THEN
DBMS_OUTPUT.PUT_LINE('PATH DOES NOT EXIST');
WHEN others THEN
DBMS_OUTPUT.PUT_LINE('SQLERRM: ' || SQLERRM);
END;
/

Enable input fields in a view container

Hi,
I have inserted a view in another view's view container.
But the input fields are disabled.
can anybody tell me how to enable them?
readonly property is set to false...

Hi..
This situation may arise when the attributes (mapped to the input field in the view) are mapped to the interface controller via the component controler and the IsInputElement property of the node in the interface controller is set to True.
In this case you cannot change the cardinality of the node from the component controller also.
If this is the case, try by removing the interface controller and component controller binding.
Regards,
Sayan Ghosh

Not able to display the values in the input fields of the view

Hi All.
I am facing an unique issue.
My custom element created in my custom node getting a null value
from a Get Vendor Details RFC written in RFC.
The values are getting populated in the custom element but not coming in the
input field of the corresponding view.
Then, I wrote this code
wdContext.nodeCustom.setLeadSelection(1);
and all the output came in the input field.
Now, after a build it is not coming in the input fields of the view.
All my custom nodes are Singleton and values are coming in the custom elements
as I can print them by wdComponentApi.getMessageManager.reportSuccess(""+customnode.getField());
All my nodes are Singleton.
Please give your valuable inputs.
Regards
Kaushik Banerjee

Hi
Check the node property
initializeLeadSelection true
if not make it true , I would suggest to make a value node of the same structure as in RFC after execuation of the RFC populate the value manually.Dont bind it directly to the UI element.
BR
Satish Kumar

To add a method on select of a date from a date input field

Hi,
I have a input field which is binded to context element, type date. Hence the output screen has a date popup, from which user can select any dates.
Is it any way i can have a action executed on select of a date value?
I mean when the user selects a date from the date field an wction should be called.
As I have chosen it to be input field so at present I have only the option of OnEnter, which is not fulfilling the requirement.
Regards,
Pranay

Hi Pranay,
Use the Date Navigator instead. It has got the same functionality as Date Picker (this is what you are using) & moreover, you can achieve what you desired. It has got the functions like onDaySelect, onWeekSelect & onMonthSelect & onSelect.
That will trigger the action what you want.
Regards
Chander Kararia
# Please close the thread once get the correct answer. Give rewards for answers.

Items of input fields are disabled

Hi All,
I have created form using Web Dynpro. In this form, I have provided connnectivity with R/3 using RFC. After creation of the form, I noticed that input fields are disabled. Can you please suggest me the possible reason for this. I have mapped input field with model's parameter.
Regards,
Gaurav

Hi Gaurav,
The mistake you are doing is, you have to initialize the newly created input object. check below
/** Hook method called to initialize controller. */
public void wdDoInit()
//@@begin wdDoInit()
// Create a new element in the Bapi_Flight_Getlist_Input node
Bapi_Flight_Getlist_Input input = new Bapi_Flight_Getlist_Input();
wdContext.nodeBapi_Flight_Getlist_Input().bind(input);
// Create new elements in the Destination_From and Destination_To nodes
<u>input.setDestination_From(new Bapisfldst());
input.setDestination_To(new Bapisfldst());</u>
//@@end
This means.. adding to sunitha's code.. you should do below
public void wdDoInit()
//@@Begin wdDoInit()
Bapi<...>_Input input = new Bapi<...>_input ();
wdContext.nodeBapi<...>_Input().bind(input);
<u>input.setXXX(new expectingobjectvalue());</u>
//@@end
Check it...
Thanks,
Raags

Editable / Non editable input field CELL (individually) on ALV dynamically

Hi again,
I need more help with an issue.
I have an ALV table with three columns that is necessary put values into input field cell editors, but these cells should be editable or not depending of business logic. I've got make editable or non in entire ROW LEVEL (method set_read_only_fieldname( 'READ_ONLY' )., but ¿how can I set editable or non at individual cells?
Any idea to do that?
Regards
Edited by: vanbelal on Mar 24, 2010 3:33 PM

Can you paste any example source code?
I don't know how can I bind enabled property dynamically to individual CELL, I'm setting properties to whole column.
lt_columns = lr_column_settings->get_columns( ).
LOOP AT lt_columns INTO ls_columns.
         if ls_columns-id = 'COLUMN1' or 'COLUMN2' or 'COLUMN3'.
          CREATE OBJECT lr_input_field
            EXPORTING
              value_fieldname = ls_columns-id.
          ls_columns-r_column->set_cell_editor( lr_input_field ).
Should I put business logic here? how can I set enabled or not on CELL, at this point I'm processing whole column!!
          lr_input_field->set_enabled( abap_true ).
        endif.
ENDLOOP.
Edited by: vanbelal on Mar 24, 2010 4:12 PM

How to implement SEARCH HELP for input field in WDA

Hi All,
I am doing a tool for my team. in this tool there are 4 input fields to show different processes. I implemented the 4 input fields and also bind the respective tables to these fields successfully. Actually I want to filter the data between 2 fields . Means the data in the 2nd input field should be based on the 1st input field. Means when I'll select for example 'CHI' (code for CHINA) in the 1st input field the 2nd field meant for country name should show all country name with value 'CHINA'. But the problem is that all values related to each field are in different table with no foreign key relationship and also some combinations are in single table..
I have tried the import and export parameter method for search help but no luck till now.
Can anyone please suggest me how to implement this scenario..
Thanks in advance...
sekhar

Hi sekhar,
Your Requirement can be implemented by OVS(Object Value selector) This is the custom search help .So that you can define on what basis the value has to be fetched.
Look at the below link
http://wiki.sdn.sap.com/wiki/display/WDABAP/ABAPWDObjectValueSelector(OVS)
http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/606288d6-04c6-2c10-b5ae-a240304c88ea?quicklink=index&overridelayout=true
You need to use the component WDR_OVS.
It has 3 phases
In phase 1
     You will fetch the value from input field to F4 help dialog box.
In phase 2
     You will generate the search results , in this phase look for the input value given in field 2 and accordingly generate search result for the field 3.
In phase 3
     The selected value will be returned to the original screen.
Regards
Karthiheyan M

Bind an input field to a slider

Similar Messages

Maybe you are looking for