表行单击部分视图

时间:2019-05-19 05:27:57

标签: asp.net-core partial-views

我有一个局部视图。在pview中显示分页的表中充满了数据。第一个pview模型具有完整数据列表。我们必须在右表中显示此数据的一部分,然后在行上单击以在左手显示其他部分。 但是我们不能在pview上使用脚本。如何在表格行点击的左侧显示数据。

 @model List<Info>

右手桌

            <table>
                <thead>
                    <tr>
                        <th>Row</th>
                        <th>Field1</th>
                        <th>Field2</th>
                    </tr>
                </thead>
                <tbody>
                    @if (Model != null)
                    {
                        var index = 0;
                        foreach (var social in Model)
                        {
                            index++;
                            <tr class="selected" onclick="">
                                <td>@index</td>
                                <td>@social.somedata1</td>
                                <td>@social.somedata2</td>
                            </tr>
                        }
                    }
                </tbody>
            </table>

左手详细信息

<div>
    @if (Model?.Elements[0] != null)
    {
        var counter = 0;
        <ul>
            @foreach (var item in Model.Elements[0] )
            {
                counter++;
                <li>
                    <span>@counter</span>
                    <br />
                    @item.field1
                </li>
            }
        </ul>
    }
</div>

我们必须在每次单击行时更改Model.Elements [i]。该怎么做。

0 个答案:

没有答案