我將一個整數值傳遞給 HTML 模板,我想在它顯示給用戶之前訪問它。這是代碼:
狀態.html
<div id="frame_body">
<div id="percentage"><h1 id="receivedVal">{{projects.phase}}<sup>%</sup></h1></div>
<div id="proj-name"><p>XXXXXXXXXXX</p></div>
<div id="name-of-staff-head"><p>Supervised by Mr. X</p></div>
<div id="temporary">
<!-- <p>Status -{{projects.status}}</p> <br>
<p>Phase -{{projects.phase}}</p> <br>
<p>Collaborators -{{projects.collab}}</p> -->
</div>
</div>
JS:
function showPercentage(){
var phase_no = document.getElementById("receivedVal").value;
var percentage = (phase_no / 10) * 100;
document.getElementById("receivedVal").innerHTML = percentage;
}
正如您從代碼中看到的,我想執行該計算并再次回傳新值。我怎樣才能做到這一點?
uj5u.com熱心網友回復:
添加模型屬性以在將值發送到前端之前計算值。
class Project(models.Model):
...
phase = models.CharField(max_length=100,null=True, choices=PHASE)
...
@property
def phase_percentage(self):
return self.phase * 10
然后在您的模板中,像訪問任何其他值一樣訪問它:
{{ projects.phase_percentage }}
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/493195.html
標籤:javascript django dom
