Dynamiczne dodawanie pól formularza Widget

Próbuję dynamicznie dodać pole formularza do widżetu WordPress. Jeśli więc użytkownik chce dodać inną datę do wydarzenia, może kliknąć przycisk, aby uzyskać więcej pól.

Pytanie brzmi: jak zapisać nowo utworzone pola wejściowe do mojej bazy danych? Czy muszę napisać niestandardową funkcję aktualizacji? Jakieś wskazówki?

Tak wygląda widget:

To jest mój kod php dla widgetu (jak dotąd):

    class Spillelister extends WP_Widget {

    public function Spillelister() {

        $widget_options = array (
            'classname' => 'spillelister-widget',
            'description' => 'Widget for å illustrere spillelister.');

        parent::WP_Widget('spillelister_widget', 'Spilleplan', $widget_options);
    }

    // The actual widget user interface
    public function widget($args, $instance) {

        extract( $args, EXTR_SKIP);
        $title = ( $instance['title'] ) ? $instance['title'] : 'Spilleplan';
        $body = ( $instance['body'] ) ? $instance['body'] : 'Ingen flere forestillinger';

        ?>

            <?php echo $before_widget; ?>
            <?php echo $before_title . $title . $after_title; ?>
            <p><?php echo $body; ?></p>

        <?php
    }

    public function update() {

    }

    public function form() {
    ?>
        <div class="date_stamp">
        <p>
            <label>Dato</label> <input type="text" class="datepicker">
            <br>
            <label>Tid</label> <input type="text">
            <span class="remove">Remove</span>
        </p>
        </div>
        <p>
            <span class="add">Add fields</span>
        </p>

    <?php 
    }


}

function spillelister_init() {
    register_widget('Spillelister');    
}
add_action('widgets_init', 'Spillelister_init');

Wszelkie wskazówki, wskazówki i odpowiedzi są mile widziane. :)

Interesujące pytanie!
Nigdy nie widziałem powtarzalnych pól używanych w widżetach. Udzielenie pełnej odpowiedzi wymagałoby zbyt dużo pracy / czasu, dlatego dam ci linki do znanych mi zasobów i mam nadzieję, że wykonasz tę pracę i udostępnisz nam rozwiązanie;)

Wszystkie te przykłady dotyczą Meta Boxów, musisz skopiować skrypty jQuery i dostosować je post_metado skrzynki widżetów.

• W razie potrzeby utwórz więcej Meta-skrzynek - pytania i odpowiedzi WPSE

• Powtarzalne pola niestandardowe w metaboksie - Gist

  /**
   * Repeatable Custom Fields in a Metabox
   * Author: Helen Hou-Sandi
   *
   * From a bespoke system, so currently not modular - will fix soon
   * Note that this particular metadata is saved as one multidimensional array (serialized)
   */

• Powtarzalne pola niestandardowe w metaboksie - inny przykład Gist, bez opisu. Ten jest dość interesujący, ponieważ ma kod do sortowania pól.

To jest przykład dynamicznego widgetu, który renderuje dwa pola (image-id i url). jeśli wpiszesz identyfikator obrazu i naciśniesz „aktualizacja”, zostaną dodane dwa nowe pola. Zbudowałem go, aby stworzyć zręczny slilder z obrazami i połączonymi adresami URL.

<?php

class imp_image_slider extends WP_Widget
{
/**
 * imp_image_slider constructor.
 */
public function __construct()
{
    parent::__construct(false, $name = "Impulse Image Slider", array("description" => "Creates Slick Image Slider"));
}

/**
 * @see WP_Widget::widget
 *
 * @param array $args
 * @param array $instance
 */
public function widget($args, $instance)
{
// render widget in frontend
}


/**
 * @see WP_Widget::update
 *
 * @param array $newInstance
 * @param array $oldInstance
 *
 * @return array
 */
public function update($newInstance, $oldInstance)
{
    $instance = $oldInstance;
    $instance['images'] = array();
    $instance['urls'] = array();
    if (isset($newInstance['images'])) {
        foreach ($newInstance['images'] as $key => $value) {
            if (!empty(trim($value))) {
                $instance['images'][$key] = $value;
                $instance['urls'][$key] = $newInstance['urls'][$key];
            }
        }
    }

    return $instance;
}

/**
 * @see WP_Widget::form
 *
 * @param array $instance
 */
public function form($instance)
{
    $images = isset($instance['images']) ? $instance['images'] : array();
    $urls = isset($instance['urls']) ? $instance['urls'] : array();
    $images[] = '';
    $form = '';

    foreach ($images as $idx => $value) {
        $image = isset($images[$idx]) ? $images[$idx] : '';
        $url = isset($urls[$idx]) ? $urls[$idx] : '';
        $form .= '<p>'
            . '<label>Slides:</label>'
            . sprintf(
                '<input type="text" name="%1$s[%2$s]" value="%3$s" class="widefat" placeholder="Image ID">',
                $this->get_field_name('images'),
                $idx,
                esc_attr($image))
            . '</p>'
            . '<p>'
            . sprintf(
                '<input type="text" name="%1$s[%2$s]" value="%3$s" class="widefat" placeholder="Url">',
                $this->get_field_name('urls'),
                $idx,
                esc_attr($url))
            . '</p>';
    }

    echo $form;
}
}

add_action('widgets_init', create_function('', 'return register_widget("imp_image_slider");'));

?>