首页 新闻 搜索 专区 学院

关于ASP NET Core的视图组件的使用(ViewComponent)

0
悬赏园豆:5 [已解决问题] 解决于 2021-01-25 16:10

想请教一下关于视图组件在父页面中的占位问题
·
1、直接在父页面中使用<vc>标签占位(明确知道了视图组件在父页面中的位置)
<div id="first">
······<p> hello world </p>
··
······<vc:priority-list max-priority="2" is-done="false">
······</vc:priority-list>
</div>
2、从控制器直接调用视图组件(如何确定视图组件在父页面的位置??)

public IActionResult IndexVC()
{
return ViewComponent("组件类名", (参数)new { maxPriority = 3, isDone = false });
}

godcloudy的主页 godcloudy | 初学一级 | 园豆:15
提问于:2021-01-20 17:22
< >
分享
最佳答案
0

从 Controller 中直接返回 ViewComponent,返回结果是渲染好的 html,你可以通过 js 自行放到你想要的位置。

比如你有一个 ViewComponent,返回一行字 <p>view component</p>

访问 /IndexVC 这个路径,返回的就是 <p>view component</p>

你可以通过 js 拿到这段 html 代码放到你需要的位置。

<div id="first">
    <p> hello world </p>
    <div id="placeholder">
        <script>
            fetch('/IndexVC').then(res => res.text().then(text => document.getElementById('placeholder').innerHTML = text)) 
        </script>
    </div>
</div>
收获园豆:5
沈星繁 | 小虾三级 |园豆:1096 | 2021-01-22 15:21
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册