Question

我创建了一个包含两个文本输入的视图（＆＃39; est＆＃39;通过JS基于＆＃39; idd＆＃39;计算），然后是一个带有@foreach的表循环显示我的所有数据。某些字段将相互计算，但其他字段必须在页面加载后计算，每次都是＆＃39; est＆＃39;和/或＆＃39; idd＆＃39;输入变化。

由于razor是计算服务器端和这个JS客户端计算的，我如何设置这些类型的计算列，如下例所示：

This should be the myResult var (or 'est' value) + @Content.V2

我想拉动@ Content.EntityId设置一些动态var名称，如：

<input type="text" id="@Content.EntityId-newfield"">

并在循环中拉出一些<script>get the myResult again, add @Content.V2, set document.getElementById('@Content.EntityId-newfield').value</script>，但它无法正常工作。

我怎样才能做到这一点？

这是整页：

<h1>My page</h1>
<br>
idd: <input type="text" id="idd" oninput="calculate()"> __ est: <input type="text" id="est">
<br><br>
<table border="1">
    <thead>
        <tr>
            <th></th>
            <th>Id</th>
            <th>Title</th>
            <th>V1</th>
            <th>V2</th>
            <th>V1 / V2</th>
            <th>Field I know not how to calculate</th>
        </tr>
    </thead>
    <tbody>
        @foreach(var Content in AsDynamic(Data["Default"])){
        <tr>
            <td>@Edit.Toolbar(Content, actions: "edit,replace")</td>
            <td>@Content.EntityId</td>
            <td>@Content.Title</td>
            <td>@Content.V1</td>
            <td>@Content.V2</td>
            <td>@Math.Round(@Content.V1 / @Content.V2, 2)</td>
            <td>This should be the myResult var (or 'est' value) + @Content.V2</td>
        </tr>
        }
    </tbody>
</table>

<script>
    function calculate() {
        var idade = document.getElementById('idd').value;
        var myResult = (parseInt(idade) + 4) * 2;
        document.getElementById('est').value = myResult;
    }
</script>

Answer 1

图一系列函数可以解决问题。

在@foreach之前：

var arrayOfFunctions = [];
<input type="text" id="peso" oninput="callFunctions()">

在@foreach里面：

arrayOfFunctions.push(function(setPeso) { document.getElementById('@Content.EntityId').value = setPeso * @Content.fieldToCalculate; });

之后：@foreach：

function callFunctions() {
    var myPeso = parseInt(document.getElementById('peso').value);
    arrayOfFunctions.forEach(f => f(myPeso));
}

2sxc - 在@foreach循环上计算razor和JS之间的变量

1 个答案: