0

通过使用以下文章：http ://www.dotnetcurry.com/ShowArticle.aspx?ID=847 ，我尝试开发示例应用程序。为了使事情分开，我尝试将 javascript 代码移动到单独的 js 文件：EmployeeInfo.js并在 Create.cshtml 的 head 部分引用了 js 文件，如下所述：

<head>    
     <script src="~/Scripts/EmployeeInfo.js"></script>
</head>

但我无法显示数据库中的现有记录。调试代码发现调用了GetEmployees()方法，data.length也大于0，但是数据无法与表格绑定显示所有记录。对此的任何帮助表示赞赏。

<tbody data-bind="foreach: Employees">
                                <tr style="border: solid" data-bind="click: $root.getselectedemployee" id="updtr">
                                    <td><span data-bind="text: EmpNo"></span></td>
                                    <td><span data-bind="text: EmpName"></span></td>
                                    <td><span data-bind="text: Salary"></span></td>
                                    <td><span data-bind="text: DeptName"></span></td>
                                    <td><span data-bind="text: Designation"></span></td>
                                    <td>
                                        <button data-bind="click: $root.deleterec">Delete</button></td>
                                </tr>
                            </tbody>

谁能帮我理解这个问题。

谢谢和问候， 桑托什·库马尔·帕特罗

4

1 回答 1

0

在没有看到工作代码的情况下，我唯一的猜测是您在页面呈现之前正在应用Bindings。注意步骤 8 的说明：

第 8 步：在关闭 body 标签之前，定义 ViewModel 将被定义的块，如下所示：

您已将代码移至单独的文件中，这很好，但您已将其移至 head 标记中。<body>DOM 操作顺序将在有机会渲染之前加载并执行此脚本，因此 ko.applyBindings 绑定到任何内容。你有两个选择。

将您的脚本声明移动到结束正文标记之前：

    <script src="~/Scripts/EmployeeInfo.js"></script>
</body>

或者，假设您使用的是 jQuery，请将您的脚本代码包装在文档就绪函数内的此文件中：

$(function (){
    // ... Your code ...
});
于 2013-09-14T20:07:54.770 回答