最佳视图组件局部视图组合,同步左右窗格数据。

问题描述 投票:0回答:1

我想显示我的.net core网页,如下图所示。

enter image description here

对于左边的面板,我使用部分视图,而右边的面板则使用视图组件。

按照目前的方式,我需要调用不同的API来从数据库中获取数据,以便在两个面板上显示数据。

I want to synchronize left pane record count with right pane view components data.Is their any patterncombination of view-components or partial views to synchronize my requirement.

asp.net-core-mvc partial-views .net-core-3.1 view-components
1个回答
0
投票

我想同步左窗格记录计数与右窗格视图组件数据。是他们的任何模式组合的视图组件或部分视图同步我的要求。

你可以把每个视图组件的行放到特定的 "容器 "中,用特定的css类,如 "vc1-row","vc2-row "等。

在客户端,你可以遍历视图组件的行,在DOM准备好后计算每个视图组件的行数,并通过JavaScriptjQuery代码更新重新填充左面板记录数。

此外,如果你想实现类似portaldashboard这样的功能,可以从后台服务中获取数据,并将实时数据推送给客户端,用新的数据更新客户端的UI,你可以尝试在客户端使用 讯号.

© www.soinside.com 2019 - 2024. All rights reserved.