MVC WebAPI 帮助布局

Question

需要一些帮助来自定义自动生成的 WebAPI 帮助页面的布局。

我想替换@Html.DisplayFor(m => m.SampleResponses, "Samples")

有 Jquery UI 个选项卡，但似乎无法正常工作。

还有其他人做到了吗？

Answer 1

已解决，需要为此创建一个使用 JQuery UI 选项卡的新自定义显示模板。代码如下

<div id="resp-tabs">
    <ul>
        @{
            int count = 1;
            foreach (var mediaType in mediaTypes)
            {
                <li><a href="#resp-tab-@count">@mediaType</a></li>
                count++;
            }
        }
    </ul>

    @{
        count = 1;
        foreach (var mediaType in mediaTypes)
        {
            <div id="resp-tab-@count">
                @{
            var sample = samples[mediaType];
            if (sample == null)
            {
                <p>Sample not available.</p>
            }
            else
            {
                @Html.DisplayFor(s => sample)
                ;
            }
                }
            </div>
            count++;
        }
    }
</div>