Hi, Everyone,
I hit a roadblock for a simple JS code: to get a current row for my tabular form. My environment is : Apex 4.2.6 on Oracle 11.2 with Bootstrap 3 for styling.
The tabular Form Query is simple like this:
select
"REF#",
"INV#",
"PART#",
"DISCOUNT",
"PRICE",
"UPC",
"DESCRIPTION",
qty,
"LINE#",
' ' stepper
from Order_items
Now the focus here is "stepper", it's defined as "text Save no state", in HTML expression I added this:
<div class="btn-group">
\<button type="button" class="btn btn-lg" onclick="plusClicked()">+\</button>
<button type="button" class="btn btn-lg" onclick="minusClicked();">-</button>
\</div>\<!-- /button -->
The display is like the following:
In the Page header Javascript section:
function plusClicked(){
var row, qty;
row=$(this).closest("tr");
// tried row=$(this).parent().closest("tr");
// same undefined result
qty=row.find('input[name=f09]').val(); //f09 is the input name for qty column
alert('plus clicked qty='+ qty);
}
The result is always: 'plus clicked qty=undefined'. Inspect code says this:
Any help and suggestions are greatly appreciated.