Thêm các trường biểu mẫu Widget một cách linh hoạt

Tôi đang cố gắng tự động thêm trường biểu mẫu vào tiện ích WordPress. Vì vậy, nếu người dùng muốn thêm một ngày khác vào một sự kiện, họ có thể nhấp vào nút để nhận thêm các trường.

Câu hỏi là: Làm thế nào để lưu các trường đầu vào mới được tạo vào cơ sở dữ liệu của tôi? Tôi có cần phải viết một chức năng cập nhật tùy chỉnh? Bất cứ lời khuyên?

Đây là giao diện của widget:

Đây là mã php của tôi cho widget (cho đến nay):

    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');

Bất kỳ lời khuyên, gợi ý hoặc câu trả lời được đánh giá cao. :)

Câu hỏi thú vị!
Tôi chưa bao giờ thấy các trường lặp lại được sử dụng trong Widgets. Trả lời đầy đủ sẽ đòi hỏi quá nhiều công việc / thời gian, vì vậy tôi sẽ cung cấp cho bạn các liên kết đến các tài nguyên tôi biết và hy vọng bạn sẽ thực hiện công việc này và chia sẻ giải pháp với chúng tôi;)

Tất cả các ví dụ này liên quan đến Meta Box, bạn sẽ cần sao chép các tập lệnh jQuery và điều chỉnh post_metatrường hợp Widgets.

• Tạo thêm Meta Box khi cần - Hỏi & Đáp WPSE

• Các trường tùy chỉnh có thể lặp lại trong Metabox - 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)
   */

• Các trường tùy chỉnh có thể lặp lại trong Metabox - Một ví dụ khác về Gist, không có mô tả nào được đưa ra. Điều này khá thú vị vì nó có mã để sắp xếp các trường.

Đây là một ví dụ về tiện ích động kết xuất hai trường (id hình ảnh và url). nếu bạn nhập id hình ảnh và nhấn "cập nhật", hai trường mới sẽ được thêm vào. Tôi xây dựng nó để tạo ra một sl slick với hình ảnh và url được liên kết.

<?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");'));

?>