0

我在 JS 中有这段代码。数据结果通过 Presenter 的句柄加载。

      $('.selectTypeAhead').select2({
            multiple: true,
            ajax: {
                url: url,
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        query: params.term,
                        page: params.page || 1
                    };
                },
                processResults: function (data, params) {
                    return {
                        results: JSON.parse(data.results),
                        pagination: {
                            more: true
                        }
                    };
                },
                cache: true
            },
            escapeMarkup: function (markup) {
                return markup;
            },
            minimumInputLength: 2,
            language: 'cs',
            templateResult: function (result) {
                return '<div>' + result.text + '</div>'
            },
            templateSelection: formatRepoSelection
        });

        function formatRepoSelection(repo) {
            return repo.full_name || repo.text;
        }


    }
});

处理向 JS 发送数据：

public function handleSelect2Array()
{

    $testData[] = [
        'id'=> '1',
        'text' => 'example'
    ];
    $this->payload->results = json_encode($testData);
    $this->sendPayload();
}

网状工厂

 public function createForm()
{
    $form = new Form();
    $form->addMultiSelect('multiselect', 'label description' );
    $form->addSubmit('send', 'Uložit');
    return $form;
}

演示者的东西

   protected function createComponentForm()
{
    $form = $this->FormFactory->createForm();
    $form->onSuccess[] = [$this, 'FormSucceeded'];     
    return $form;
}

最后，这是我在 nette 中的拿铁咖啡模板：

     <div class="container">
        {snippet examplesnippet}
            {form Form, class=>'form'}
            <div class="modal-body">

                <div n:class="form-group">
                    <div class="input-group" id="select2example" data-link=" 
                     {link select2Array!}">
                        <div class="input-group-addon">
                            {label multiselect}
                        </div>
                            {input multiselect, class=>' form-control selectTypeAhead'}
                    </div>
                </div>
            {/form}
        {/snippet}
      </div>

一切正常。我可以在页面上的多选框中选择多个内容。问题是，当我点击提交按钮时。我从表单中获取所有其他值，但多选返回空数组。我曾尝试在 nette 中使用 ajax 周围的片段和东西，但我发现问题很可能出在 select2 的配置中......我做错了什么？

4

1 回答 1

1

我有同样的问题。当您使用多选时，您还必须在 Nette 端指定值（这可能是出于某些安全原因）。确保两边的 id 相同。:)

网状形式：

$form->addMultiSelect('multiselect', 'label description', [
1 => 'item',
2 => 'another item'
] );

select2 的 JSON 响应：

{
  "results": [
    {
      "id": 1,
      "text": "item"
    },
    {
      "id": 2,
      "text": "another item"
    }
  ],
}
于 2019-06-16T19:56:13.347 回答