Databases
StackOverflow2013
Postsdbo
POAdd values from dialog popup to parent page dynamically
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAdd values from dialog popup to parent page dynamically
    primarykey
    data
    text
    <p>Okay, I know what I need to do...I just can't figure out how to write it. Basically, I have a parent page with a table of categories (let's say colors, numbers, letters). These categories are the fathers of the table. The sons are red, blue, 56, 72, abc, def and so on. I have a nyroModal dialog pop up with drop downs to add new rows to this table. I successfully have new rows added, with the correct drop down values added to the parent table on click of my save button but not under the correct "father". They just add to the end of the table. One of the drop downs in the pop up holds the options to the father categories (select name="chooseFather"), this is the only value I can't figure out how to pass. </p> <pre><code>&lt;select name="chooseFather"&gt; &lt;option value="Colors" id="father3"&gt;Colors&lt;/option&gt; &lt;option value="Numbers" id="father4"&gt;Numbers&lt;/option&gt; &lt;option value="Letters" id="father5"&gt;Letters&lt;/option&gt; &lt;/select&gt; </code></pre> <p>Each of the parent drop down values have an individual id, that match the id of the parent rows. I need something like a dynamic version of <code>$(“#parentId”).children().add(your new children)</code> to capture the chosen drop down value, and place the correct son values in the corresponding part of the table. Here is the code of my save button that transfers my values to the parent table/page.</p> <pre><code>("img.save").click(function () { for(var j=0;j&lt;document.getElementsByName("shoreInfo").length;j++) { parent.updateParent1(document.getElementsByName("select1").item(j).value + '&amp;nbsp;' + document.getElementsByName("text1").item(j).value + '&amp;nbsp; - ' + document.getElementsByName("select2").item(j).value, document.getElementsByName("chooseFather").item(j).value); } parent.$.nmTop().close(); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. UStriplethreat77
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COnot sure what table structure looks like exactly but you probably want to use `insertafter()` or `after()` methods if inserting directly after a row. If inserting into sub table `append()` to proper table. Very hard to help without seeing html and a demo on jsfiddle.net would really help. Could create simple demo without the modal
      singulars
      1. POAdd values from dialog popup to parent page dynamically
      1. UScharlietfl
    2. COHow do I go about creating a dialog on jsfiddle?
      singulars
      1. POAdd values from dialog popup to parent page dynamically
      1. UStriplethreat77
    3. COcan't you skip the dialog for simple demo? Otherwise can use `Additional resources` to dd scripts and css
      singulars
      1. POAdd values from dialog popup to parent page dynamically
      1. UScharlietfl
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload