C#•10mo ago

Razor MVC UI reuse

I cant believe that I cannot figure this out, but how do I create the equivalent of a react or blazor component in MVC Razor? I have this code

<div class="form-group row">
    <div class="col-md-3">
        <nop-label asp-for="PimId" />
    </div>
    <div class="col-md-9">
        <nop-editor asp-for="PimId" />
        <span asp-validation-for="PimId" />
    </div>
</div>

<div class="form-group row">
    <div class="col-md-3">
        <nop-label asp-for="PimId" />
    </div>
    <div class="col-md-9">
        <nop-editor asp-for="PimId" />
        <span asp-validation-for="PimId" />
    </div>
</div>

That I want to turn into <SimpleEditor asp-for="PimId/> or something similiar. But I just cant find the right direction. ViewComponents? TagHelper? I think its more difficult because these are ModelExpressions. PimId comes from the Model of the original component. This has to be one of the most common reuse patterns to ever exist, but there is nothing online.

3 Replies

Pobiega•10mo ago

Did you try https://stackoverflow.com/questions/23518499/creating-reusable-html-view-components-using-razor-in-asp-net-mvc ?

MaskoeOP•10mo ago

hmm doesnt look right

Angius•10mo ago

Partials

Gaming

Programming

Razor MVC UI reuse