質問編集履歴

以下を変更しました。タイトル、質問内容、model.py,forms.py,html

2020/09/02 23:57

投稿

RAION

スコア8

test CHANGED Viewed

	@@ -1 +1 @@
1	- ~~多対多~~で~~紐づけたフィールドのデータ~~を選択して~~フォームから~~入力を行いたい
1	+ DjangoでbootstrapDualListbox()を使用して入力を行いたい

test CHANGED Viewed

@@ -1,3 +1,395 @@
+●修正後の質問２
+【やりたいこと】
+DjangoでbootstrapDualListbox()を使用して入力を行いたい
+【現在の状況】
+djangoを使用してtodoリストのようなものを作成しようとしております。
+モデルPost　と　モデルSyainTable　はmany to many で紐づけしております。
+モデルPostのmust_workerにtodoを行う関係者を入力したく、名前を選択してフォームから入力しようとしております。
+入力の際にbootstrapDualListbox()を使用し、リストボックスからリストボックスへの移動をすることで入力を行いたいのですが、上手くいっておりません。
+【詰まっているところ】
+forms.py のウィジットを定義するところに加えればよいかと考えたのですが
+定義されていないというエラーになりました
+どこからインポートすればよいかを教えて頂けないでしょうか
+（ネットで類似を検索したのですが見つけることができませんでした）
+---
+```python
+view.py
+def post_edit(request, pk):
+    form = PostForm(request.POST)
+    context = {'form': form}
+    post = get_object_or_404(Post, pk=pk)
+    must_workers = post.must_worker.all()
+    if request.method == "POST":#html からpostされたときに通すルート
+        form = PostForm(request.POST, instance=post)
+        formset = MustWokerlineFormSet(request.POST, instance=post)
+        if form.is_valid():#ここで選択されたリストをDBに反映したい
+            listret = request.POST.getlist("sample22")
+            post = form.save(commit=False)
+            post.author = request.user
+            post.published_date = timezone.now()
+            post.save()
+            formset.save()
+            return redirect('post_detail', pk=post.pk)
+    else:
+        form = PostForm(instance=post)
+        context = {'form': form}
+        context['formset'] = MustWokerlineFormSet(instance=post)
+        context['must_workers'] = must_workers
+        context['must_workers_count'] = must_workers.count()
+        #formset = MustWokerlineFormSet(instance=post)
+    return render(request, 'blog/post_edit.html', context)
+```
+```python
+forms.py
+import bootstrap_datepicker_plus as datetimepicker
+#import bootstrapDualListbox
+from django import forms
+from .models import Post,SyainTable
+class SyainTableForm(forms.ModelForm):
+    class Meta:
+        model = SyainTable
+        fields = ('name', )
+        labels = {
+        	'name': '名前',
+        }
+class PostForm(forms.ModelForm):
+    class Meta:
+        model = Post
+        fields = ('title','text','title2','fixed_date','compleat_date', 'must_worker',)
+        widgets = {
+            'fixed_date': datetimepicker.DateTimePickerInput(
+                format='%Y-%m-%d %H:%M:%S',
+                options={
+                    'locale': 'ja',
+                    'dayViewHeaderFormat': 'YYYY年 MMMM',
+                }
+            ),
+            'compleat_date': datetimepicker.DateTimePickerInput(
+                format='%Y-%m-%d %H:%M:%S',
+                options={
+                    'locale': 'ja',
+                    'dayViewHeaderFormat': 'YYYY年 MMMM',
+                }
+            ),
+            #ここ作成途中ブートストラップを入れ込みたい
+            #'must_worker': bootstrapDualListbox(),
+        }
+        labels = {
+        	'title': 'Todoタイトル',
+        	'text': 'Todo詳細',
+        	'title2': '記入者',
+        	'fixed_date': '期日',
+        	'compleat_date': '完了日',
+            'must_worker': '対象者',
+        }
+        exclude = ('SyainTable',)
+```
+```python
+model.py
+from django.db import models
+from django.utils import timezone
+class Post(models.Model):
+    author = models.ForeignKey('auth.User',on_delete=models.CASCADE)
+    title = models.CharField(max_length=200)
+    title2 = models.CharField(max_length=200)
+    text = models.TextField()
+    created_date = models.DateTimeField(
+            default=timezone.now)
+    published_date = models.DateTimeField(
+            blank=True, null=True)
+    fixed_date = models.DateTimeField(
+            blank=True, null=True)
+    compleat_date = models.DateTimeField(
+            blank=True, null=True)
+    must_worker = models.ManyToManyField("SyainTable", related_name="must")
+    def publish(self):
+        self.published_date = timezone.now()
+        self.save()
+    def __str__(self):
+        return self.title
+#社員テーブル
+class SyainTable(models.Model):
+    SyainNo = models.IntegerField(primary_key=True)
+    name = models.CharField(max_length=20)
+    def __str__(self):#このﾒｿｯﾄﾞで管理画面等で表示するものを決めてます
+        return self.name
+```
+```HTML
+post_edit.html
+{% extends 'blog/base.html' %}
+{% block content %}
+<div id="content" class="colM">
+    <h1>編集</h1>
+    <form method="POST" class="post-form">{% csrf_token %}
+        <h2>対象者入力</h2>
+        <select multiple="multiple" size="{{must_workers_count}}" id="sample"><!--セレクトボックスに社員テーブルに名前がある人を表示する-->
+            {% for must_worker in must_workers %}
+              <option value="option{{ forloop.counter }}">{{must_worker.name}} </option>
+            {% endfor %}
+        </select>
+        {{ form.as_p }}
+        <h2>追加部分</h2>
+        {{ formset.management_form }}
+        {% for nnfile_form in formset %}
+            {{ nnfile_form.as_p }}
+            <hr>
+        {% endfor %}
+        <button type="submit" class="save btn btn-default">Save</button><!--これを実行したあとは呼び元のVIEWに戻る-->
+    </form>
+</div>
+{% endblock %}
+```
+---
+以下は修正前の質問をメモとして残しているだけで参照不要です。
+●修正後の質問１
+djangoを使用してtodoリストのようなものを作成しようとしております。
+モデルPost　と　モデルSyainTable　はmany to many で紐づけしております。
+モデルPostのmust_workerにtodoを行う関係者を入力したく、名前を選択してフォームから入力したいというのがやりたいことになります。
+現在できているところは
+htmlの以下の箇所で
+        {% for nnfile_form in formset %}
+            {{ nnfile_form.as_p }}
+            <hr>
+        {% endfor %}
+紐づけたものを使い、入力フォームを表示させているのですが、object1,object2という、社員テーブルの行を表示したような
+セレクトボックスの表示となり、名前を表示しての選択ができませんでした
+ここで名前を選択して入力させるにはどのようにしたらよいでしょうか。
 ●修正前の質問
 タイトル：「リストボックスで選択した値をview.pyで参照する方法を知りたい」
