knockout.js - MVCContrib 网格 - 我可以指定 tbody 属性吗？

Question

我正在尝试将 MVCContrib 网格与KnockoutJS一起使用。为此，我必须在 tbody 中指定数据绑定，例如<tbody data-bind="foreach: people">. 我找不到如何做到这一点的方法。

@Html.Grid(Model).Attributes()将我的绑定应用于<table>标签。有没有办法设置tbody属性？

Answer 1

简短的回答是否定的，没有办法tbody在当前实现上设置属性。

但是你可以自己实现这个功能：

你只需RenderBodyStart要从GridRenderer类中实现你自己版本的方法。

已经有一个 你可以构建的GridRenderer所谓的实现：HtmlTableGridRenderer

public class BodyWithAttributesHtmlTableGridRenderer<T> 
    : HtmlTableGridRenderer<T> where T : class
    {
        private readonly IDictionary<string, object> bodyAttributes;

        public BodyWithAttributesHtmlTableGridRenderer(
            IDictionary<string, object> bodyAttributes)
        {
            this.bodyAttributes = bodyAttributes;
        }

        protected override void RenderBodyStart()
        {
            string str = BuildHtmlAttributes(bodyAttributes);
            if (str.Length > 0)
                str = " " + str;
            RenderText(string.Format("<tbody{0}>", str));
        }
    }

Render()在您的视图中，您可以使用RenderUsing可以指定自定义渲染器的方法，而不是调用 ：

@Html.Grid(Model))
    .RenderUsing(new BodyWithAttributesHtmlTableGridRenderer<MyModel>(
    new Dictionary<string, object>(){{"data-bind", "foreach: people"}}))

生成的 html 看起来像这样：

<table class="grid">
    <thead>
        <tr>
            <th>Prop</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: people">
        <tr class="gridrow">
            <td>1</td>
        </tr>
        <tr class="gridrow_alternate">
            <td>2</td>
        </tr>
    </tbody>
</table>

你应该注意到这只是一个快速而肮脏的解决方案来展示什么是可能的，你可以使用更多的扩展点来使属性传递更好。