2012-10-31 55 views
5

每次用戶想要刪除數據時,我都有一個很好的模式顯示刪除確認對話框。問題在於我的許多視圖都呈現了模板中的元素列表,每個元素都有其細節以及微小的刪除紅色按鈕。在Django當然,視圖通過元素模板的列表,例如客戶名單,他們在一個表中呈現類似如下:將值傳遞給Django中的Bootstrap模式

<table class="table table-striped"> 
    <thead> 
     <tr> 
     <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     {% for client in clientes %} 
     <tr> 
      <td>{{ client.email }}</td> 
      <td> 
      <div class="btn-group"> 
       <!-- Delete button --> 
       <a href="#myModal" class="btn btn-danger btn-mini" title="Eliminar"> 
       <i class="icon-trash icon-white"></i></a> 
      </div> 
      </td> 
     </tr> 
     {% endfor %} 
    </tbody> 

我想有一個每次用戶按下刪除按鈕以顯示Bootstrap模式並確認他正在刪除一些數據。現在,我設法使模態出現並刪除用戶,但不是正確的用戶,不知何故,它只能得到,或試圖刪除列表中的第一個用戶。你可以檢查我的整個模板,模態在下面的鏈接:FULL HTML

最後,我的問題是主題相關的傳遞正確的{{客戶}}的模式,而不是第一個客戶的名單上,我想這是因爲for的第一個聲明的模態,然後不再聲明它。

例如,我在表3級的客戶端:

[email protected]   detele-button 
[email protected]   detele-button 
[email protected]   detele-button 

無論什麼客戶端刪除鍵我按,它總是顯示與客戶端1數據的模式,實際上刪除它,如果按確認刪除。

謝謝。

edit1:href不好。

+0

如果每個客戶端的' keithxm23

+0

是的,對不起,該行不正確,它只是例如,我已編輯它,並且完整的HTML顯示我的確切的HTML。謝謝 – PepperoniPizza

+0

我的意思是在嘗試加載頁面後詢問在瀏覽器中生成的HTML。不包含Django模板標籤的那個。在那裏,是爲每個客戶唯一生成的hrefs。 – keithxm23

回答

4

找到了這個答案,實際上得益於keithxm23。

檢查生成的HTML幫助我得到這個正確的。實際上每個模態都正確生成,問題在於每個模態的id屬性都設置爲相同,在這種情況下爲id="myModal",刪除按鈕爲href="#myModal"。解決方案是在整個文檔中將模式id屬性設置爲唯一值,我設法通過設置模式id="{{client.pk}}"和按鈕href="#{{client.pk}}"來實現此目的。

+0

很高興我能幫上忙。 :) – keithxm23