草庐IT

select-insert

全部标签

JavaScript : Fastest way to insert DOM element in sort order

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

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

javascript - 检测 HTML select 元素是否展开(无需手动跟踪状态)

我想检测下拉列表是否展开。我不想为单击/鼠标悬停等使用额外的事件处理程序,因为下拉菜单是动态的,并且由于其他原因我不能使用jQuerylive之类的东西。基本上我想要一些可以给任意select元素(没有其他附加的事件处理程序、类等)的东西,可以给出是否扩展的真/假答案。对于我的特定应用程序,我正在处理鼠标滚轮事件,但不想在下拉菜单打开时处理它们(这会覆盖浏览器的默认功能)。但是,当鼠标悬停在select上但没有打开它时,我仍然想处理鼠标滚轮事件。 最佳答案 出于类似的原因,我之前调查过这个问题。除了尝试手动跟踪它之外,我永远找不到解

javascript - Select2 - Ajax 搜索 - 记住最后的结果

我正在使用Select23.5.1。使用此插件,我可以成功加载远程数据。但是,我今天在这里提出一个问题以改进此搜索。这是了解我想做什么的分步操作:设置一个带有远程数据加载的Select2(使用ajax)。点击Select2输入并搜索内容。加载将出现,几秒钟后您将看到结果列表。单击其中一个列出的结果-结果框随后会消失。如果再次单击搜索框,列表将为空,您需要再次键入一些新文本才能获得结果列表。有没有可能当我们再次点击搜索框时,没有任何ajax调用,之前搜索的结果列表重新出现?然后,如果用户删除一个字符或更改他的搜索条件,它将再次触发ajax搜索。如果可能,我们将如何编码?我希望我的问题很清