Answers

• kthorngren Posts: 22,314Questions: 26Answers: 5,130

  November 2017

  There are two that I know of here:
  https://editor.datatables.net/plug-ins/field-type/

  Selectize and Select2. I've used select2 and it works pretty good. I think with either you can type in the select input and filter the options shown.

  Kevin
• allan Posts: 65,308Questions: 1Answers: 10,830 Site admin

  November 2017

  Another option is the built in select field type's multiple option. It uses a simple select element. Select2 and friends, as suggested by Kevin are an excellent step up from that, but they do also add a little more complexity.

  Allan
• gforster Posts: 40Questions: 19Answers: 1

  November 2017

  Having some issues using the multiple option (Namely it is sending:

  Invalid datetime format: 1366 Incorrect integer value: 'Array' for column 'srvrgrp_id' at row 1","data":[],"ipOpts":[],"cancelled":[],"debugSql"....
  

  So, whilst I troubleshoot that, I'm looking at Select2 and Chooser...really like the Pillbox feature of both of them which would solve a bunch of issues for me.

  However, I'm too dense to figure out how to implement and integrate either of these options. Is there a How-To-For-Dummies walkthrough available anywhere? thanks,
• gforster Posts: 40Questions: 19Answers: 1

  November 2017

  Good news: Got multi-select working properly with the normal select. Also, got Select2 implemented and mostly working! (look at that folks, you can teach an old dog!)

  Not-as-good news: Multi-select with Select2 is operating as a single-select (single selects work fine).

  example editor field:

  },{
     label: "Applications:",
     name: "APPS[].id",
     multiple: true,
     type: "select2",
     multiple: true
  },{
  

  Also, this is very minor...but on load of the editor modal window, the first Select2 dropdown displays already dropped-down.
• kthorngren Posts: 22,314Questions: 26Answers: 5,130

  November 2017 edited November 2017

  You have multiple twice in the config. Probably doesn't hurt anything though. But with Select2 you may need to use opts object for the multiple option. Here is an example of what I use:

          {
              "type": "select2",
              "label": "Page List:",
              "name": "main.fk_test_page_lists_list[]",
              "opts": {
                  "multiple": true,
                  "placeholder": "Select Device Types"
              }
          }
  

  the first Select2 dropdown displays already dropped-down.

  I haven't run into this. Maybe others have ideas.

  Kevin