在knockoutJS中克隆/复制observablearray的最佳方法是什么？
在knockoutJS中克隆/复制observablearray的最佳方法是使用ko.utils.arrayMap()函数。该函数可以将一个observablearray中的每个元素进行映射，并返回一个新的observablearray。
以下是使用ko.utils.arrayMap()函数克隆/复制observablearray的步骤：
- 首先，获取要克隆/复制的observablearray，假设为originalArray。
- 使用ko.utils.arrayMap()函数对originalArray进行映射，并将映射函数设置为返回每个元素的副本。例如：
var clonedArray = ko.utils.arrayMap(originalArray, function(item) {
return ko.observable(item());});
在这个例子中，映射函数返回每个元素的副本，使用ko.observable()函数将其转换为observable。
- 最后，clonedArray就是克隆/复制后的observablearray，你可以对其进行操作或赋值给其他observable。
这种方法的优势是可以确保克隆/复制后的observablearray与原始observablearray完全独立，对其中一个的修改不会影响另一个。
knockoutJS是一款流行的JavaScript MVVM框架，用于构建富客户端应用程序。它通过使用观察者模式来跟踪数据的变化，并自动更新UI。knockoutJS提供了一系列的工具和函数来处理observable和observablearray，使开发者能够更方便地操作和管理数据。
推荐的腾讯云相关产品是云服务器CVM，它是腾讯云提供的一种弹性计算服务，可提供安全、可靠、高性能的云端计算能力。您可以通过以下链接了解更多关于云服务器CVM的信息：
腾讯云云服务器CVM产品介绍：https://cloud.tencent.com/product/cvm
请注意，本答案仅提供了在knockoutJS中克隆/复制observablearray的最佳方法，并没有提及其他云计算品牌商。
相关·内容
2回答
谁能告诉我在下面的代码中从knockout到.net WebAPI绑定可观察数组的三个独立get请求的最佳方法？Firebug显示加载时间为几毫秒，但实际上需要几秒钟。
在查看任何javascript async之前，我希望得到一些指导。
$(function () {
var model = new viewModel();
model.todayTimes([]);
model.zones([]);
model.dayTypes([]);
$.get('../api/Zone', f
浏览 0提问于2012-08-01得票数 2
回答已采纳
我有一个击倒的foreach绑定，它可以生成多个下拉列表，包括单选和多选。我不知道会有多少下拉列表。
所有下拉列表是由相同数据类型的项目填充的，但已过滤，但是我希望在一个observableArray中收集所有下拉列表中的所有选定项目。将相同的observableArray绑定到foreach循环中的所有dropdown不起作用，因为它被添加到observableArray中，并立即被其他dropdown删除。
<script id="multiselect" type="text/html">
<select class="m
浏览 9提问于2015-01-15得票数 1
我正在尝试使用其中一项的属性值在可观察数组中查找一个值。下面是一些示例代码：
HTML：
<ul data-bind="foreach: items">
<li data-bind="text:name"></li>
<li>Cousin: <span data-bind="text:related_id"></span></li>
</ul>
JS：
var item = function (data){
this.id = ko.ob
浏览 0提问于2012-10-30得票数 2
回答已采纳
我正在使用knockoutjs来创建分区的树视图。每个节点旁边将有三个按钮:1)新子节点(应用于它旁边的节点) 2)移除(这会移除它旁边的节点)和3)复制，复制节点及其所有子节点并在父节点下创建一个新节点。
我已经按下了New按钮，现在我正在使用remove按钮。我似乎不能让它工作，而不是做任何有用的事情，它只是刷新整个页面。代码如下：
查看：
<h2>Skill & Weight Divisions</h2>
<span data-bind="text: tournamentname"></span>&l
浏览 0提问于2012-07-13得票数 5
回答已采纳
我正在尝试确定构建应用程序的最佳方式，但我有点困惑。我希望我的基本结构是这样的：
banners (ko.observableArray)
- banner
- previewURLs (ko.observableArray)
我创建"banner“的方法是将它定义为一个类，如下所示：
// define a "banner" class
function banner(inventory, name, advertiser, artType, artSize, previewURLs) {
return {
invento
浏览 3提问于2011-05-17得票数 1
一段时间以来，我一直在思考实现这一结果的最佳方法，并成功地调整了我的显示模板和JS，但它是不可伸缩的。
我有一个observableArray，ContentGrid[]，数组中的每个项都有多个对象，包括一个对象分类法{}，其中包含ObjectProduct&Docs。ProductA都包含一组与其分类相匹配的项，例如，：ProductA。
我希望能够按产品A、产品B、产品C等对结果进行分组，但是，我似乎找不到合适的语法来实现这一点。
浏览 3提问于2022-02-14得票数 0
回答已采纳
在Eclipse Galileo中可以从存储库获得的用于生成java clone()方法的最佳工具是什么？阻止Eclipse开发人员在标准版本中包含此工具的原因是什么？
浏览 0提问于2010-07-05得票数 8
回答已采纳
这是我的简化模型：
var GoalItem = function(id, type, name, authorId, author, children) {
this.id = ko.observable(id);
this.type = ko.observable(type);
this.name = ko.observable(name);
this.authorId = ko.observable(authorId);
this.author = ko.observable(aut
浏览 3提问于2012-03-05得票数 1
回答已采纳
在KnockoutJS中，每次运行AJAX命令时更新JSON数据的observableArray的正确方法是什么？
现在，我使用类似viewmodel.items([])的东西清空数组，然后用来自服务器的JSON数据重新填充它。如果不使用KnockoutJS映射插件(这可能是唯一的方法)，正确的路径是什么？
我的服务器逻辑每次都会发送一些相同的数据，所以我不能只是迭代并将项推入数组，除非我想要重复的项。
/添加我今天的做法/
我不确定为什么我要这样做，但这只是我最初想出如何更新的方式。所以基本上，就像我之前说的，我得到JSON数据，然后我把它传递给下面这样的东西：
_model.add
浏览 0提问于2012-03-20得票数 6
回答已采纳
控制器代码：
public ActionResult Index()
{
PersonRepository repo = new PersonRepository();
PersonListModel lstPersons = new PersonListModel();
lstPersons.Persons = repo.GetAllPerson();
return View(lstPersons);
}
实际Javascript代码：
<script type="text/javascript">
var personListData = @Html.Raw
浏览 2提问于2012-09-17得票数 0
1回答
中的克隆与成像
、、
目前我正在Ubuntu系统上工作。现在我必须在另一个硬盘上创建一个备份，这样我就可以在另一个系统上复制/安装我的整个系统。
所以我有跟踪驱动器。
克隆和想象之间的实际区别是什么。
我需要将所有已安装的软件/包复制到它中(例如，我在上面安装了ruby )。那么做这件事的最佳方法是什么。
浏览 0提问于2014-09-05得票数 1
回答已采纳
我对KnockoutJs很陌生，并试图理解“无法解析绑定。消息: ReferenceError: items未定义；绑定值: foreach: items”时推到observableArray时的错误。
下面是jsFiddle：中的相同代码
当单击"Add“按钮时，viewModel.items()[0].childItems.push(newItem);会发生错误。
Html：
<div data-bind="template: { name: 'tmpl-item-list' }"></div>
<button type
浏览 2提问于2012-10-30得票数 1
回答已采纳
我有以下javascript：
function RandomViewModel() {
var self = this;
self.RnadomSquaresK = ko.observableArray([
randomSquare(),
randomSquare(),
]);
}
var randomSquare = function() { return ko.observable({
innate: ko.observableArray([
{ star: "test1", Class:
浏览 0提问于2013-02-13得票数 0
回答已采纳
1回答
我在Javascript中添加了敲除js文件&在发布模式下，这些都是小型化的。在调试模式下，一切都很正常。但是，当优化启动& Visual自动缩小JsBundles时，它会更改参数名，这会引发问题。示例：
美化后的缩小文件
function ProgramViewModel() {
var n = this;
n.Programs = ko.observableArray([]);
n.SelectProgramForDetails = ko.observable('');
n.SelectedProgramList = ko.observabl
浏览 3提问于2016-03-18得票数 2
回答已采纳
我需要找出从我的Knockout observableArray中删除了哪个元素。请看我的。
我可以订阅更改，但它只返回value，这是添加或删除后的当前数组。
self.selectedDataPointOptions.subscribe(function(value) {
// how can I see which one was added or removed?
alert(value);
});
浏览 0提问于2012-08-29得票数 15
回答已采纳
1回答
我在我的一个页面中创建了一个表。我的目标是当他们选中复选框时，我将显示该表的其他元素。
我的问题是，当表第一次绘制时，一切都按预期工作。但是，如果在绘制表后选中复选框，则ko语句不会重新计算。实现这一目标的最佳方法是什么？我现在的代码在下面。
<tbody data-bind="foreach: AvailableCerts">
<tr>
<td>
<label class="label-checkbox inline">
<in
浏览 1提问于2015-05-01得票数 3
回答已采纳
问题：，我正在尝试构建一个小部件的仪表板。每个小部件的头上都会有一个删除按钮。单击此按钮时，相应的小部件必须消失。
我是如何设计的：，我有两个敲除组件。
我的小部件列表: VO将有一个小部件对象的observableArray。
：VO将在小部件中显示详细信息。
注意:为了简单起见，我要用数字替换小部件对象。
ko.components.register('my-widget-list', {
viewModel : function(params) {
var self = this;
self.val
浏览 2提问于2015-07-09得票数 6
回答已采纳
6回答
在java/android中复制/克隆对象的最佳方式是什么？
rlBodyDataObj rlbo = bdoTable.get(name);
现在，代码从hashTable分配一个对象，但我需要获得它的克隆，这样我就可以多次使用它。
浏览 1提问于2012-05-17得票数 21
回答已采纳
我正在尝试通过多个列过滤ObservableArray。
我的问题类似于这个，但是我的模型不同，因为一个可观测数组中的每个条目都是可观测的对象。
var Employee = function(name, job, state, phone)
{
this.name = ko.observable(name);
this.job = ko.observable(job);
this.state = ko.observable(state);
this.phone = ko.observable(phone);
};
self.employees = ko.ob
浏览 2提问于2015-10-02得票数 0
回答已采纳
在视图中：
posts = Posts.objects.filter(...)
template = loader.get_template('...')
context = Context({
'comments': comments,
})
return HttpResponseForbidden(template.render(RequestContext(request, context)))
在模板中：
<script type="text
浏览 2提问于2012-12-19得票数 0
我在knockout的早期版本中构建了一个应用程序，代码如下：
var ProductCollection = function(products, metadata) {
var self = this;
this.allProducts = products;
this.activeProducts = ko.observableArray(products);
然后，如果我从activeProduct数组中过滤出如下项：
this.activeProducts.remove(function(item) { //some c
浏览 2提问于2012-10-25得票数 0
回答已采纳
我有一个可选择项的observableArray (在表中)。我要做的是在单击表行时打开一个模式，将项目详细信息填充到模型中，允许编辑项目，然后保存更改--在observableArray中反映更新的项。到目前为止，我已经完成了所有其他工作，但似乎无法更新数组项。
到目前为止，我已经尝试过：
使observableArray中的每一项都成为observable
使用数组上的.replace更新项--这确实有效，但感觉不对。
回发更新后的项，将其应用到数据库中，并重新绑定数组--尽管这样做有效，难道这不就是KnockoutJS的缺点吗？
我在上面提供了一个jsFiddle
浏览 2提问于2013-07-16得票数 6
回答已采纳
下面是脚本： (参见下面的脚本内联)。
P (Page)是S (节)对象的容器，S是F (字段)对象的容器。当您单击“添加区段”，您将得到一个新的区段。类似地，当单击"Add to区段“时，您将在所选区段(currentSec)中获得一个新字段。
我不知道KO是否有直接调用节对象上的addField()函数的语法--这就是我要找的。显然，“添加字段”按钮的当前数据绑定当前是不正确的。
我知道我可以将addField()移动到Page，并让它使用currentSec来完成它的任务，但是我想知道我是否能够保持我的结构，并实现相同的结果。我非常喜欢坚持我的OOP最佳实践。
HTML：
<
浏览 5提问于2014-05-06得票数 2
回答已采纳
我有一个带有从服务器上更新的viewModel的observableArray，然后我需要能够定义一个动态数量的div到该observableArray的过滤器。
这是一个scrum板示例，所以假设您从服务器收到了一系列的故事。然后添加到viewModel.stories() observableArray中。
我希望在可观察数组中为每个层的属性的不同值设置模板绑定过滤器。
所以给你
item.BoardState是“积压”或“进行中”
我想要一个可以观察到的依赖关系，我可以顺其自然地只显示“进行中”的故事。
self.filterInProgress = ko.dependentOb
浏览 2提问于2012-02-01得票数 1
回答已采纳
我正在尝试使用pubsub消息来通知viewmodel在observablearray上所做的更改。 viewModel1 have observableArray1 viewMOdel2也使用observableArray2 我用它来传播变化： this.observableArray1.subscribe(function (newValue) {
this.observableArray1().push(newValue);
pubsub.notifySubscribers(newValue, "observableArray1&
浏览 13提问于2019-02-25得票数 1
回答已采纳
我在学淘汰赛。谁能帮我解决这个问题吗？我想从左边的文本框复制到右边的文本框。在copyValue函数中，我不知道如何访问像"self.RightFrontTire“这样的其他可观察到的
Javascript模型
var ConditionArray = [{ Id: 1, Title: 'Excellent' },
{ Id: 2, Title: 'Good' },
{ Id: 3, Title: 'Average' }]
var Size = function () {
var self = this;`enter code
浏览 2提问于2014-05-06得票数 0
回答已采纳
我有一个问题，如果我使用与observableArray的foreach绑定，就不会在屏幕上看到对observableArray所做的更改。
该绑定如下：
<div data-bind="foreach: items">
<p>
<input data-bind="value: name" />
</p>
<p>Name: <span data-bind="text: name"></span></p>
<br />
浏览 1提问于2017-01-16得票数 2
回答已采纳
我有两个下拉列表。根据第一个下拉列表的选定值，我需要填充第二个下拉列表。
我的html代码：
<select class="form-control" data-bind="options: $root.schemas, optionsText: 'schema', value: selschema"></select>
<!-- ko switch: selschema -->
<!-- ko case: ['Test', 'Another Test'] -->
浏览 2提问于2015-04-16得票数 0
回答已采纳
2回答
取消Flex双向绑定更改
、、、
实现“取消”按钮功能的最佳方式是什么(比如，对于使用共享模型和双向绑定的对话框)？
显而易见的解决方案是将对象中的每个字段复制到一个“还原”对象中，这就违背了这个目的(也可以在保存时手动设置每个值)。我在过去使用过ObjectUtil.copy/clone，但我不知道包含列表等更复杂数据类型的所有注意事项(深度复制与浅层复制)
有没有更好的/其他方法？
浏览 0提问于2012-09-22得票数 0
回答已采纳
我有一个自定义对象的treeSet。每个自定义对象由int、int、字符串c和双精度d组成。假设我有一个包含10个这样的自定义对象的treeSet对象t1。我还有另一个TreeSet对象t2，它是空的。将treeset t1中的对象复制到treeset t2中的最佳方式是什么？我希望在t2中创建新对象，而不仅仅是引用t1中的对象。一种方法是在t2中创建10个新对象，并将t1中每个对象的a、b、c和d的值复制到t2中的值。还有更好的办法吗？
浏览 11提问于2011-06-25得票数 1
2回答
从另一个数组或对象创建新数组或对象的最佳方式是什么？因为做了
var oldvar = {x:1,y:2} //or [x,y]
var newvar = oldvar
将它们联系起来，那么克隆或应对新变量的最佳方式是什么呢？
浏览 2提问于2013-05-04得票数 4
回答已采纳
我的viewModel中有一棵对象树。这些对象如下所示：
function Node() {
var self = this;
self.otherNodes = ko.observableArray([]);
self.moreNodes = ko.observableArray([]);
}
因此，在根对象的两个数组中，viewModel有一个用node对象填充的根节点。这些节点反过来可能在其数组中具有任意深度的更多节点。
在我的视图中显示这个数据结构有困难。对于我来说，树总是暗示着递归，但我不确定如何使用knockoutjs来实现。有什么建议吗？
浏览 0提问于2012-04-03得票数 10
回答已采纳
在设置ko.applybinding之后，html不会刷新。这只发生在我的选择选项对象。
public ProjectleaderList: KnockoutObservableArray<string> = ko.observableArray([]);
public AccountmanagerList: KnockoutObservableArray<string> = ko.observableArray([]);
public OrganisationcontactList: KnockoutObservableArray<str
浏览 0提问于2018-10-23得票数 1
回答已采纳
如何使用observableArray (KnockoutJS)填充TypeScript？我有一个班级作为我的ViewModel。
如果没有TypeScript，我将使用$.getJSON();加载数据并映射数据。
function ViewModel() {
var self = this;
self.list_data = ko.observableArray([]);
$.getJSON('/Home/Get', function (data) {
var mapped = $.map(data, function (obj)
浏览 2提问于2015-06-26得票数 1
回答已采纳
上下文：
我有一份twilio项目的私人副本，并且开发了很多东西，认为它是我的主分支(直接推动提交)。在开发时，我注意到twilio开发人员为几个组件推出了许多修复程序。将这些更改合并到它们存储库的当前私有副本中的最佳方法是什么？
问题：
如何私下维护公共项目的副本，并在此基础上进行开发？
浏览 4提问于2022-09-23得票数 2
回答已采纳
我正在尝试将整个存储库从服务器A迁移到服务器B。服务器A中当前的gitlab运行版本:7.7.2，服务器B运行版本:12.2.4
将整个存储库从服务器A(版本:7.7.2)迁移到服务器B(版本:12.2.4)的最佳方式是什么？
浏览 1提问于2019-09-12得票数 1
小提琴：
我的viewModel中有一个名为filterInfo的observableArray。
我有许多html控件来创建过滤器(输入、选择等)。
获取包含html控件中所有值的filterInfo的最好方法是什么？例如：
我有输入值123和选择值1，所以我需要让我的filterArray包含两个元素：
[{field: 'title', value: '123'}, {field: 'type', value: 1}]
如果我的输入是空的，并且我在下拉列表中只选择了第二个元素，则结果数组将为：
[{field: 'type'
浏览 2提问于2012-02-21得票数 1
我一直在努力完成quill18 18基于十六进制的civ风格的统一游戏编码。当我完成这个系列的时候，我试着用我的手来生成随机网格，而不是仅仅使用从Blender导入的网格。我已经成功地编写了一些代码，这些代码可以随机生成带有单峰的山地十六进制瓷砖。
但是，我不知道如何将它附加到Unity中的预置对象。按照本教程的工作方式，团结为每个瓷砖创建了一个预置对象的克隆。据我所读，这似乎是最佳实践，特别是对于更复杂的项目。这就引出了我的问题:如何使用随机生成的网格创建预制件对象？如果不能这样做，实现这一点的正确/最佳实践方法是什么？
浏览 5提问于2022-07-10得票数 0
1回答
我似乎无法让绑定在我的KnockoutJS应用程序上工作。
JSFIDDLE ->
下面是我的JSON的格式(使用<pre data-bind="text: ko.toJSON($root.forms,null,2)"></pre>生成)
[
{
"formTitle": "formTitle",
"formDescription": "formDesc",
"fieldTemplates": [
{
"
浏览 2提问于2014-12-12得票数 0
我想要显示一个可编辑的项目列表，每个项目都是可编辑的(在某种程度上，有点像一个可编辑的网格)。我正在使用KnockoutJS。我不能只使用简单的可观察数组，因为正如文档所述，“observableArray跟踪数组中的哪些对象，而不是这些对象的状态”
因此，我创建了一个可观察对象的observableArray (使用utils.arrayMap)，并将它们绑定到视图。然而，问题是，如果我在屏幕上编辑数据，用户在屏幕上所做的任何数据输入更改似乎都不会生效。请参阅
我做错了什么？
<script src="http://cdnjs.cloudflare.com/ajax/libs/
浏览 0提问于2012-04-07得票数 30
回答已采纳
4回答
我有一个关于heroku的项目工作得很好。现在我想创建相同的项目与不同的网址(相同的代码)作为我现在的工作。这样我就可以给客户的新网址作为一个‘测试’网站。我知道在heroku中，我可以重命名url，但我希望将开发与测试完全分开(数据库方面)。
最佳解决方案是什么？我是从头开始吗？cd到我的machine...clone项目上的新文件夹，从github...make新数据库-test ...push到heroku...etc。等。
浏览 0提问于2010-03-22得票数 8
我想从ko.observableArray中删除一个对象，我有两个observableArrays
self.arrayA = ko.observableArray();
self.arrayB = ko.observableArray();
然后，在一个函数中，我要删除一个项。
self.myRemoval = function(item){
var arrayToRemoveFrom;
if ( somelogic ) {
arrayToRemoveFrom = self.arrayA();
}
else {
arrayT
浏览 5提问于2014-12-21得票数 2
回答已采纳
我需要执行从Oracle 11g到12c的数据库迁移。但我不能进行直接导出和导入类型的迁移，因为将会发生大量的模式更改。我已经在sparedsheet中有了列映射，旧的列和新的列具有所有的细节，如数据类型，约束等。有新的列添加到许多表中，应该填充的默认值也是已知的。那么，执行此迁移的最佳方法应该是什么呢？
浏览 1提问于2014-04-21得票数 0
1回答
加载剑道网格非常慢。
我有一个有500-1000条记录和40个不同列的网格。网格加载速度很慢。加载网格需要几秒钟(10-15)。假设数据源是可观察的，并且是这样指定的。
kendoDataSource = new kendo.data.Datasource({
data: observableArray
})
更新记录并在UI上显示它们的最佳方式是什么？我应该使用吗？
observableArray.push.apply(observableArray, newData)
or
grid.kendoDataSource.data(observableArray)
or
define a
浏览 2提问于2018-12-05得票数 0
1回答
我使用的是一个递归模板，该模板可以概括如下：
<script id="template-name" type="text/html">
<div data-bind="foreach: $data">
<span data-bind="text: title"></span>
<div data-bind="template: { name: 'template-name', data: children }
浏览 2提问于2015-02-09得票数 1
回答已采纳
当我保存一个可观察到的IndexedDB时，我会得到一个DataCloneError。
例如使用IDBWrapper：
store = new IDBStore({
storeName: 'myStore',
keyPath: 'Id',
autoIncrement: true,
onStoreReady: loadCallback
});
...
var myObservable = ko.observable("value");
...
store.put(myObservable, refreshCa
浏览 1提问于2013-09-26得票数 0
回答已采纳
KnockoutJS是否有一个功能，而我可以这样做：
var myArray = ko.observableArray([
{ name: "Jimmy", type: "Friend" },
{ name: "George", type: "Friend" },
{ name: "Zippy", type: "Enemy" }
]);
然后在"type“字段上选择distinct，生成如下结果：
(pseudo code)
var
浏览 0提问于2012-03-27得票数 15
回答已采纳
如果我得到一个bean和一个对话框，并且它们与双向数据绑定耦合在一起，那么当用户取消编辑时，回滚到原始bean的最佳方法是什么。
编辑1
如果用户在编辑模式下打开对话框，他会做一些修改并按下"OK"，然后这个对话框关闭，底层bean被更新。当我说“取消编辑”时，我的意思是用户打开对话框并做一些修改，但按下“取消”按钮。在这种情况下，底层bean应该保持不变，但是由于数据绑定，它变得很脏，我想要返回原始bean。
当对话框打开时，我可以克隆一个bean，如果用户按下"OK“，克隆的bean将被复制回原始bean；如果用户按下”取消“，克隆的bean将被放弃。我不知道这是不
浏览 1提问于2010-09-08得票数 1
回答已采纳
3回答
我需要帮助，我有动作返回对象(JSON格式，我使用这个方法：")，这是我从动作返回的对象(DashboardController的索引)：
var model = new DashboardHomeModel()
{
CurrentCompaigns = .....................,
BuzzLeaderCompaigns = ..................,
BuzzCompaignByInterest = ..
浏览 2提问于2012-07-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
