Javascript 动态生成元素上的敲除绑定
我正在使用Knockout.js,在这方面我是个新手。我在这里创建了一个,我正在尝试将淘汰绑定绑定到动态生成的元素。但是绑定没有正确地应用于动态生成的元素Javascript 动态生成元素上的敲除绑定,javascript,jquery,knockout.js,Javascript,Jquery,Knockout.js,我正在使用Knockout.js,在这方面我是个新手。我在这里创建了一个,我正在尝试将淘汰绑定绑定到动态生成的元素。但是绑定没有正确地应用于动态生成的元素 我正在尝试将输入文本字段与label元素同步。因此,无论我们在输入字段中输入什么,相同的文本都将反映在相应的标签元素中。如果我对我的问题不清楚,请原谅我,并请我批准。帮帮我,伙计们?谢谢 在代码中,您没有使用自动生成html的主要功能之一。不要使用jQuery添加新行,而是使用knockoutforeach绑定observearray。当您向
我正在尝试将输入文本字段与label元素同步。因此,无论我们在输入字段中输入什么,相同的文本都将反映在相应的标签元素中。如果我对我的问题不清楚,请原谅我,并请我批准。帮帮我,伙计们?谢谢 在代码中,您没有使用自动生成html的主要功能之一。不要使用
jQuery
添加新行,而是使用knockoutforeach
绑定observearray
。当您向数组添加新项时,knockout将自动生成html标记
Javascript:
function CourseViewModel(){
var self = this;
self.textValue = ko.observable('');
}
function CeremonyViewModel() {
var self = this;
self.cources = ko.observableArray([new CourseViewModel()]);
self.addCourse = function(){
self.cources.push(new CourseViewModel());
};
}
ko.applyBindings(new CeremonyViewModel());
Html:
CourseName
课程名称
这是工作小提琴:
<div id="menutab">
<form id="createMForm">
<input type="button" id="createmenu" value="Add menu" data-bind="click: addCourse"/>
<div class="menu">
<table data-bind="foreach: cources" class="ui-widget ui-widget-content" >
<tr>
<td>
<label for="CourseName">CourseName</label>
</td>
<td>
<input type="text" data-bind="value: textValue, valueUpdate:'keyup'" class="CreateCourseName" name="CourseName" />
</td>
</tr>
</table>
</div>
</form>
</div>
<div id="courseoptiontab">
<form id="createCOForm">
<div class="options">
<table data-bind="foreach: cources" class="ui-widget ui-widget-content">
<tr>
<td>
<label class="colabel">Course Name
<span class="forcourse" data-bind="text: textValue"></span>
</label>
</td>
</tr>
</table>
</div>
</form>
<div>