Javascript 击倒无效
我是网络编程新手,正在尝试在我使用MVC4Razor构建的网站上实现击倒联系人表单。我直接从Knockout的网站上获取了这个示例,并在JSFIDLE中测试了我的更改;一切都很好。但是,当我将代码引入cshtml时,它不会获取淘汰代码。我对正在发生的事一无所知。有什么帮助吗?细节将是有益的,因为有很多我不知道。在cshtml上的敲除联系人网格之后有一个BeginForm帮助程序。这是个问题吗 Javascript:AddTeamMember.jsJavascript 击倒无效,javascript,asp.net-mvc,asp.net-mvc-4,razor,knockout.js,Javascript,Asp.net Mvc,Asp.net Mvc 4,Razor,Knockout.js,我是网络编程新手,正在尝试在我使用MVC4Razor构建的网站上实现击倒联系人表单。我直接从Knockout的网站上获取了这个示例,并在JSFIDLE中测试了我的更改;一切都很好。但是,当我将代码引入cshtml时,它不会获取淘汰代码。我对正在发生的事一无所知。有什么帮助吗?细节将是有益的,因为有很多我不知道。在cshtml上的敲除联系人网格之后有一个BeginForm帮助程序。这是个问题吗 Javascript:AddTeamMember.js var initialData = [
var initialData = [
{
name: "Danny", email: "LaRusso@stars.come", phone: "(555) 121-2121", dept: "Print"
},
{
name: "Sensei", email: "Miyagi@stars.com", phone: "(555) 432-3466", dept: "AMS"
}
];
var ContactsModel = function (contacts) {
var self = this;
self.contacts = ko.observableArray(ko.utils.arrayMap(contacts, function (contact) {
return { name: contact.name, email: contact.email, phone: contact.phone, dept: contact.dept };
}));
self.addContact = function () {
self.contacts.push({
name: "",
email: "",
phone: "",
dept: ""
});
};
self.removeContact = function (contact) {
self.contacts.remove(contact);
};
self.addPhone = function (contact) {
contact.phones.push({
type: "",
number: ""
});
};
self.removePhone = function (phone) {
$.each(self.contacts(), function () { this.phones.remove(phone) })
};
self.save = function () {
self.lastSavedJson(JSON.stringify(ko.toJS(self.contacts), null, 2));
};
self.lastSavedJson = ko.observable("")
};
ko.applyBindings(new ContactsModel(initialData));
CSHTML:
@{
ViewBag.Title = "Register";
}
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/knockout-2.2.0.js" type="text/javascript"></script>
<script src="~/MyJS/AddTeamMember.js"></script>
<hgroup class="title">
<h1>@ViewBag.Title.</h1>
<h2>@ViewBag.Message</h2>
</hgroup>
<div class="registerForm">
<div class='memInfoForm'>
<h2>Contacts</h2>
<div id='contactsList'>
<table class='contactsEditor'>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Dept</th>
</tr>
<tbody data-bind="foreach: contacts">
<tr>
<td>
<input data-bind='value: name' />
<div><a href='#' data-bind='click: $root.removeContact'>Delete</a></div>
</td>
<td><input data-bind='value: email' /></td>
<td><input data-bind='value: phone' /></td>
<td><input data-bind='value: dept' /></td>
</tr>
</tbody>
</table>
</div>
<p>
<button data-bind='click: addContact'>Add a contact</button>
<button data-bind='click: save, enable: contacts().length > 0'>Save to JSON</button>
</p>
<textarea data-bind='value: lastSavedJson' rows='5' cols='60' disabled='disabled'> </textarea>
</div>
@using (Html.BeginForm("Register", "Register", FormMethod.Post, new { id = "registerForm" }))
...
@{
ViewBag.Title=“寄存器”;
}
@ViewBag.Title。
@查看包。留言
联络
名称
电子邮件
电话
部
添加联系人
保存到JSON
@使用(Html.BeginForm(“Register”、“Register”、FormMethod.Post、new{id=“registerForm”}))
...
这一行必须在DOM就绪时执行
ko.applyBindings(new ContactsModel(initialData));
引用KO网站:
要激活敲除,请将以下行添加到块:
ko.applyBindings(myViewModel);
您可以将脚本块放在HTML的底部
文档,或者您可以将其放在顶部,并将内容包装在
DOM就绪处理程序,如jQuery的$函数
要激活敲除,请在块中添加以下行:
ko.applyBindings(myViewModel);
很高兴我能帮忙。