MVC WebAPI帮助布局

时间:2015-02-02 14:38:25

标签: jquery jquery-ui asp.net-mvc-4

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

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

使用Jquery UI标签,但似乎无法使其正常工作。

还有其他人做到了吗?

1 个答案:

答案 0 :(得分:0)

解决了这个问题,需要为此创建一个使用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>