草庐IT

nested-select

全部标签

javascript - Select2 多选 - 以编程方式取消选择/取消选择项目

我有一个select2列表和一组外部按钮。我想单击外部按钮并取消选择select2列表中的相应项目。我知道我可以使用命令从外部值中选择项目$("#external_btn").click(function(){$("#select2").val("CA").trigger("change");});所以当我点击“external_btn”按钮时,“ca”项将在select2上被选中。但是我该如何取消选择项目?谢谢。 最佳答案 似乎没有内置函数可以通过编程方式从多选Select2控件中取消选择/取消选择选项。(参见thisdiscus

javascript - 如何延迟 select-2,以便在用户输入数据后等待一段时间

我知道上述可以通过在AJAX调用中使用quietMillis来实现,但我使用查询来缓存数据。在这里我无法延迟AJAX调用。下面是代码$('#AssetType').select2({cacheDataSource:[],placeholder:'',quietMillis:3000,query:functionq(query){self=this;varkey=query.term;varcacheData=self.cacheDataSource[key];if(cacheData){query.callback({results:$.map(cacheData,function(i

javascript - Select2 4 自定义数据适配器

我正在尝试根据此处的示例创建自定义数据适配器:http://select2.github.io/announcements-4.0.html#query-to-data-adapter.如何将创建select2控件的行移动到具有DataAdapter定义的函数之外(参见下面的代码)?$.fn.select2.amd.require(['select2/data/array','select2/utils'],function(ArrayData,Utils){functionCustomData($element,options){CustomData.__super__.constr

javascript - IE 的 document.selection.createRange 不包括前导或尾随空行

我正在尝试从文本区域中提取准确的选择和光标位置。像往常一样,在大多数浏览器中容易的事情在IE中并不容易。我正在使用这个:varsel=document.selection.createRange();vartemp=sel.duplicate();temp.moveToElementText(textarea);temp.setEndPoint("EndToEnd",sel);selectionEnd=temp.text.length;selectionStart=selectionEnd-sel.text.length;99%的时间都有效。问题是TextRange.text不返回前导

javascript - react : Nested onclick also triggers parent

我使用slickcarousel的react版本制作了一个类似Netflix的carousel。您可以单击一个图block,然后该图block会展开以显示该图block的详细信息。例子:这要归功于Slicks处理动态高度的能力。我想在扩展部分添加一个关闭按钮(如最右侧所示)。但这就是我遇到的问题。如果我添加一个带有onClick处理程序的关闭按钮,它将始终触发显示展开部分的父级Onclick。showExpandedonclick函数只是设置一个showDetails状态。所以我的问题是:如何通过单击关闭按钮来设置状态,而不同时触发包装父级。我尝试了event.preventDefau

javascript - Select2 自动触发事件变化

我有4个选择框,当我更改第一个选择框时,执行一些操作,例如清空、追加和设置下一个选择框的新值。因为我用select2就可以设置using$.select2('val','value');只是该命令会触发另一个选择上的更改事件并进行级联更改。请注意.empty()和append()不会触发(我喜欢这样),甚至.val()也不应该触发它,但是当确定使用select2时,您无法使用它访问新的val。代码在这里:functionanidado(selectorOrigen,selectorDestino){id=selectorOrigen;alert(id);destino="#"+sele

javascript - d3.select(this) 适用于鼠标悬停,但不适用于鼠标悬停时调用的函数

我是javascript的新手,目前正在努力选择this对象,同时尝试进行d3选择。我制作了以下示例,其中包含我正在调用的函数和一个onmousemove事件:functionchangeFont(){d3.select(this).attr('font-size','2em')}....on('mousemove',function(){varmouse=d3.mouse(this);varxVal=mouse[0];//thiswouldwork,butnotwhenitscalledinafunction//d3.select(this)//.attr('font-size','

javascript - Select2 国家/地区下拉列表,带有标志

是否有人为Select2提供了带有国旗的国家/地区下拉列表的易于使用的示例?我即将实现一个基于this的建议,但我宁愿避免重新发明轮子。 最佳答案 我正在处理类似的问题,下面是我的解决方法。(function($){$(function(){varisoCountries=[{id:'AF',text:'Afghanistan'},...];//Assumingyouhaveaselectelementwithnamecountry//e.g.$("[name='country']").select2({placeholder:"S

javascript - Select2 4.0 - 创建后推送新条目

我已经使用Select24.0.0-rc.1几个星期了(使用ajax适配器),我正试图找到一种方法来“推送”数据初始化。在下拉列表中,我可以选择选择列表中的条目(使用ajax)添加一个免费条目(使用createTag)添加新条目如果我选择“添加新条目”,我可以填写一个表格,一旦保存,新数据必须显示为所选条目。如果我使用select2_existing.select2({data:data}).val(4);推送数据,它可以工作,但是ajax调用不再工作。我必须要销毁select2重新创建它这将使我的新数据和ajax适配器正常工作。有没有可能不用create->data->destroy

javascript - 使用 accepts_nested_attributes_for 的 rails 中的三级嵌套表单

我一直在尝试在我的Rails应用程序中使用accepts_nested_attributes_for实现动态多模型表单。我一直在关注EloyDuran的complex-formsexample这显示了2级实现,但我一直在尝试将其扩展到3级。accepts_nested_attributes_for是否支持3级表单?谁能告诉我如何扩展示例应用程序?我已经让第3级的javascript部分工作(由于某种原因并不总是工作),但我无法保存第3级对象。它为每个属性传递的参数名称是:greatgrandparent[grandparent_attributes][0][parent_attribu