Databases
StackOverflow2013
Postsdbo
POPre-Select Images when opening WordPress 3.5 media manager
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPre-Select Images when opening WordPress 3.5 media manager
    primarykey
    data
    text
    <p>I've been playing around with the new media manager in WordPress and had some fun with it, but have reached the point where I'm banging my head against a wall.</p> <p>I have a custom meta box that I'd like to store some images in (well it's a hidden input and I'm currently storing their ID's, but could equally be the image objects), then making an AJAX call to show some thumbnails, which I have subsequently made draggable so users can reorder (not necessarily relevant just some background).</p> <p>My problem is that when I open the media manager, no images are selected, so if a user wants to edit the pictures in their gallery they need to select them all again.</p> <p>What I'm trying to figure out, is how do I open the media manager with the current images passed through so they are pre-selected.</p> <p>So, broadly, my code looks like this</p> <pre><code>jQuery('#myButton').click(function(e) { e.preventDefault(); frame = wp.media({ title : 'My Gallery Title', multiple : true, library : { type : 'image'}, button : { text : 'Insert' }, }); frame.on('close',function() { // get selections and save to hidden input plus other AJAX stuff etc. } frame.open(); }); </code></pre> <p>My thought is that there must be either a parameter to pass into the frame (probably a JSON object of the images, or I need to create an event for </p> <pre><code>frame.on('open', function() { // Set selected images } </code></pre> <p>But I have tried both ways round and am not getting anywhere.</p> <p>It would appear possible, as changing the 'Featured Image' takes you to the library with the current one selected - I've just been unable to understand the core code sufficiently yet and hope someone else has !</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMark
    1. USMark
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPre-Select Images when opening WordPress 3.5 media manager
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POPre-Select Images when opening WordPress 3.5 media manager
      1. USjanw
      1. VTFavorite
    3. VO
      singulars
      1. POPre-Select Images when opening WordPress 3.5 media manager
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI'm want to know exactly this. Also diving into this, I'll let you know if I have more luck then yoiu ;)
      singulars
      1. POPre-Select Images when opening WordPress 3.5 media manager
      1. USjanw
    2. COhow do you get the selections at `frame.on('close',.....` ?
      singulars
      1. POPre-Select Images when opening WordPress 3.5 media manager
      1. USjanw
    3. COI have used images = frame.state().get('selection'); - but using set('selection') doesn't seem to work on the open event.
      singulars
      1. POPre-Select Images when opening WordPress 3.5 media manager
      1. USMark
 

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