JavaScript function to add a line/record to grid

Similar Questions

• tabular: Add the line: line does not get inserted

  Hi all

  I have a tabular presentation based on a products table, quantity, unit_price and product_id columns

  in the form of Tha also has a calculated field price (unit_price * amount) and a total on the price column

  When the user changes unit_price or quantity, the price is calculated together total whith, this is done using javascript

  I want to accomplish is add when you click line, and then the total row of the report should remain the last row

  I managed to do it, but when I add a line and then fill in the same row is ignored by apex, 0 rows inserted

  This is because when you change a field in the hidden input field fcud_xxxx does not change to would be "to 'C'

  How can I fix this, I have to write a change event for each column?

  any other ideas?

  I put the code on apex.oracle.com

  workspace: martijnke

  login/password: demo/demo

  application: 78396: apex advance

  Start the application and click orders, and then click on any order to go to the edit page 4 control elements

  Click Add line and see what happens

  the javascript code is on page 4, the function is called switch_last_row()

  I found this in widget.tabular.js:

     // Register change handler on new row form fields, change "fcud_*" hidden element to C if a change occurs
          lNewRowIndex = tabular.pad( ( tabular.gNumRows + tabular.gNewRows ), 4 );
          $( ":input[id^=f][id$=_" + lNewRowIndex + "]", apex.gPageContext$ ).change( function() {
              $( "#fcud_" + lNewRowIndex, apex.gPageContext$).val( "C" );
          });
  

  Why change this event not working for my vacuum dial-up?

  DB: 11 GR 2

  Apex 5.0.2

  KR

  Martin

  Martijnke wrote:

  I have a tabular presentation based on a products table, quantity, unit_price and product_id columns

  in the form of Tha also has a calculated field price (unit_price * amount) and a total on the price column

  When the user changes unit_price or quantity, the price is calculated together total whith, this is done using javascript

  I want to accomplish is add when you click line, and then the total row of the report should remain the last row

  I managed to do it, but when I add a line and then fill in the same row is ignored by apex, 0 rows inserted

  This is because when you change a field in the hidden input field fcud_xxxx does not change to would be "to 'C'

  How can I fix this, I have to write a change event for each column?

  any other ideas?

  I put the code on apex.oracle.com

  workspace: martijnke

  login/password: demo/demo

  application: 78396: apex advance

  Thanks for the creation of the example. Makes it so much easier to understand the problem and to work there.

  Start the application and click orders, and then click on any order to go to the edit page 4 control elements

  Click Add line and see what happens

  the javascript code is on page 4, the function is called switch_last_row()

  I found this in widget.tabular.js:

  1. Sign change on the form fields Manager new line, change "fcud_ *" element hidden C if a change occurs
  2. lNewRowIndex = tabular.pad ((tabular.gNumRows + tabular.gNewRows), 4);
  3. $(«: entrée [id ^ = f] [id$ = _ » + lNewRowIndex + «]», apex.gPageContext$) .change (function() {}
  4. $(«_#fcud__»_+_lNewRowIndex,_apex.gPageContext$).val ('C');
  5. });

  Why change this event not working for my vacuum dial-up?

  It does not work because the use of the method. html() in this function replaces the DOM elements these managers events are related to the:

  function switch_last_row(){
        var l_total =  $('td[headers="CHECK$01"] b').parent().parent().html();
    var l_last = $('td[headers="CHECK$01"]');
    var count = l_last.length;
    //$('td[headers="CHECK$01"] b').parent().parent().html(l_last[count - 1].innerHTML);
    var v_html = $(l_last[$('td[headers="CHECK$01"]').length - 1]).parent().html();
        //alert(l_total);
        //alert(v_html);
        $(l_last[count - 1]).parent().html(l_total);
        $(l_last[count - 2]).parent().html(v_html);
  }
  

  Event managers are left intact by using an approach much more simple that moves the total line node below the newly added in the DOM instead of exchanging their content:

  function switch_last_row() {
    var totalRow = $('td[headers="CHECK$01"] b').closest('tr');
    totalRow.next().after(totalRow);
  }
  

  I created a demonstration of this in page 4 a new application in your workspace. However, this leads to a number of other problems. As I'm not sure of the magnitude that these additional questions were present or planned in the original, I left things to this page 4 and started from scratch on pages 586 and 587. In general, the JS code in the example seems to be too procedural. It does not entirely the ability to work at a higher level of abstraction using jQuery (' write less do more ") and the DOM objects. Doing this, in conjunction with dynamic actions APEX gives more compact code, better separation of concerns and an application that is much easier to debug and maintain. Compare the use of the CSS level page and unique dynamic action to bind several columns of report versus change events manually adding/changing the attributes of style event and online at the column level.

• JavaScript function does not work on the JSFF page load but runs on page refresh

  A bit of background first:-I'm a front-end developer who use jDeveloper to build templates/pages. I also manage client scripting using af:clientListerner tags. But my knowledge on the related backend stuff (beans, triggers, actions) etc. is almost zero. So, I'll use technical very simple terms to describe my problem.
  

  
  

  Scenario:

  
  

  Let's say I have two pages JSFF, first.jsff , and second.jsff

  
  

  In first.jsff, I have a command link that navigates to second.jsff. Inside of this page, I have a javascript function that I need to run when the user interface is rendered. But as soon as second.jsff load, my JS function never fires. Only when I refresh the page see running. This what second.jsff looks like:

  <?xml version='1.0' encoding='UTF-8'?>
  <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:af="http://xmlns.oracle.com/adf/faces/rich" xmlns:f="http://java.sun.com/jsf/core">          
     <af:panelGroupLayout id="pgl17" styleClass="mainBox AFStretchWidth">
         <af:resource type="javascript">
              function runOnLoad(){
                    alert("Hello world");
             }
             runOnLoad();
          </af:resource>
          /*   other ADF components go below this line
          .
          .
          .
          */
     </af:panelGroupLayout>
  </jsp:root>
  
  
  

  So I see the alert only when I refresh the page (i.e. after the redirection occurs, I have to refresh the page to make the JS run)

  What I'm missing here?

  jDeveloper version is 11.1.1.9.0

  You will use this fragment of .jsff inside the .jspx page. In the .jspx inside the af: document add clientListener as:

      
        
        .
        .
        .
      
  

  Change the javascript method to be:

   
        function runOnLoad(event)
        {
          alert("Hello world");
         }
   
  

• What is wrong with this sequence, it does not work when, after 3 inserts, I add a new record with the trigger it gives an error.

  Mr President.

  What is wrong with this sequence, it does not work when, after 3 inserts, I add a new record with the trigger it gives an error.

  --SL_CUSTOMERS table data
  
  
  INSERT INTO SL_CUSTOMERS VALUES(1,'Kamrul Hasan',NULL,NULL,'Moghbazar', 'Dhaka','0456789123',NULL,NULL,NULL,'Y',NULL);
  INSERT INTO SL_CUSTOMERS VALUES(2,'Rabiul Alam',NULL,NULL,'Motijheel', 'Dhaka','0567891234',NULL,NULL,NULL,'Y',NULL);
  INSERT INTO SL_CUSTOMERS VALUES(3,'Shahed Hasan',NULL,NULL,'2-G/1,2-2,Mirpur', 'Dhaka','0678912345',NULL,NULL,NULL,'Y',NULL);
  
  
  
  

  CREATE SEQUENCE  "ALIZA"."SL_CUSTOMERS_SEQ"  MINVALUE 1 MAXVALUE 9999999999999999999999999999 INCREMENT BY 1 START WITH 1 NOCACHE NOORDER  NOCYCLE ;
  
  
  CREATE OR REPLACE TRIGGER SL_CUSTOMERS_TRG 
  BEFORE INSERT ON "ALIZA"."SL_CUSTOMERS"   
  FOR EACH ROW   
  BEGIN   
  IF :NEW.CUSTOMER_ID IS NULL OR :NEW.CUSTOMER_ID < 0 THEN  
    SELECT SL_CUSTOMERS_SEQ.nextval   
      INTO :NEW.CUSTOMER_ID  
      FROM DUAL;   
    END IF;   
  END;   
  /
  
  
  
  

  When I try to insert several records with the seq.nextval it gives error

  violation of primary key.

  INSERT INTO "ALIZA"."SL_CUSTOMERS" (CUSTOMER_NAME) VALUES ('sdfsd')
  ORA-00001: unique constraint (ALIZA.SL_CUSTOMERS_PK) violated
  ORA-06512: at line 1
  
  
  
  
  One error saving changes to table "ALIZA"."SL_CUSTOMERS":
  Row 4: ORA-00001: unique constraint (ALIZA.SL_CUSTOMERS_PK) violated
  ORA-06512: at line 1
  
  
  
  
  
  
  
  

  Concerning

  Mr President.

  I find the solution by creating a function before the triiger

  as below

  CREATE SEQUENCE  "ALIZA"."SL_CUSTOMERS_SEQ"  MINVALUE 1 MAXVALUE 9999999999999999999999999999 INCREMENT BY 1 START WITH 1 NOCACHE NOORDER  NOCYCLE ;
  
  CREATE OR REPLACE FUNCTION get_SL_CUSTOMERS_vId RETURN VARCHAR2 AS
  BEGIN
     RETURN SL_CUSTOMERS_SEQ.NEXTVAL;
  
  END;
  /
  
  CREATE OR REPLACE TRIGGER SL_CUSTOMERS_TRG
  BEFORE INSERT ON "ALIZA"."SL_CUSTOMERS"
  FOR EACH ROW
  DECLARE
  dummy VARCHAR2(200);
  BEGIN
    dummy := get_SL_CUSTOMERS_vId();
    :NEW.CUSTOMER_ID := dummy;
  END;
  /  
  

  It works very well

  Thank you all for the suggestions.

  Concerning

