草庐IT

insert-into-select-performance-wi

全部标签

javascript - 选择 2 : Update option after selecting new tag

我实现了一个标签系统,您可以在其中选择现有标签或添加新标签。选择新标签后,它将使用AJAX调用保留。为了实现这一点,我使用回调createTag和事件select2:select。因为我喜欢只在标记被选中时才创建标记,所以如果事件select2:select被触发,我会为此执行AJAX调用。问题是我需要使用从将新标签持久保存到数据库中获得的ID更新已创建的select2选项。最干净的解决方案是什么?这是我所拥有的:$('select.tags').select2({tags:true,ajax:{url:'{{path('tag_auto_complete')}}',processRe

JavaScript : Fastest way to insert DOM element in sort order

所以我有几个(~30)个返回数据的异步调用(每个调用~25条记录),我想按特定顺序显示这些数据。目前,页面等待所有内容加载,对单个内部数组进行排序,然后添加DOM元素(每个数据项都应用于HTML模板/字符串,该模板/字符串被有效地连接并添加一次到父元素的innerHTML).我希望将数据插入每个数据集(当它返回时)...但这意味着我需要一种不同的方式来处理排序/排序。我考虑过的方法:理想情况下,将DOM镜像到某种B树中,这样INSERT操作就可以遍历树,寻找正确的元素插入之前/插入之后...因为我还没有看到任何库来解决这种需要,看来我最终会写一些代码。相对而言,手动迭代DOM以寻找要插

JavaScript : Simulate Key Events into Textbox/Input

尽管有很多关于如何在JS中模拟按键(keydown/keypress)的文章,但似乎没有一种解决方案适用于我正在使用的浏览器(FirefoxESR17.0.7、Chrome28.0.1500.72、IE10).我测试过的解决方案取自here,here,和here.我想做的是模拟文本区域/输入中的任何击键。虽然我可以追加/删除直接更改“值”的字符,但我看不到其他选项,只能为“向上”、“向下”、“主页”等键输入模拟。根据documentation,应该很简单。例如:vare=document.createEvent("KeyboardEvent");if(e.initKeyboardEve

javascript - 在 redux store 中处理 "selected"项的正确方法

当您需要保留项目列表和选定项目时,我想听听有关为这种情况构建redux存储的意见。一个例子。在同一页面上给定项目列表和所选项目的详细信息。用户应该能够从列表中选择一个项目。当一个项目被选中时,它的详细信息应该被加载。当所选项目更新时,它也应该在详细信息和列表中更新(例如,如果项目的名称发生更改,那么它也应该在列表中可见)。所有数据都应从后端获取,并且列表中的项目模型与所选项目模型不同。列表中的项目具有较少的属性/详细信息。所选项目包含有关数据的更多信息。在这种情况下,您认为构建redux存储的最佳方式是什么?我试过用谷歌搜索示例,但通常在所有示例中,项目列表中的项目和选定的项目都被认为

javascript - 在 select2 中标记新标签?

我正在使用select2,我已经设置好了,如果它不存在我可以添加一个新标签,我也在使用twitterbootstrap,如果标签不存在,我想将其标记为新标签,为此我在文本前加上'New'这是我的select2初始值设定项。$('#newVideoCategory').select2({placeholder:'Selectacategory...',data:categories,createSearchChoice:function(term,data){if($(data).filter(function(){returnthis.text.localeCompare(term)=

javascript - jstree select_limit 不工作。我想将选择限制设置为仅选择 3 个节点

我的jstree函数在这里。我已经设置了'select_limit':3,但是没有用。当我运行时,我可以选择超过3个节点,但我需要选择不超过3个节点。varj1=jQuery.noConflict();j1("#utree_activity").jstree({"plugins":["themes","html_data","ui","crrm","checkbox"],"html_data":{"ajax":{"url":urlGlobal+"jstrees/activitytree/","asynchronous":"false","data":function(n){return

javascript - 使用 Select2 从单个选择框中获取用户输入

问题我刚开始使用Select2(http://ivaynberg.github.io/select2/),我正在尝试完成一项基本任务。我有一个选择框,其中包含例如3个项目。我希望能够让用户选择3个结果中的1个或输入他们自己的结果,然后最终在提交时提交框中的任何值。我尝试过的$(document).ready(function(){$("#foo").select2({query:function(query){vardata={results:[{text:'math'},{text:'science'},{text:'english'}]};data.results.push({te

javascript - Mongoose : Inserting JS object directly into db

好的,我有一个通过AJAX发布到nodejs后端的JS对象。我想将这个js对象直接插入到我的Mongoose数据库中,因为对象键已经与数据库模式完美匹配。我目前有这个(不是动态的并且过于复杂):app.post('/items/submit/new-item',function(req,res){varformContents=req.body.formContents,itemModel=db.model('item'),newitem=newitemModel();newitem.item_ID="";newitem.item_title=formContents.item_tit

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

javascript - 有条件地将 "multiple"属性添加到 ui-select

我正在尝试使用ng-attr-multiple属性添加到ui-select指令指令。不幸的是,这对我不起作用。我已经设置了一个plunker示例来展示正在发生的事情。PlunkerExample 最佳答案 编辑看完上面提到的GitHubIssue终于明白了在Angular仓库中。您需要设置一个具有更高优先级的指令,并将terminal属性设置为true(它会跳过所有其他指令的编译,在我们的编译之后指示)。然后在postLink函数中,我们将编译整个元素本身。但在此之前我们自己的指令需要被删除(无限循环!)。大人物出局Adddirec