我正在尝试扩展 jQuery UI Autocomplete小部件。在我的自定义小部件中，我需要能够覆盖 select事件，同时理想情况下还允许小部件的用户也将他们自己的处理程序附加到该事件。
这是我尝试之一的 jsfiddle:http://jsfiddle.net/nN46R/
我的第一次尝试(在 jsfiddle 中)是绑定(bind)到 _create 中的事件:
$.widget("custom.myautocomplete", $.ui.autocomplete, {
_create: function() {
this._super("_create");
// Doesn't work
this.element.bind('autocompleteselect', function() {
alert('Handling autocompleteselect!');
});
}
});
这没有用。如果您将 autocompleteselect 更改为 select，它将触发，但前提是您突出显示文本框中的任何文本 - 但那只是 jQuery 的 select处理程序触发，而不是 jQuery UI 的 autocompleteselect .不是我想要的。
根据 this post ，我尝试在小部件中定义一个 _select 方法:
$.widget("custom.myautocomplete", $.ui.autocomplete, {
_create: function() {
this._super("_create");
},
_select: function (event, ui) {
alert('Handling select!');
}
});
那也没用。我只用 select(没有下划线)尝试了同样的方法，但没有成功。
唯一可行的方法是使用 options 数组传递默认处理程序，就像这样 ( jsfiddle ):
$.widget("custom.myautocomplete", $.ui.autocomplete, {
options: {
select: function (event, ui) {
alert('Handling select!');
}
}
});
但这有几个问题。首先，看起来不可能从处理程序中调用自定义小部件中的任何其他方法:
$.widget("custom.myautocomplete", $.ui.autocomplete, {
options: {
select: function (event, ui) {
alert('Handling select!');
// Doesn't work:
// Uncaught TypeError: Object #<HTMLInputElement> has no method '_myCustomSelectHandler'
this._myCustomSelectHandler();
}
},
_myCustomSelectHandler: function (event, ui) {
alert('In _myCustomSelectHandler!');
}
});
其次，如果用户定义了他们自己的 select 处理程序，那么我的将不再触发:
$("#tags").myautocomplete({
delay: 0,
source: availableTags,
select: function (e, ui) {
alert("Muahaha! Me (the user) just overrode the select handler, and now yours won't get called!");
}
});
所以这看起来并不是真正的解决方案。
那么，有什么方法可以扩展自动完成小部件并覆盖 select 处理程序吗？
最佳答案
想通了!在第一个代码示例中，我所要做的就是绑定(bind)到 myautocompleteselect 事件而不是 autocompleteselect:
$.widget("custom.myautocomplete", $.ui.autocomplete, {
_create: function() {
this._super("_create");
// Works! Bind to the "myautocompleteselect" event, not
// "autocompleteselect".
this.element.bind('myautocompleteselect', function() {
alert('Something selected!');
});
}
});
显然，引发的事件的全名是小部件的名称与事件的名称相连 (select)。这是一个自定义小部件，因此您应该使用自定义小部件的名称，在我的示例中是 myautocomplete。
作为旁注，如果小部件用户想要绑定(bind)到其代码中的任何事件，例如自动完成菜单打开或关闭，这也与小部件用户相关。如果这是基本的自动完成小部件，他们将使用以下方式绑定(bind)到菜单打开事件:
$('#tags').bind('autocompleteopen', function(event, ui) {
console.log('autocomplete menu opening');
});
但是，如果他们使用自定义小部件 myautocomplete(扩展了 autocomplete)，他们将需要绑定(bind)到 myautocompleteopen 事件相反:
$('#tags').bind('myautocompleteopen', function(event, ui) {
console.log('custom autocomplete menu opening');
});
jQuery UI 小部件事件的事件名称是命名空间的 - 请牢记这一点!
关于javascript - 扩展 jQuery UI 小部件 - 覆盖父事件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21608273/
我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当
我有一个包含模块的模型。我想在模块中覆盖模型的访问器方法。例如:classBlah这显然行不通。有什么想法可以实现吗？ 最佳答案 您的代码看起来是正确的。我们正在毫无困难地使用这个确切的模式。如果我没记错的话，Rails使用#method_missing作为属性setter，因此您的模块将优先，阻止ActiveRecord的setter。如果您正在使用ActiveSupport::Concern(参见thisblogpost)，那么您的实例方法需要进入一个特殊的模块:classBlah
我在pry中定义了一个函数:to_s，但我无法调用它。这个方法去哪里了，怎么调用？pry(main)>defto_spry(main)*'hello'pry(main)*endpry(main)>to_s=>"main"我的ruby版本是2.1.2看了一些答案和搜索后，我认为我得到了正确的答案:这个方法用在什么地方？在irb或pry中定义方法时，会转到Object.instance_methods[1]pry(main)>defto_s[1]pry(main)*'hello'[1]pry(main)*end=>:to_s[2]pry(main)>defhello[2]pry(main)
在Ruby类中，我重写了三个方法，并且在每个方法中，我基本上做同样的事情:classExampleClassdefconfirmation_required?is_allowed&&superenddefpostpone_email_change?is_allowed&&superenddefreconfirmation_required?is_allowed&&superendend有更简洁的语法吗？如何缩短代码？ 最佳答案 如何使用别名？classExampleClassdefconfirmation_required?is_a
我们的git存储库中目前有一个Gemfile。但是，有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它，我必须将它添加到我们的Gemfile中，但每次我checkout到我们的master/dev主分支时，由于与跟踪的gemfile冲突，我必须删除它。我想要的是类似Gemfile.local的东西，它将继承从Gemfile导入的gems，但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗？ 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI
我想这样组织C源代码:+/||___+ext||||___+native_extension||||___+lib||||||___(Sourcefilesarekeptinhere-maycontainsub-folders)||||___native_extension.c||___native_extension.h||___extconf.rb||___+lib||||___(Rubysourcecode)||___Rakefile我无法使此设置与mkmf一起正常工作。native_extension/lib中的文件(包含在native_extension.c中)将被完全忽略。
是否有简单的方法来更改默认ISO格式(yyyy-mm-dd)的ActiveAdmin日期过滤器显示格式？ 最佳答案 您可以像这样为日期选择器提供额外的选项，而不是覆盖js:=f.input:my_date,as::datepicker,datepicker_options:{dateFormat:"mm/dd/yy"} 关于ruby-on-rails-事件管理员日期过滤器日期格式自定义，我们在StackOverflow上找到一个类似的问题： https://s
我正在尝试将以下SQL查询转换为ActiveRecord，它正在融化我的大脑。deletefromtablewhereid有什么想法吗？我想做的是限制表中的行数。所以，我想删除少于最近10个条目的所有内容。编辑:通过结合以下几个答案找到了解决方案。Temperature.where('id这给我留下了最新的10个条目。 最佳答案 从您的SQL来看，您似乎想要从表中删除前10条记录。我相信到目前为止的大多数答案都会如此。这里有两个额外的选择:基于MurifoX的版本:Table.where(:id=>Table.order(:id).
我有一个要在我的Rails3项目中使用的数组扩展方法。它应该住在哪里？我有一个应用程序/类，我最初把它放在(array_extensions.rb)中，在我的config/application.rb中我加载路径:config.autoload_paths+=%W(#{Rails.root}/应用程序/类)。但是，当我转到railsconsole时，未加载扩展。是否有一个预定义的位置可以放置我的Rails3扩展方法？或者，一种预先定义的方式来添加它们？我知道Rails有自己的数组扩展方法。我应该将我的添加到active_support/core_ext/array/conversion
假设您编写了一个类Sup，我决定将其扩展为SubSup。我不仅需要了解你发布的接口(interface)，还需要了解你的私有(private)字段。见证这次失败:classSupdefinitialize@privateField="fromsup"enddefgetXreturn@privateFieldendendclassSub问题是，解决这个问题的正确方法是什么？看起来子类应该能够使用它想要的任何字段而不会弄乱父类(superclass)。编辑:equivalentexampleinJava返回"fromSup"，这也是它应该产生的答案。 最佳答案