使用asp.net组件进入KO foreach博客

时间:2016-12-09 15:21:21

标签: knockout.js devexpress richedit

我可以在KO foreach博客中使用html标签。例如,我可以使用input和p标签。我知道问题的存在是runat =" server"属性。但是,如果没有这个属性我该怎么做呢。

  <!-- ko foreach: UDFields -->
        <div class="row" data-bind="if: $data.EditorType() != 16">
            <div class="col-xs-2 col-sm-3 col-md-1" style="padding-top: 10px; text-align: right; padding-right: 0px; min-width: 140px; font-weight: bold;">
                <p class="lblModern" data-bind="text: $data.Caption(), attr: { id: $parent.TableName() + '_' + $data.Name() }"></p>
            </div>
            <div data-bind="if: $data.EditorType() == 1">
                <div class="col-xs-4 col-sm-3 col-md-2" style="float: left; width: auto; padding-left: 30px;">
                    <input type="text" class="tabletext form-control" data-bind="value: $data.Value(), attr: { id: $parent.TableName() + '_' + $data.Name(), bindingName: $parent.TableName() + '.' + $data.Name() }" />
                </div>
            </div>

   <!-- /ko -->

但我通常不能使用DevExpress richedit标签。如何在代码下面使用dx标签?

  <script type="text/html" id="UDFieldsRichTemplate">
        <!-- ko foreach: UDFields -->
        <div class="row" data-bind="if: $data.EditorType() == 1">
            <button class="accordion" data-bind="text: $data.Caption(), attr: { id: $parent.TableName() + '_' + $data.Name() }"></button> ------->>> I can use
            <div id="richEditAcc" class="panel">
                   <dx:ASPxRichEdit runat="server" Width="100%" Height="100%" data-bind="..." RibbonMode="None"></dx:ASPxRichEdit> --------->>>>>> I cant use
            </div>
        </div>
        <!-- /ko -->
    </script>

1 个答案:

答案 0 :(得分:0)

Knockout是一个客户端库。借助于ko foreach绑定,无法重复服务器端控件。