Medya kipinde yenileme nasıl tetiklenir


12

Medya kipine yeni bir sekme ekleyen bir eklenti geliştiriyorum ve yeni eklenen ekleri gösteren ekler sekmesinin yenilenmesini tetiklemenin bir yolunu bilmem gerekiyor. Bu kullanıyorum kodu:

wp.media.view.Toolbar.Custom = wp.media.view.Toolbar.extend({
    initialize: function() {
        _.defaults( this.options, {
            event: 'custom_event',
            close: false,
            items: {
                custom_event: {
                    text: wp.media.view.l10n.customButton,
                    style: 'primary',
                    priority: 80,
                    requires: false,
                    click: this.addAttachment
                }
            }
        });

        wp.media.view.Toolbar.prototype.initialize.apply( this, arguments );
    },

    // triggered when the button is clicked
    addAttachment: function(){
        this.controller.state().addAttachment();
        this.controller.setState( 'insert' );
        // I NEED TO TRIGGER A REFRESH OF THE ATTACHMENTS TAB HERE
    }
});

Herhangi bir yardım mutluluk duyacağız. Medya yöntemi belgeleri neredeyse yok denecek kadar azdır.

Teşekkürler


IIRC sadece Omurga / Alt çizgi görünümleridir. Başka bir deyişle, modeli güncellediğinizde, "ModelView" bunu tetiklemesi gerektiği için görünümü kendisi güncellemelidir.
kaiser

Peki, this.controller.state().addAttachment()işlev sadece bir AJAX çağrısı kullanarak wp.media.post(), bu yüzden bu AJAX çağrısından sonra bir yerde varsayımsal bir "model güncellendi" olayı tetiklemek gerekir. Herhangi bir fikir?
leemon

"Herhangi bir fikir?" - Şu anda hayır. Bu, çekirdeği okumak için oldukça fazla zaman harcamak zorunda kaldığım bir şey (şimdi sahip değilim). Yorumunuz hakkında: MarkDown var ("yorum ekle" düğmesinin altındaki "yardım" bölümüne bakın).
kaiser

Yanıtlar:


2

Bu bağlantıyı kontrol edebilirsiniz https://codex.wordpress.org/Javascript_Reference/wp.media

jQuery(function($){

  // Set all variables to be used in scope
  var frame,
      metaBox = $('#meta-box-id.postbox'), // Your meta box id here
      addImgLink = metaBox.find('.upload-custom-img'),
      delImgLink = metaBox.find( '.delete-custom-img'),
      imgContainer = metaBox.find( '.custom-img-container'),
      imgIdInput = metaBox.find( '.custom-img-id' );

  // ADD IMAGE LINK



addImgLink.on( 'click', function( event ){

    event.preventDefault();

    // If the media frame already exists, reopen it.
    if ( frame ) {
      frame.open();
      return;
    }

    // Create a new media frame
    frame = wp.media({
      title: 'Select or Upload Media Of Your Chosen Persuasion',
      button: {
        text: 'Use this media'
      },
      multiple: false  // Set to true to allow multiple files to be selected
    });


    // When an image is selected in the media frame...
    frame.on( 'select', function() {

      // Get media attachment details from the frame state
      var attachment = frame.state().get('selection').first().toJSON();

      // Send the attachment URL to our custom image input field.
      imgContainer.append( '<img src="'+attachment.url+'" alt="" style="max-width:100%;"/>' );

      // Send the attachment id to our hidden input
      imgIdInput.val( attachment.id );

      // Hide the add image link
      addImgLink.addClass( 'hidden' );

      // Unhide the remove image link
      delImgLink.removeClass( 'hidden' );
    });

    // Finally, open the modal on click
    frame.open();
  });


  // DELETE IMAGE LINK
  delImgLink.on( 'click', function( event ){

    event.preventDefault();

    // Clear out the preview image
    imgContainer.html( '' );

    // Un-hide the add image link
    addImgLink.removeClass( 'hidden' );

    // Hide the delete image link
    delImgLink.addClass( 'hidden' );

    // Delete the image id from the hidden input
    imgIdInput.val( '' );

  });

});

1

Denemek:

wp.media.editor.get(wpActiveEditor).views._views[".media-frame-content"][0].views._views[""][1].collection.props.set({ignore:(+(new Date()))})

Daha kolay bir yol olmalı gibi görünüyor ama bu arada benim için çalışıyor!

Bunu yapmanın daha iyi bir yolu:

wp.media.frame.content.get('gallery').collection.props.set({‌​ignore: (+ new Date())});, 

bu durumda galeri sekmesini yeniliyorum.

Yukarıdaki kodların her ikisini de deneyin ve hangisinin sizin için en uygun olduğunu görün.


1
Bu benim için yararlı oldu! Teşekkürler.
Siddhesh Shirodkar

1
evet bu da benim için çalıştı.
Amol Bhandari SJ
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.