@@ -21,327 +413,3 @@
 ---
-●修正後の質問
-djangoを使用してtodoリストのようなものを作成しようとしております。
-モデルPost　と　モデルSyainTable　はmany to many で紐づけしております。
-モデルPostのmust_workerにtodoを行う関係者を入力したく、名前を選択してフォームから入力したいというのがやりたいことになります。
-現在できているところは
-htmlの以下の箇所で
-        {% for nnfile_form in formset %}
-            {{ nnfile_form.as_p }}
-            <hr>
-        {% endfor %}
-紐づけたものを使い、入力フォームを表示させているのですが、object1,object2という、社員テーブルの行を表示したような
-セレクトボックスの表示となり、名前を表示しての選択ができませんでした
-ここで名前を選択して入力させるにはどのようにしたらよいでしょうか。
----
-```python
-view.py
-def post_edit(request, pk):
-    form = PostForm(request.POST)
-    context = {'form': form}
-    post = get_object_or_404(Post, pk=pk)
-    must_workers = post.must_worker.all()
-    if request.method == "POST":#html からpostされたときに通すルート
-        form = PostForm(request.POST, instance=post)
-        formset = MustWokerlineFormSet(request.POST, instance=post)
-        if form.is_valid():#ここで選択されたリストをDBに反映したい
-            listret = request.POST.getlist("sample22")
-            post = form.save(commit=False)
-            post.author = request.user
-            post.published_date = timezone.now()
-            post.save()
-            formset.save()
-            return redirect('post_detail', pk=post.pk)
-    else:
-        form = PostForm(instance=post)
-        context = {'form': form}
-        context['formset'] = MustWokerlineFormSet(instance=post)
-        context['must_workers'] = must_workers
-        context['must_workers_count'] = must_workers.count()
-        #formset = MustWokerlineFormSet(instance=post)
-    return render(request, 'blog/post_edit.html', context)
-```
-```python
-forms.py
-import bootstrap_datepicker_plus as datetimepicker
-from django import forms
-from .models import Post,SyainTable
-class SyainTableForm(forms.ModelForm):
-    class Meta:
-        model = SyainTable
-        fields = ('name', )
-        labels = {
-        	'name': '名前',
-        }
-class PostForm(forms.ModelForm):
-    class Meta:
-        model = Post
-        fields = ('title','text','title2','fixed_date','compleat_date', )
-        widgets = {
-            'fixed_date': datetimepicker.DateTimePickerInput(
-                format='%Y-%m-%d %H:%M:%S',
-                options={
-                    'locale': 'ja',
-                    'dayViewHeaderFormat': 'YYYY年 MMMM',
-                }
-            ),
-            'compleat_date': datetimepicker.DateTimePickerInput(
-                format='%Y-%m-%d %H:%M:%S',
-                options={
-                    'locale': 'ja',
-                    'dayViewHeaderFormat': 'YYYY年 MMMM',
-                }
-            ),
-        }
-        labels = {
-        	'title': 'Todoタイトル',
-        	'text': 'Todo詳細',
-        	'title2': '記入者',
-        	'fixed_date': '期日',
-        	'compleat_date': '完了日',
-        }
-        exclude = ('SyainTable',)
-MustWokerlineFormSet = forms.inlineformset_factory(
-    Post, Post.must_worker.through, fields='__all__', can_delete=False,max_num=3
-)
-```
-```python
-model.py
-from django.db import models
-from django.utils import timezone
-class Post(models.Model):
-    author = models.ForeignKey('auth.User',on_delete=models.CASCADE)
-    title = models.CharField(max_length=200)
-    title2 = models.CharField(max_length=200)
-    text = models.TextField()
-    created_date = models.DateTimeField(
-            default=timezone.now)
-    published_date = models.DateTimeField(
-            blank=True, null=True)
-    fixed_date = models.DateTimeField(
-            blank=True, null=True)
-    compleat_date = models.DateTimeField(
-            blank=True, null=True)
-    must_worker = models.ManyToManyField("SyainTable", related_name="must")
-    def publish(self):
-        self.published_date = timezone.now()
-        self.save()
-    def __str__(self):
-        return self.title
-#社員テーブル
-class SyainTable(models.Model):
-    SyainNo = models.IntegerField(primary_key=True)
-    name = models.CharField(max_length=20)
-```
-```HTML
-post_edit.html
-{% extends 'blog/base.html' %}
-{% block content %}
-<div id="content" class="colM">
-    <h1>編集</h1>
-    <form method="POST" class="post-form">{% csrf_token %}
-        {{ form.as_p }}
-        <h2>追加部分</h2>
-        {{ formset.management_form }}
-        {% for nnfile_form in formset %}
-            {{ nnfile_form.as_p }}
-            <hr>
-        {% endfor %}
-        <button type="submit" class="save btn btn-default">Save</button>
-    </form>
-</div>
-{% endblock %}
-```

タイトル変更、画像イメージ削除、修正後の質問を追記、ソース：forms.py,model.pyの追加

2020/09/02 23:57

投稿

RAION

スコア8

test CHANGED Viewed

	@@ -1 +1 @@
1	- ~~リストボックス~~で選択した値を~~view.pyで参照する方法を知り~~たい
1	+ 多対多で紐づけたフィールドのデータを選択してフォームから入力を行いたい

test CHANGED Viewed

@@ -1,3 +1,7 @@
+●修正前の質問
+タイトル：「リストボックスで選択した値をview.pyで参照する方法を知りたい」
 bootstrapDualListboxを使用して
 以下画像のような、選択前から選択済に移動させるタイプのリストボックスを表示したのですが
@@ -14,13 +18,41 @@
 ---
+●修正後の質問
+djangoを使用してtodoリストのようなものを作成しようとしております。
+モデルPost　と　モデルSyainTable　はmany to many で紐づけしております。
+モデルPostのmust_workerにtodoを行う関係者を入力したく、名前を選択してフォームから入力したいというのがやりたいことになります。
+現在できているところは
+htmlの以下の箇所で
+        {% for nnfile_form in formset %}
+            {{ nnfile_form.as_p }}
-**画面イメージ**
+            <hr>
+        {% endfor %}
-![イメージ説明](721554442897a2200d8083e7d50baa1c.png)
+紐づけたものを使い、入力フォームを表示させているのですが、object1,object2という、社員テーブルの行を表示したような
+セレクトボックスの表示となり、名前を表示しての選択ができませんでした
+ここで名前を選択して入力させるにはどのようにしたらよいでしょうか。
@@ -88,6 +120,184 @@
 ```
+```python
+forms.py
+import bootstrap_datepicker_plus as datetimepicker
+from django import forms
+from .models import Post,SyainTable
+class SyainTableForm(forms.ModelForm):
+    class Meta:
+        model = SyainTable
+        fields = ('name', )
+        labels = {
+        	'name': '名前',
+        }
+class PostForm(forms.ModelForm):
+    class Meta:
+        model = Post
+        fields = ('title','text','title2','fixed_date','compleat_date', )
+        widgets = {
+            'fixed_date': datetimepicker.DateTimePickerInput(
+                format='%Y-%m-%d %H:%M:%S',
+                options={
+                    'locale': 'ja',
+                    'dayViewHeaderFormat': 'YYYY年 MMMM',
+                }
+            ),
+            'compleat_date': datetimepicker.DateTimePickerInput(
+                format='%Y-%m-%d %H:%M:%S',
+                options={
+                    'locale': 'ja',
+                    'dayViewHeaderFormat': 'YYYY年 MMMM',
+                }
+            ),
+        }
+        labels = {
+        	'title': 'Todoタイトル',
+        	'text': 'Todo詳細',
+        	'title2': '記入者',
+        	'fixed_date': '期日',
+        	'compleat_date': '完了日',
+        }
+        exclude = ('SyainTable',)
+MustWokerlineFormSet = forms.inlineformset_factory(
+    Post, Post.must_worker.through, fields='__all__', can_delete=False,max_num=3
+)
+```
+```python
+model.py
+from django.db import models
+from django.utils import timezone
+class Post(models.Model):
+    author = models.ForeignKey('auth.User',on_delete=models.CASCADE)
+    title = models.CharField(max_length=200)
+    title2 = models.CharField(max_length=200)
+    text = models.TextField()
+    created_date = models.DateTimeField(
+            default=timezone.now)
+    published_date = models.DateTimeField(
+            blank=True, null=True)
+    fixed_date = models.DateTimeField(
+            blank=True, null=True)
+    compleat_date = models.DateTimeField(
+            blank=True, null=True)
+    must_worker = models.ManyToManyField("SyainTable", related_name="must")
+    def publish(self):
+        self.published_date = timezone.now()
+        self.save()
+    def __str__(self):
+        return self.title
+#社員テーブル
+class SyainTable(models.Model):
+    SyainNo = models.IntegerField(primary_key=True)
+    name = models.CharField(max_length=20)
+```
 ```HTML
 post_edit.html
@@ -124,56 +334,6 @@
-        <h2>追加部分その３</h2>
-        <select multiple="multiple" size="{{must_workers_count}}" id="sample">
-            {% for must_worker in must_workers %}
-              <option value="option{{ forloop.counter }}">{{must_worker.name}} </option>
-            {% endfor %}
-        </select>
-          <script type="text/javascript">
-            var demo1 = $('#sample').bootstrapDualListbox({
-            filterTextClear:'全件表示',
-            filterPlaceHolder:'検索',
-            moveSelectedLabel:'選択済みに移動',
-            moveAllLabel:'選択済みに全て移動',
-            removeSelectedLabel:'選択を解除',
-            removeAllLabel:'選択を全て解除',
-            moveOnSelect: false,
-            nonSelectedListLabel: '一覧',
-            selectedListLabel: '選択済み一覧',
-            infoText:'{0}件',
-            showFilterInputs:true,
-            infoTextEmpty:'0件',
-            infoTextFiltered:'{1}件中{0}件表示',
-            });
-        </script>
         <button type="submit" class="save btn btn-default">Save</button>
     </form>