DualSelector

[SaarWolf]

I want to use the DualSelector-Widget with a many-to-many relation.

Model:

class Tag(models.Model):
    id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False)
    tag = models.CharField(
        max_length=20,
        verbose_name=_("Tag"),
    )

class Page(models.Model):
    id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False)
    description = models.CharField(
        _("description"), max_length=80, unique=True, blank=False
    )
    tags = models.ManyToManyField(Tag)
    ...

Form:

...
tags = forms.ModelMultipleChoiceField(
        label=_("tags"),
        queryset=Tag.objects.all(),
        widget=DualSelector(search_lookup="tags__icontains"),
    )
...

I get the widget - but no entries. The value is in the html but not shown in the widget.

...
 <select is="django-dual-selector" name="tags"  required form="id_pageform" id="id_tags" multiple>
                    <option value="5a8067b7-9555-4e58-b55e-7bddbf82a0ee">System</option>
 </select>
...

Btw: I tried the RichTextarea but there wasn't a connection between the control elements and the text area.

Any tip, what I've done wrong?

[jrief]

Please add a full example to the testapp and point me onto your fork. Take one of the provided examples as starting point.

Btw: I tried the RichTextarea but there wasn't a connection between the control elements and the text area.

does this have anything to do with the main question?

[SaarWolf]

I tried to use the testapp. First installed the requirements.

As I tried npm install django-formset, I got the following output:

npm warn deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm warn deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated @types/cssnano@5.1.0: This is a stub types definition. cssnano provides its own type definitions, so you do not need this installed.

added 792 packages, and audited 793 packages in 17s

115 packages are looking for funding
  run `npm fund` for details

5 vulnerabilities (1 moderate, 4 high)

To address issues that do not require attention, run:
  npm audit fix

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

In the output of collectstatic i got:

System check identified some issues:

WARNINGS:
?: (staticfiles.W004) The directory '/home/wolfgang/devel/tests/django-formset-releases-1.5/docs/build/json' in the STATICFILES_DIRS setting does not exist.

You have requested to collect static files at the destination
location as specified in your settings:

    /home/wolfgang/devel/tests/django-formset-releases-1.5/workdir/static

This will overwrite existing files!
Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: yes

17470 static files copied to '/home/wolfgang/devel/tests/django-formset-releases-1.5/workdir/static', 404 unmodified.

As I started the development server and tested some examples I got:

[2024-12-05 12:47:09,352 autoreload] INFO: Watching for file changes with StatReloader
Performing system checks...

System check identified some issues:

WARNINGS:
?: (staticfiles.W004) The directory '/home/wolfgang/devel/tests/django-formset-releases-1.5/docs/build/json' in the STATICFILES_DIRS setting does not exist.

System check identified 1 issue (0 silenced).
December 05, 2024 - 12:47:09
Django version 5.1.4, using settings 'settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

[2024-12-05 12:47:15,807 basehttp] INFO: "GET /bootstrap/ HTTP/1.1" 200 3804
[2024-12-05 12:47:15,838 log] WARNING: Not Found: /static/formset/css/collections.css
[2024-12-05 12:47:15,840 log] WARNING: Not Found: /static/testapp/css/debug.css
[2024-12-05 12:47:15,840 basehttp] WARNING: "GET /static/formset/css/collections.css HTTP/1.1" 404 179
[2024-12-05 12:47:15,842 log] WARNING: Not Found: /static/formset/js/django-formset.js
[2024-12-05 12:47:15,843 basehttp] WARNING: "GET /static/testapp/css/debug.css HTTP/1.1" 404 179
[2024-12-05 12:47:15,843 basehttp] WARNING: "GET /static/formset/js/django-formset.js HTTP/1.1" 404 179
[2024-12-05 12:47:18,253 basehttp] INFO: "GET /bootstrap/company HTTP/1.1" 200 14342
[2024-12-05 12:47:18,301 log] WARNING: Not Found: /static/testapp/css/bootstrap.css
[2024-12-05 12:47:18,302 basehttp] WARNING: "GET /static/testapp/css/bootstrap.css HTTP/1.1" 404 179
[2024-12-05 12:47:18,308 log] WARNING: Not Found: /static/testapp/css/utils.css
[2024-12-05 12:47:18,311 log] WARNING: Not Found: /static/formset/js/django-formset.js
[2024-12-05 12:47:18,312 basehttp] WARNING: "GET /static/testapp/css/utils.css HTTP/1.1" 404 179
[2024-12-05 12:47:18,313 basehttp] WARNING: "GET /static/formset/js/django-formset.js HTTP/1.1" 404 179
[2024-12-05 12:47:25,856 basehttp] INFO: "GET /bootstrap/poll HTTP/1.1" 200 16128
[2024-12-05 12:47:25,888 log] WARNING: Not Found: /static/testapp/css/bootstrap.css
[2024-12-05 12:47:25,888 basehttp] WARNING: "GET /static/testapp/css/bootstrap.css HTTP/1.1" 404 179
[2024-12-05 12:47:25,901 log] WARNING: Not Found: /static/testapp/css/utils.css
[2024-12-05 12:47:25,904 log] WARNING: Not Found: /static/formset/js/django-formset.js
[2024-12-05 12:47:25,905 basehttp] WARNING: "GET /static/testapp/css/utils.css HTTP/1.1" 404 179
[2024-12-05 12:47:25,906 basehttp] WARNING: "GET /static/formset/js/django-formset.js HTTP/1.1" 404 179

It looks like that in the browser:

Btw: I tried the RichTextarea but there wasn't a connection between the control elements and the text area.

does this have anything to do with the main question?

No. I thought that maybe could be a hint.

[jrief]

The documentation states nowhere to npm install django-formset. Where did you get that from?

The JavaScript library is shipped through PyPI, you don't need any npm to install django-formset.