Question

我使用Knockout制作一个流畅的CRUD，所以我有两个脚本选项，它显示显示，默认情况下，当我想创建或更新时显示编辑：

symfony

但我遇到的问题是：

  <script type="text/html" id="display">


    <td data-bind="text: Date"></td>
    <td data-bind="text: Dato"></td>
    <td data-bind="text: Timer"></td>
    <td data-bind="text: Ov1"></td>
    <td data-bind="text: Ov2"></td>
    <td data-bind="text: Overtid"></td>
    <td data-bind="text: Be"></td>
    <td data-bind="text: Skole"></td>
    <td data-bind="text: Dyrtid"></td>
    <td data-bind="text: Bem"></td>

    <td data-bind="text: Timestamp"></td>
    <td data-bind="text: user"></td>

    <td>
        <button class="btn btn-success kout-edit">ændre</button>
        <button class="btn btn-danger kout-delete">slet</button>
    </td>


</script>

<script type="text/html" id="edit">


    <td><u>Medarbejder</u><br />@Html.DropDownList("MedarbejderId", (SelectList)ViewBag.MedarbejderId, "Vælg medarbejdere", htmlAttributes: new
                           {
                               @class = "selectpicker",
                               data_show_subtext = "true",
                               data_live_search = "true"
                           })
    </td>

    <td><u>Lønkørsel Dato</u><br /><input class="form-control col-md-1" id="Date" type="date" name="Date" data-bind="value: Date" />
        <br /> <u>Overtid</u><br /><input class="form-control" id="Overtid" style="width:75px;" type="number" data-bind="value: Overtid" />
    </td>
    <td><u>Montage Dato</u><br /><input class="form-control col-md-1" id="Dato" type="date" name="Dato" data-bind="value: Dato" />
        <br /> <u>Skole</u><br /><input class="form-control" id="Skole" style="width:75px;" type="number" data-bind="value: Skole" />
    </td>
    <td><u>Timer</u><br /><input class="form-control col-md-1" id="Timer" type="number" data-bind="value: Timer" />
      <br /> <u>Dyrtid</u><br /> @Html.DropDownList("Dyrtid", (SelectList)ViewBag.Dyrtid, "", new { data_bind = " value:  Dyrtid", @id = "Dyrtid",  @class = "chosen-select", @style = "width:350px;", @tabindex = "4" })
    </td>
    <td><u>Ov1</u><br /><input class="form-control" id="Ov1" style="width:75px;" type="number" data-bind="value: Ov1" />
    </td>
    <td><u>Ov2</u><br /><input class="form-control col-md-2" id="Ov2" type="number" style="width:150px;" step="0.01" data-bind="value: Ov2" />
    </td>
    <td><u>Be</u><br /><input class="form-control col-md-2" id="Be" style="width:150px;" type="number" step="0.01" data-bind="value: Be" />
    </td>

    <td>
        <button class="btn btn-success kout-update">Gem</button>
        <button class="btn btn-danger kout-cancel">Afbryd</button>
    </td>
</script>

如果我将它移到Script标签之外，selectpicker工作正常。你们有这个问题的智能解决方案吗？需要一个好方法来添加：

<td><u>Medarbejder</u><br />@Html.DropDownList("MedarbejderId", (SelectList)ViewBag.MedarbejderId, "Vælg medarbejdere", htmlAttributes: new
                       {
                           @class = "selectpicker",
                           data_show_subtext = "true",
                           data_live_search = "true"
                       })
</td>

当它呈现下拉列表时。

感谢。

使用带有Knockout的Selectpicker

0 个答案: