Databases
StackOverflow2013
Postsdbo
POBest way to create widget-like ajax page sections?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBest way to create widget-like ajax page sections?
    primarykey
    data
    text
    <p>So, I have a page that is made up of 4 different AJAX containers (meaning they are populated with HTML via AJAX). I have an attachment section that refreshes the section whenever a new upload has been performed. </p> <p>Currently I have a DIV that gets replaced with the content I want, then when I execute some kind of AJAX POST action, it returns with the updated HTML content. In one case, I have an AJAX section that includes an AJAX section that includes and AJAX section. It is a 'quote' screen with a 'location' section which populates with a page for each location attached to the quote...and each location has a 'line item' section that populates with a list of current line items assigned to that location. I have an AJAXform attached to each location that refreshes the line item list when an item is added. Also, I have a form attached to the quote page that refreshes the location list when a location is added.</p> <pre><code>&lt;!-- Quote page --&gt; &lt;div id="locations&gt; &lt;!-- AJAX page listing locations --&gt; &lt;/div&gt; &lt;form id="ajax-form-for-adding-locations"&gt; &lt;input id="location-name" type="text"/&gt; &lt;/form&gt; </code></pre> <hr> <pre><code>&lt;!-- Location page --&gt; &lt;div id="line items"&gt; &lt;!-- AJAX page listing line items for this location --&gt; &lt;/div&gt; &lt;form id="ajax-form-for-adding-line-items"&gt; &lt;input id="item-name" type="text"/&gt; &lt;/form&gt; </code></pre> <p>The nested AJAX sections seems a little excessive to me. Is there a better way to set this up?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTom Tu
    1. USWatermark Studios
    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. VO
      singulars
      1. POBest way to create widget-like ajax page sections?
      1. USCorbin
      1. VTFavorite
    2. VO
      singulars
      1. POBest way to create widget-like ajax page sections?
      1. USWatermark Studios
      1. VTBountyStart
    3. VO
      singulars
      1. POBest way to create widget-like ajax page sections?
      1. USIvan
      1. VTFavorite
    1. CONot sure I fully understand your explaination, but is it within the scope of your application to request both the locations and its line items with the same call? This would eliminate the nested ajax calls.
      singulars
      1. POBest way to create widget-like ajax page sections?
      1. USJeremy Smith
    2. COCurrently I have the quote page getting a list of locations, then each location page is responsible for retrieving the items. I'm not sure if that is more or less efficient than calling locations and items in the same call. I'm just thinking of Web parts with .Net and Google Gadgets and how they can be placed anywhere in an application, passed some parameters, and you're up and running with a consistent AJAX-based view.
      singulars
      1. POBest way to create widget-like ajax page sections?
      1. USWatermark Studios
    3. COIf I understand this correctly...Why can't you just return the list of locations with their info? The server is already aware of the information it needs to send. Why ask it again for the information it could have already sent?
      singulars
      1. POBest way to create widget-like ajax page sections?
      1. USjyore
 

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