无法使用knockout.js创建表

时间:2014-02-21 09:46:28

标签: knockout.js knockout-2.0 knockout-mvc

下面是我的代码,我正在尝试使用knockout.js创建表,但它不起作用。表根本没有生成。

 <html>
 <head>
 <title>Welcome to Collab-Todo</title>
 <meta name="layout" content="main" />
 </head>
 <body>
 <h style="margin-left:px;">Welcome to Collab-Todo</h>
 <p style="margin-left:px;width:%">
 Welcome to the Collab-Todo application. This application was built
 as part of the Apress Book, "Beginning Groovy and Grails."
 Functionally, the application is a collaborative "To-Do"
 list that allows users and their buddies to jointly
 manage "To-Do" tasks.</p><br />
 <p style="margin-left:px;width:%">Building the Collab-Todo
 application is used to walk the user through using Grails . to
 build an application. Below is a list of controllers that are
 currently deployed in this application. Click on each to execute
 its default action:</p>
 <br />
 <div class="dialog" style="margin-left:px;width:%;">
 <ul>
Hi Hello Word
 </ul>
 </div>
 Test
                       <table>
                           <thead>
                               <tr>
                                    <th class="checkbox no-padding">
                                        <label>
                                            <input  type="checkbox"  />
                                        </label>
                                    </th>
                                    <th>
                                    300
                                    </th>
                                    <!-- ko foreach: columns-->
                                    <th data-bind="attr: {id: id}">
                                        <div>
                                            <div data-bind="html:name"></div>                                           
                                        </div>
                                    </th>
                                    <!-- /ko -->
                                </tr>
                            </thead>

                            <tbody >    
                                <tr>
                                </tr>
                            </tbody>    
                    </table>
 </body>
 <script type="text/javascript">
 var myViewModel = {
    columns:[
                {id:'title',name:'Title'},
                {id:'documentLanguage',name:'Document Language'}, 
                {id:'documentType',name:'Document Type'},
                {id:'expirationDate',name:'Expiration Date'},
                {id:'attachmentSize',name:'Attachment Size'},
                {id:'targetAccounts',name:'Target Accounts'},
                {id:'audienceType',name:'Audience Type'},
                {id:'history',name:'History'},
                {id:'action',name:'Action'}
                ]
 };
 ko.applyBindings(myViewModel);
 </script>
 </html>

敲除绑定有什么问题,我正在尝试创建表头,这样它会为列数据中的每个行值生成一行,请帮我这个

1 个答案:

答案 0 :(得分:0)

你必须添加对knockout.js的引用。例如:

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-debug.js" type="text/javascript"></script>