2

代码:-

<html>
    <head>
    <script type="text/javascript" src="http://knockoutjs.com/downloads/knockout-2.3.0.js"></script>
    </head>
    <body>
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>InputType</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: settings">
            <tr>
                <td data-bind="text: name"></td>
                <td><input data-bind="attr: {type: dtype}"/></td>
            </tr>
        </tbody>
    </table>
    <script type="text/javascript">
    var viewModel = function(){
        this.settings = ko.observableArray([{name: "Bungle",dtype:"text"},{name: "George",dtype: "checkbox"},{name: "Zippy",dtype:"text"}]);
    };

ko.applyBindings(new viewModel());
</script>
</body>
</html>

上面的代码也在小提琴http://jsfiddle.net/uByVQ/中被捕获。虽然,小提琴中捕获的场景在 chrome 中运行良好,但在 IE8 中无法正常运行。我得到错误

“不支持此命令”。

我正在使用淘汰赛 2.3

谁能指出我的解决方法?

谢谢。

4

1 回答 1

5

似乎在 IE 中,一旦将输入元素添加到 DOM,就无法更改其类型。

type 属性是读/写一次,但仅在使用 createElement 方法创建输入元素且在将其添加到文档之前。

http://msdn.microsoft.com/en-us/library/ms534700.aspx

有一些丑陋的变通方法涉及创建一个新元素并删除现有元素,但您必须编写一个自定义的剔除活页夹来完成此操作。

if 您可以使用绑定绕过它:

<tr>
    <td data-bind="text: name"></td>
    <td>
        <span data-bind="if: dtype=='checkbox'"><input  type='checkbox' /></span>
        <span data-bind="if: dtype=='text'"><input  type='text' /></span>
    </td>
</tr>

见:http: //jsfiddle.net/GQEs5/

但这确实令人不满意且冗长。

我还要补充一点,在您的模型中包含演示细节在哲学上是不纯的,但我绝对认识到您的方法的实用性好处。

于 2013-08-14T19:26:29.383 回答