• JavaScript help: get the current line inside tabular

  Hello world

  I hit a roadblock for a simple JS code: to get a current line for my tabular form. My environment is: Apex 4.2.6 on Oracle 11.2 with 3 Bootstrap for styling.

  The query in tabular form is as simple as this:

  Select

  "REF #"

  «INV #»

  "MANUFACTURER."

  "DISCOUNT."

  'PRICE ',.

  "UPC",

  "DESCRIPTION."

  quantity,

  "LINE NO.",.

  "" step by step

  of Order_items

  Now the emphasis here is "stepper", it is defined as "text save any State", in the expression of the HTML, 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 screen is as follows:

  

  In the header of the Page Javascript section:

  function plusClicked() {}

  var line, qty;

  Row = $(this). Closest ("TR");

  I tried row = $(this) .parent () .closest ("tr");

  same undefined result

  Qty = Row.Find ('input [Name = F09]'). Val();  F09 is the entry for the qty column name

  Alert ('most clicked qty =' + Qty);

  }

  The result is always: 'most clicked qty = undefined ".  Inspect the code says this:

  

  Any help and suggestions are greatly appreciated.

  The few I tested it seems solid to me.  I think you have to pass 'this' to plusClicked and minusClicked.

  onclick = "plusClicked (this)" "

  Then, the function can do:

  function plusClicked (btn) {}

  var line, qty;

  Row = $(BTN). Closest ("TR");

  Qty = Row.Find ('input [Name = F09]'). Val();  F09 is the entry for the qty column name

  Alert ('most clicked qty =' + Qty);

  }

  The other approach, I like it for it's with a DA.  I would like to add a class to the buttons instead of the onclick.

  +

  -

  DA would be during the click on jQuery selector .btnPlus

  and the JS to run would be:

  var $row = $(this.triggeringElement) .closest ("tr");

  var qty = $row.find('input[name=f09]').val ();

  Alert ('most clicked qty =' + Qty);

  I hope this helps.

  Thank you

  -Jorge

• call ondemand pl/sql to a JavaScript function

  try calling a pl/sql function to a javascript script to return data.
  
  All I get is a bunch of text HTML code in my cell in a table
  
  can we see what's wrong with the code javascript and pl/sql below.
  
  I'm trying to update a cell in a tabluar form the basis of the value of another dropdown in the same line
  
  (similar to this example http://htmldb.oracle.com/pls/otn/f?p=31517:160
  Thanks to Denis Kubicek
  --------------------------------------------------------------------------------------------------------------
  JavaScript in the footer
  --------------------------------------------------------------------------------------------------------------
  < script type = "text/javascript" >
  function f_increase_salary (p_this, p_rownum, p_sal)
  {
  
  var editable_item_to_set = "f04_" + p_rownum
  Sal var = value of $x (p_this)
  var Man_Code = Number (sal)
  
  
  get var = new htmldb_Get (null, & APP_ID, 'APPLICATION_PROCESS = GET_MANAGER', 0);
  Get.Add ('Man_Code', html_GetElement('Man_Code').value);
  gReturn = get.get ();
  
  If (gReturn)
  {$x (editable_item_to_set) .value = gReturn;  }
  on the other
  {$x (editable_item_to_set) .value = ";}  }
  
  get = null;
  
  }
  < /script >
  --------------------------------------------------------------------------------------------------------------
  function of PL/SQL returning data
  --------------------------------------------------------------------------------------------------------------
  DECLARE
  ANSWER1 VARCHAR2 (200);
  BEGIN
  Select Manager on ANSWER1 where personal EMP =: Man_Code
  
  HTP. PRN (ANSWER1);
  END;
  ------------------------------------------
  Thank you
  Frank
  
  Published by: Borg species 5618 on October 2, 2009 15:17

  This example is more recent and it finally covers your condition a lot better:

  http://Apex.Oracle.com/pls/OTN/f?p=31517:239

  Denes Kubicek
  ------------------------------------------------------------------------------
  http://deneskubicek.blogspot.com/
  http://www.Opal-consulting.de/training
  http://Apex.Oracle.com/pls/OTN/f?p=31517:1
  ------------------------------------------------------------------------------

• Multiple add possible lines?

  Hello
  
  I created a form simular in tabular form several example Dennis Kubicek.
  
  If you add a row in the first table form and do not save the record, it will be deleted if you add a row in the second table form.
  I was wondering if there is a way to back up the folder of the first form when you add a line in the second form?
  
  Rgds,
  
  Astrid
  
  Published by: Astrid on November 18, 2008 23:44

  Hi Astrid,.

  There are several possibilities, you can try (I don't have necessary to several tabular forms so have not tried these myself):

  1. make sure that the SQL statements include a line empty. For example:

  SELECT NULL EMPNO, NULL EMPNO_DISPLAY, NULL ENAME FROM DUAL
  UNION ALL
  SELECT EMPNO, EMPNO EMPNO_DISPLAY, ENAME FROM EMP
  

  The first line of the form will be empty and still appear. If the user fills in a row for a form and submits the page (or click the add a line), a blank line will still create again for both forms.

  2 - Turn the button, add a line to trigger the creation of a line for BOTH forms

  3 - using javascript to create the line (I've seen examples of people who are trying to do, do not know if there are however examples of work)

  4 - put something in a field that creates a real record - probably can cause more problems than it solves, although

  Andy

• DKIM add txt DNS Record

  Hi people,

  I have a key DKIM to add and I use the application service provider to put me in the hostname as "/ hostname: api._domainkey.
  However I can't put the line of underscore '_' in the entrance of the DNS server. So, is there a good way to do this? I can successfully well of SPF as a txt record.

  Any help is appreciated.

  Best regards
  Alainlain

  You need to reach to hand modify the DNS server. You found the.app program does not allow this.

  First temporarily disable the server DNS from Mac in.app

  Then launch Terminal.app and edit the appropriate in - file

  / Library/server/name /.

  for example db.yourdomain.com

  Then add a line to this file looking like this, but with your values.

  _domainkey.yourdomain.com.               10800 IN TXT "t = y; o = ~ ; [email protected]".

  Note: You may need to do this as well on your Mac DNS server and also on an external DNS server that is managed by your Internet provider, it depends on how your domain is configured.

  Finally, use.app to start your Mac DNS server again, and then re - read the DNS files, including the addition above.

• Best approach to call a javascript function in a tabular presentation

  Hi all

  I have a manual tabular presentation. In this form, I have a javascript function that disables hiredate column. The function is called on the deptno column change.

  So, if I select the "Research" Department and hire date field is disabled for the selected line.

  I need to run this function also executed automatically on page load. So, it checks if all rows with deptno as search and disable hiredate field for these lines.

  Please let know us the best approach to achieve this goal, which does not affect the performance that the page has 2000 lines.

  function test2 (pThis) {}

  var v_item_value = pThis.value;

  var v_hiredate_item = $(pThis).closest('tr').find ('td [headers = HIREDATE] input [name = f05]');

  var v_hiredate_button = $(pThis).closest('tr').find ('td [headers = HIREDATE] button "");

  var currIndex = $('select[name="'+pThis.name+'"]').index (pThis);

  var currRow = currIndex + 1;

  If (v_item_value == '20') {}

  v_hiredate_item.prop ('readOnly', true);

  v_hiredate_button.prop ("disabled", true);

  document.getElementById("f08_"+[currRow]).disabled = true;

  }

  else {}

  v_hiredate_item.prop ('readOnly', false);

  v_hiredate_button.prop ("disabled", false);

  document.getElementById("f08_"+[currRow]).disabled = false;

  }

  }

  Thank you

  Zkay

  Try this:

  Suppose that the deptno column name is "f08".

  execute a javascript script that triggers the loading of the page

  $("[name=f08]').change ();

• Can run us javascript function locally within the amx page?

  Hello

  I am totally new to the features of the MAF, let me just 1 thing right, im familiar with the implementation of javascript as on PHP. For example, (1) you can create a js file in a certain directory of your project as long as you can connect properly. And, on the php page, you link such as)<script type="text/javascript" src="file.js"></script>)to be of use inside of your php page or (2)locally run the javascript function inside your php page such as

  function myFunction(){
   Alert("Hello World.");
}.

  


  So far what I've done on the tutorial javascript MAF, same case, you need to specify your javascript function inside a .js file and save your js file in your maf function (so that the javascript functions are available and can be called through the java method of AdfmfContainerUtilities.invokeContainerJavaScriptFunction () inside your file of java bean managed). After that, in my case to test the tutorial, I need to create a managed bean method to call the associated javascript function based on my actionlistener to the button that ive created inside my amx page, it didn't work (NOTHING HAPPENED when the button is clicked, as maybe it's because I was wrong by calling the managed bean method or class({viewScope.popupHelperBean.onPopupShowHideAction}). )

  


  Please follow this tutorial to understand what im referring to topic-> https://blogs.oracle.com/mobile/entry/how_to_open_and_close

  (If someone has already managed to made this javascript tutorial, please inform me so that I can see on my error).

  


  Now I'm trying a different approach which is to run the javascript locally, it's just that I don't have enough resources that could satisfy my investigation to start with. I met this amx: verbatim terms during my research. Fact amx: verbatim help by running the JavaScript locally.

  


  Thanks in advance.


  


  


  


  Hello Amey,

  Thanks, I had run successfully the popup alert box based on javascript this tutorial you had linked to me, it seems that I am on the right track on how to run javascript on the page of the amx. Its just that the tutorial I mentioned on my post doesn't seem to work as it should, I'll try to resolve the issues for a while. I just want to share with the community who are new to the MAF and are currently working on the custom javascript on page amx application:

  1. include your js inside your working directory file

  2. Add the javascript code that is personalized to your AMX

  3. create a managedbean and a method that could call the javascript function

  Carefully follow this tutorial as mentioned by Amey have the idea of how the javascript is running on amxpage--> https://blogs.oracle.com/mobile/entry/invoking_custom_javascript_from_an

  By the way, thank you very much Amey.

  Learner90

• JavaScript function to page template?

  Hey experts,.

  I have a custom component that substitutes a template page, and this page has a javascript function. Is it possible to remove the function out of the page and simply reference? How could I add a javascript as a resource of the component function?

  Thank you.

  There is an example of using external JavaScript here: https://bitbucket.org/mythics/metadatamultiselectwidget/src/

  Here are some additional resources:

  http://fscherpe.blogspot.com/2012/07/pushing-files-to-Weblayout-from-UCM.html

  http://Techblog.aurionpro.com/2012/12/WebCenter-content-interface-branding_24.html

  Jonathan

  http://jonathanhult.com

• Add several lines in tabular form which object to list different shows to all rows

  Hello

  Apex 4.2, oracle 11 g 2

  I have a table on the emp table where when I click on Add button line

  then I get no lines that are stored in the string.

  for this element of the page creation PX_job that return the value of separate employment with two points separate values by the

  for example seller: Analyst: Clerk: Manager: President

  to add several lines to add lines.

  by using the dynamic action

  event: click on

  selection type: button

  Action: run javascript code

  as follows

  var a = $v("PX_job").split(":") // Delimiter is a string
  for (var i = 0; i < a.length; i++)
  {
  
  apex.widget.tabular.addRow();
  
  }
  
  

  This work that well it adds the number ranks equal to 5

  now I'm post job as select list

  now I want to display the list of work in form of tables as row 1 poster list entry, second row entry list second poster... last line shows last entry from list

  but working this column in all the rows by first writing list of projects in the work list

  How to solve this problem.

  Leave.

  Hi, go,

  Yes, you need to replace "myvalue" with the return value of the select list. But even in this case it would be a problem because it would change all the lines.

  In any case, I changed the code to do this:

  apex.widget.tabular.addRow (); Add the line

  var checkboxIndex is apex.jQuery('input[name=f01][value=0]').eq (i) .parent () .parent () .index ();. get the number of the line that was added

  var SelectItem = apex.jQuery('select[name=f04]').eq (checkboxIndex); Use this number to get the selection list

  iOption var = apex.jQuery (SelectItem) .children () .eq (i) .val (); Get the i option value

  apex.jQuery (SelectItem) .val (iOption); Set the value of the option

  I hope it's clear.

  Kind regards

  Joni

• Add a line automatically when a page loads

  db11gxe, apex 4.0, firefox 24,

  Hi all

  I have a master form / retail, the shape of the table is displayed in the page but without lines, I have to click on the button 'Add the line' to view the lines, and that's the problem,

  I want to see at least a line or more when I go to this page tab or when it loads?

  It is written like this

  JavaScript:AddRow();

  Thanks, it worked

• Add line button adds three lines (not one)

  In the report of Dropbox form - UNIFORM - (04) .pdf there are two tables. The two tables have a single button "add a line". In the table at the top of the page, click it once actually adds three lines (not one, as it should be). In the second table, it works as it should (by adding only one line). However, for the life of me, I can't understand why.

  The upper table using this code:

  Form1. #subform [0]. SUB_of_Table1.Table1.HeaderRow.Subform3.AddButton::click - (JavaScript, client)

  Table1._Row1.addInstance (true);

  The bottom table using this code:

  Form1. #subform [0]. SUB_of_Table2.table2.HeaderRow.Subform2.AddButton::click - (JavaScript, client)

  Table2._Row1.addInstance (true);

  Except for a form of corruption of document, I can't begin to guess why the top adds three lines, but inside only one. It drives me crazy.

  No, it doesn't always work does not, try to use Gmail drive share or send me a private message and I'll give you my email.

• Call a Javascript function in a Captivate 7 Web page

  Hello

  I try to call a javascript function in a web page to Captivate 7. The call is an output of blade event. When I saw the (F4) project, I have a prompt that displays a javascript function is called and told me to display in a web page. Of course, which is perfectly logical. However, when I go to the same project in the hml with the necessary Javascript function in page, I get nothing. The script is a simple that displays an alert.

  I made sure the SWF in question is defined in the global security settings. I know that the javascript function is correctly formatted.

  Can someone please give me an example of how to "execute Javascript" call of Captivate to a function residing in the html page please.

  Any help is appreciated.

  Don't just add the SWF file to the Flash security locations overall of confidence.  Add the entire folder containing all the files published, or better still, a level that contains all your published Captivate projects so that you never have to worry about Flash security issues again.

  Also, if it still does not work, I would try the same running JavaScript with a different event than the event output slide.  It can be a little bit reliable.