html模板 循環里if,django模板里循環變量table里想要兩個一行如何控制

2016-8-3 周三

做項目時遇到的問題:

每個div由循環變量輸出:

{% for key,value in formextenddetail %}

{{ key }}

{{ value }}

{% endfor %}

但是我想兩個div一行,使用

...

這種樣子

因為我負責的是前端,views這些不是很熟悉,想在template里直接控制,搜一下發現居然還不用直接用乘除或者mod計算,囧。

參考文章:http://blog.csdn.net/rain_qingtian/article/details/41076151

容易知道,Django模版加法:

{{ value|add:10}}

value=5,則返回15 Django模版減法:

{{value|add:-10}}

value=5,則返回-5,這個比較好理解,減法就是加一個負數 Django模版乘法:

{% widthratio5 1 100 %}

上面的代碼表示:5/1 *100,返回500,widthratio需要三個參數,它會使用 參數1/參數2*參數3,所以要進行乘法的話,就將參數2=1即可 Django模版除法

{% widthratio5 100 1 %}

上面的代碼表示:5/100*1,返回0.05,只需要將第三個參數設置為1即可。

但是這些方法用在除余很麻煩。

解決方案:divisibleby標簽!

用django的divisibleby標簽實現,如下:

{% for each in somelist %}

{% if forloop.counter|divisibleby:2 %}

{% else %}

{% endif %}

{% endfor %}

divisibleby標簽的意義是用后面的參數去除,除盡為True,否則為False。

所以,我的代碼改為:

{% for key,value in formextenddetail %}

{% if forloop.counter|divisibleby:'2' %}

{{ key }}

{{ value }}

{% else %}

{{ key }}

{{ value }}

{% endif %}

{% endfor %}

這個解決方案同樣可以用在換行變樣式的情況等!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/277183.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/277183.shtml
英文地址,請注明出處:http://en.pswp.cn/news/277183.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

ASP.NET Core Windows 環境配置 - ASP.NET Core 基礎教程 - 簡單教程,簡單編程

原文:ASP.NET Core Windows 環境配置 - ASP.NET Core 基礎教程 - 簡單教程,簡單編程 ASP.NET Core Windows 環境配置 ASP.NET Core 是對 ASP.NET 有重大意義的一次重新設計。本章節我們將介紹 ASP.NET Core 中的一些新的概念和它們是如何幫助我們開發現代化的 Web 應…

Prim算法求最小生成樹

給定一個n個點m條邊的無向圖,圖中可能存在重邊和自環,邊權可能為負數。 求最小生成樹的樹邊權重之和,如果最小生成樹不存在則輸出impossible。 給定一張邊帶權的無向圖G(V, E),其中V表示圖中點的集合,E表示圖中邊的集合…

用installshield打包的asp.net程序

現在需要打包一個asp.net程序,具體要求如下:1、動態建立web虛擬目錄或web站點,并保存至web.config文件相關字段中。2、動態建立ftp目錄,并保存至web.config文件相關字段中。3、動態建立數據庫聯接類型sql或oracle,對sq…

合肥工業大學計算機學院王院長,王青山(合肥工業大學教授)_百度百科

王青山(合肥工業大學教授)語音編輯鎖定討論上傳視頻本詞條缺少概述圖,補充相關內容使詞條更完整,還能快速升級,趕緊來編輯吧!王青山,中國漢族人,合肥工業大學教授,現任中國計算機學會、ACM、IEE…

go 中gcc 編譯問題(gcc.exe fatal error no input files compilation terminated)

2019獨角獸企業重金招聘Python工程師標準>>> 問題背景 在windows 中編譯 go 的pipe時由于pipe依賴sqlite,需要通過cgo進行編譯。出現如下異常 gcc.exe fatal error no input files compilation terminated 問題分析 由于 windows中缺少c 的編譯環境 解決…

35歲以前把下面十件事做好

35歲是青春的后期,35歲以后是收獲的季節,如果你沒有資格說這句話,你將會憎恨自己。所以在35歲以前,在爛漫蓬勃的青春年華里,你最好把下面十件事做好: 第一,學會本行業所需要的一切知識并有所發展…

XCode 10 升級問題總結

一、 library not found for -lstdc.6.0.9 xcode 10 中刪除了內置 libstdc.6.0.9.tbd,工程中一些SDK依賴這個庫,需要把xcode 9.4 的libstdc.6.0.9.tbd 添加到xcode中,重啟xcode。 libstdc.6.0.9.tbd 的下載地址:libstdc.6.0.9 真機…

重心轉移

做了好些時候的題了,發現做題對身體的摧殘比普通的寫代碼還要重的多,為了我的眼睛,還是不要那么賣命的做ACM了,反正這個假期還算是比較有收獲。而且,在沒有指導老師的幫助下做難題,根本就是一條艱巨異常的路…

ArcEngine開發體驗(附許可)

ArcGIS Engine Developer Guide ArcGIS9.0開發文檔《Engine_Developers_Guide.pdf》376 ,花了兩三天看完了。guide特點:1 guide里面的基礎性的東西很多,涉及com開發應用,開發語言,環境和ao架構介紹的內容2 介紹.net開發…

安裝mysql-connector-python-8.0.11-py3.6遇到問題

1.提示“This application requires Visual Studio 2015 Redistributable” 下載vc_redist.x86安裝即可。 下載鏈接:https://download.microsoft.com/download/6/D/F/6DF3FF94-F7F9-4F0B-838C-A328D1A7D0EE/vc_redist.x86.exe https://download.microsoft.com/downl…

北京科技計算機與通信工程學院,北京科技大學計算機與通信工程學院-任超

第一作者或通訊作者(*)論文> 2019年:[7]Chao Ren, H. Zhang*, J. Chen and C. Tellambura. "Exploiting Spectrum Access Ability for Cooperative Spectrum Harvesting". IEEE Transactions on Communications, vol. 67, no. 3, pp. 1845-1857, Mar. …

畫閉合的多邊形 - HTML5 Canvas 作圖

10、function DrawPolygon(Canvas,P)功能&#xff1a;畫閉合的多邊形參數&#xff1a;P是一個包含各個頂點坐標的數組實例&#xff1a;<html><script type"text/javascript" src"bigengineer.js"></script><body><canvas id&qu…

計算機網絡硬件的作用是什么,網絡技術在計算機軟硬件的作用

網絡技術在計算機軟硬件的作用電子信息工程是一種建立在計算機系統軟件技術和計算機網絡技術上的工程,在現代國防、科研和通訊等領域發揮著巨大的作用。下面是小編搜集整理的相關內容的論文&#xff0c;歡迎大家閱讀參考。摘要&#xff1a;隨著我國經濟的飛速發展&#xff0c;科…

華為3Com Quidway 2116-SI

上次介紹“華為3Com S1526”經過配置&#xff0c;發現所謂的支持Vlan&#xff0c;其實是無法配置Vlan IP的&#xff0c;所以無法和上級Trunk互聯&#xff0c;所謂的可管理也是超級的簡單&#xff0c;實在是對得起“SOHO”的定位&#xff0c;簡單。不得不更換型號&#xff0c;發…

Linux Makefile 中的陷阱【轉】

轉自&#xff1a;https://blog.csdn.net/QQ1452008/article/details/52247944 版權聲明&#xff1a;本文為博主原創文章&#xff0c;未經博主允許不得轉載。 https://blog.csdn.net/QQ1452008/article/details/52247944前言 每個編寫過Makefile的程序員都可能遇見過Makefile中內…

html錨點

設置錨點的兩種方式 1.設置一個錨點鏈接<a href"#wang">去找汪星人</a> 在頁面中需要的位置設置錨點<a name"wang">汪星人基地</a> 2.設置一個錨點鏈接<a href"#miao">去找喵星人</a> 在頁面中需要的位置設…

大學生計算機課程考試試題,大學生計算機基礎課程考試系統研究與實現

摘要&#xff1a;本文主要針對教學評測領域中的主觀題評測等難點展開研究.過去在教育評測領域雖然廣泛使用測試系統,但由于無法對主觀題進行準確有效的判斷,造成了以客觀題為主的測試局限性.本課題引入智能的算法以實現全自動教學評測,對于教育測試工作有著深遠的現實意義. 本系…

初學Vue.js--數據綁定與文本插值

(一)數據雙向綁定 數據的雙向綁定是Vue.js的核心功能在上一篇記錄中已經簡單創建了一個Vue實例如下 var myVuenew Vue({ el:#myvue//myvue是已經存在的div&#xff0c;其id值為myvue }) 使用選項el掛載成功后&#xff0c;我們可以通過myVue.$el來訪問該元素&#xff0c;如果需要…

網頁色彩搭配的內涵

網頁的色彩搭配往往是網友們感到頭疼的問題&#xff0c;尤其是那些完全沒有美術基礎的網友。到底用什么色彩搭配好看呢&#xff1f;讓我們來看看網友54雨寒的高見吧&#xff01; 一、紅色的色感溫暖&#xff0c;性格剛烈而外向&#xff0c;是一種對人刺激性很強的色。紅色容易引…

VS歷程簡單記錄

當時一開始裝VS2015&#xff0c;是用了很長時間了。裝了之后是可以用的&#xff0c;打了不少代碼的。 后來很長一段時間沒用它了&#xff0c;時隔良久&#xff0c;雙擊快捷方式竟然打開不了&#xff0c;讓我“重裝”。 其實也不用重裝&#xff0c;本機用的Win10&#xff0c;去控…