knockoutjs 绑定对象到列表中并用checkbox选择返回数据

最新推荐文章于 2023-07-07 23:32:53 发布

番兄

最新推荐文章于 2023-07-07 23:32:53 发布

阅读量5.1k

点赞数 2

分类专栏： knockoutjs 前端文章标签： knockoutjs 前端

本文链接：https://blog.csdn.net/panxiong91/article/details/52238827

版权

本文介绍了如何通过knockoutjs将AJAX获取的JSON数据绑定到表格，并实现多选功能。利用checkbox和viewModel，当checkbox被选中时，对象会被添加到一个数组中，取消选中则自动移除。文章强调了js的prototype属性在对象扩展中的应用。

摘要由CSDN通过智能技术生成

今天一个操作是先要ajax返回列表中的json数据，然后绑定到一个table列表中，table首列是一个checkbox控制器，可以多选多个数据对象，然后返回结果

html代码：

	<div class="container">
		<div class="row cl">
			<div class="col-sm-12">
				<table class="table table-bg table-border table-bordered">
					<thead>
						<tr>
							<th></th>
							<th>字段名</th>
							<th>数据类型</th>
							<th>注释</th>
						</tr>
					</thead>
					<tbody data-bind="foreach: list">
						<tr>
							<td> <input type="checkbox" data-bind="checkedValue:$data, checked: $parent.chosenData" /> </td>
							<td data-bind="text:field"></td>
							<td data-bind="text:type"></td>
							<td data-bind="text:comment"></td