第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Django鏈接表行查看

Django鏈接表行查看

qq_笑_17 2024-01-22 14:30:35
編碼新手。我正在使用 django 框架創(chuàng)建一個庫存表。我希望能夠單擊表行(這是一部分),然后將該行/部分信息解析為詳細(xì)視圖。據(jù)我了解,表行是內(nèi)聯(lián)元素,內(nèi)聯(lián)元素是偽代碼,當(dāng)前的 HTML 不允許拋出錨標(biāo)記(不好的做法?),所以我需要使用一些 javascript。目前,庫存視圖顯示當(dāng)我使用 runserver ( http://127.0.0.1:8000/inventory/ ) 但單擊任何行時不會執(zhí)行任何操作。這是我到目前為止所擁有的;庫存.html{% extends "base.html" %}{% block body %}<br><table class="table table-hover">    <thead>    <tr>        <th>Part Number</th>        <th>Description</th>        <th>Location</th>        <th>Supplier</th>        <th>S.O.H</th>    </tr>    </thead>    <tbody>    {% for part in parts %}    <!-- need to make these table rows link to their respective parts    class="table_row" href="{{ selected_part.partnumber }}/detail">{{ selected_part.partnumber }}-->    <tr data-href="{% url 'detail' part.pk %}">        <td>{{ part.pk }}</td>        <td>{{ part.partnumber }}</td>        <td>{{ part.description }}</td>        <td>{{ part.location }}</td>        <td>{{ part.supplier }}</td>        <td>{{ part.stockonhand }}</td>    </tr>    {% endfor %}    </tbody></table>{% endblock %}urls.pyfrom django.urls import pathfrom .views import *urlpatterns = [    path('inventory/', inventory_list, name='inventory'),  # URL path for inventory_list view    path('<str:pk>/', part_information, name='detail'),    path('', index, name='index'),]自定義.js$('tr[data-href]').on("click", function() {    document.location = $(this).data('href');});base.html 在標(biāo)簽<script src="/docs/4.4/dist/js/custom.js"></script>之前</body>。我認(rèn)為問題出在我的 javascript 文件中。我對此很陌生,非常感謝簡化的解釋
查看完整描述

1 回答

?
料青山看我應(yīng)如是

TA貢獻(xiàn)1772條經(jīng)驗 獲得超8個贊

在您的 custom.js 文件中使用以下內(nèi)容。當(dāng)頁面加載時,此函數(shù) $(document).ready() 被執(zhí)行,初始化 tr 的“點擊時”操作


    $(document).ready(function(){

      $('table tr').click(function(){

        window.location = $(this).data('href');

        return false;

      });

    });


查看完整回答
反對 回復(fù) 2024-01-22
  • 1 回答
  • 0 關(guān)注
  • 169 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號