使用Knockout.js的Wenzhixin bootstrap-table

时间:2016-03-22 15:09:54

标签: knockout.js data-binding bootstrap-table

我们正在尝试将click事件数据绑定到bootstrap-table,并且无法使其工作。我们已尝试绑定按钮,hrefs,tr和td,但它不会触发。

我们可以通过敲门来成功地使用我们数据库中的数据填充表格。

        <tbody>
        <!-- ko foreach: listOfCustomers-->
        <tr class="clickable-row">
            <td> <span class="glyphicon glyphicon-move"></span></td>
            <td class="text"><button type="button" class="bananen" onclick="App.CustomersScreen.onAfterRenderFunc();"></button></td>
            <td class="text">{{ name }}</td>
            <td class="text">{{ town }}</td>
            <td class="text">{{ mail }}</td>
            <td class="text">{{ phone }}</td>
            <td class="text">Motor</td>
            <td class="text"><span class="glyphicon glyphicon-exclamation-sign"></span></td>
            <td data-visible="false"
                data-switchable="false" class="hidden">{{ id }}</td>
        </tr>
        <!-- /ko -->
        </tbody>

我希望你理解这个问题

提前致谢。

1 个答案:

答案 0 :(得分:0)

在我看来,您使用了错误的数据绑定语法。

Knockout使用cell.textLable.text属性,而您的示例HTML看起来好像期待像手把一样的JavaScript模板引擎。

现在,Knockout允许你用你喜欢的任何东西替换它的渲染/模板引擎,所以它可以使用引擎等引擎,但是你没有在你的问题中说过#&# 39;我的猜测是你没有换掉Knockout的模板引擎。

如果我正确,那么您的HTML应该是这样的:

data-bind