私はデータテーブルを持っています。ユーザーがテーブル行をクリックすると{{ content.id }}
が得られ、別の子テーブルがポップアップします。子テーブル内ドロップダウンリストからデータテーブルの行をクリックしてオプションを選択してください
<table id="project-content-datatable" class="display table table-hover table-responsive" style="width: 100%">
<thead>
<tr>
<th class="small text-muted text-uppercase"><strong>ID</strong></th>
<th class="small text-muted text-uppercase"><strong>Name</strong></th>
<th class="small text-muted text-uppercase"><strong>Description</strong></th>
</tr>
</thead>
<tbody>
{% for content in content_list %}
{% if content.search_type.name == searchtype.name %}
<tr class="text-primary">
<td class="text-left" style="cursor: pointer"
onclick='load_workorder({{ content.id }});'>
{{ content.id }}
</td>
<td class="text-left" style="cursor: pointer" onclick='load_workorder({{ content.id }});'>
{{ content.name }} </td>
<td class="text-left"> {{ content.description }} </td>
</tr>
{% endif %}
{% endfor content_list %}
</tbody>
<script>
function load_workorder(content_id) {
workorder_path = "/dashboard/workorder_list/" + content_id + "/?format=json";
workorder_table.api().ajax.url(workorder_path).load();
</script>
私はそれで新しいコンテンツを作成するために、モーダルフォームをポップアップ表示するボタンがあり、その分野の一つは、ドロップダウンForeignKey
フィールドです。
<div class="modal-body">
<div class="field">
<label>Project Type</label>
<select name="parent_project_content" required="" id="id_parent_project_content">
<option value="">---------</option>
<option value="1" selected="">Iron man suit</option>
<option value="2">SEQ 001</option>
<option value="4">SEQ 002</option>
</select>
</div>
<option>
値は{{ content.id }}
.Iに等しいので、どのように私は、ユーザーが{{ content.id }}
クリックに基づいて選択する<option>
を変更することができ、ユーザーからこのフィールドを非表示にします。すべてのヘルプは非常にappreaciatedさ
、おかげ
ありがとう!私はあなたに似た解決策が見つかりましたがタグを使用しますが、あなたのソリューションは、はるかに良いです、ありがとう! –