Tag: jquery ui autocomplete

自动完成._renderItem并将一个Class添加到包装器

在这里关闭示例http://jqueryui.com/demos/autocomplete/#custom-data我想知道如何在使用_renderItem()时向ul包装器添加样式： .data( “autocomplete” )._renderItem = function( ul, item ) { return $( “” ) .data( “item.autocomplete”, item ) .append( “” + item.label + “” + item.desc + “” ) .appendTo( ul ); };

JQuery自动完成如何在自动完成文本输入中写入标签？

您好我正在使用jQuery UI自动完成。 我从下拉区域获取值和标签。 我将在隐藏的输入中写入值并稍后使用它。 我可以这样做，但是我不能在选择项之后在搜索输入中写标签。 当我在下拉框中选择一行时，行的值将显示在搜索区域（#tags）中，但我希望标签位于此处。 这是我的代码：谢谢 $(document).ready(function () { var selectedLabel = null; var yerler = [ { “value”: 3, “label”: “Adana Seyhan” }, { “value”: 78, “label”: “Seyhan Adana” }, { “value”: 17, “label”: “Paris Fransa” }, { “value”: 123, “label”: “Tokyo Japan”} ]; $(“#tags”).autocomplete({ source: yerler, select: function (event, ui) { $(“#projeKatmanRaporCbx”).val(ui.item.value); […]

jQuery – 在自动完成中使用键/值对

在我的ASP MVC视图中，我从控制器传回一个键/值对。 在查看提琴手并在Chrome的调试器中查看之后，我可以看到信息正在被正确传回。 我希望键/值对的值是autocomplete列表中显示的项目。 当用户从列表中选择一个项目时，我希望将该项目的key放入文本框中。 这是我视图中的jQuery代码 $(function () { $(‘#DRMCompanyId’).autocomplete({ source: ‘@Url.Action(“compSearch”, “AgentTransmission”)’, minLength: 2, select: function (event, ui) { $(‘#DRMCompanyId’).val(ui.item.label); } }); }); 我注意到的一件事 – 如果我将ui变量添加到浏览器调试器的监视列表中，我注意到标签和值完全相同。 但是，我再次看到返回的是完整的键/值对。 以下是搜索完成后网络/响应控制台的屏幕截图。 有些数据是私有的，所以我把它涂黑了但是你可以看到有一个键/值对返回。

Jquery UI自动完成 – 图像在结果叠加中，而不是像演示一样在外面

我有自动填充的jQueryUI代码如下…. $(function() { var updates = [ { value: “URL”, label: “some text”, icon: “jqueryui_32x32.png”}; ]; $(“input#autocomplete”).autocomplete({ delay: 10, minLength: 0, source: updates, select: function( event, ui ) { window.location.href = ui.item.value; } }); }); 它主要产生一个站点搜索，其结果是直接链接。 我想在结果中添加本地存储的图像，以更好地模仿脸书。 在将用户引导到“自定义数据”演示之前，我没有运气和看过问题。 这是一个这样的问题…… 如何将图像添加到此JQueryUI自动完成插件的结果中？ 我知道或者这个演示…… http://jqueryui.com/demos/autocomplete/#custom-data ..但没有关于如何进行此操作的指导。详细说明格式化结果叠加本身/将图像放入叠加层。 我真的很茫然。 我整天都在解剖这个演示，没有任何东西可以展示。 这应该很容易，因为所有数据和图像都是本地的。 它们与此搜索位于同一文件夹中。 这里没有PHP或数据库的东西来处理….. 我真的非常讨厌jQuery UI，因为它的文档记录很差，而且它有多么复杂……所有的自定义内容都在多个文件中等等….我曾经使用JÖRNZAEFFERER的插件接受了简单的HTML标签。 它工作得很好直到IE8 …… 任何对此的见解都非常感谢。

jQuery自动完成，当我提出一个新的时，我可以让之前的ajax调用停止吗？

我正在使用jQuery的autocomplete ，但是发现了一个与性能相关的问题 – 如果我输入’abc’，它会被’a’，’ab’和’abc’扫描，一次，我怎么能当ajax调用正在通过’abc’进行搜索时，停止前一个’a’，’ab’？ 类似的情况是：我使用jQuery DataTables，并希望进行一些搜索，例如，我输入要搜索的内容（调用搜索网络方法），然后单击按钮 – 一次“搜索”3次，或者在我查看时更改搜索文本点击“搜索”，然后提出新的搜索，我怎样才能停止以前无用的ajax调用？

选择事件上的Jquery自动完成

我正在使用jQuery自动完成并且它工作正常，现在我想在发生以下情况时从jQuery在会话中存储变量。 当有人输入任何单词jQuery显示建议下拉列表时，如果有人从该建议下拉菜单中选择一个项目。 我想捕获上面的点并在会话中存储变量。 我搜索了Google，StackOverflow但没有找到相关的解决方案。 我的自动填充代码如下： $(“.autosearch-smart”).autocomplete(‘Home/GetCompanyNames’, { minChars: 1, width: 402, matchContains: “word”, autoFill: true }); 这就是我试图做的事情： $(“.autosearch-smart”).autocomplete(‘Home/GetCompanyNames’, { minChars: 1, width: 402, matchContains: “word”, autoFill: true, select: function (a, b) { alert(“selected”); } }); 编辑：选择事件处理程序也无法正常工作 我在C＃中使用asp.net MVC3。 请帮助我，并提前感谢。

具有混合文本/ ID搜索的jQuery UI自动完成

我在为jQuery的自动完成小部件工作方面遇到了很多麻烦。 我正在使用服务器中的键/值对列表。 我有以下要求： 如果用户从窗口小部件中选择一个值，我想将ID传递给服务器。 如果用户没有选择值并输入原始文本，或者修改已经选择的值，我希望清除ID字段，只需要将原始文本发送到服务器。 假设someAjaxFunction返回自动完成小部件所需的对象数组： {label:label, value:key} 。 最初我像这样设置自动完成小部件： $(input).autocomplete({ source: sourceFunction, minLength: 1 }); 即使将鼠标hover在其中一个项目上，更改选择也会将$（输入）引用的文本框中的文本更改为基础键，而不是标签。 从用户交互的角度来看，这是非常不受欢迎的 – 事实上，我正在调查这一点的原因是因为我正在构建的网站的用户一直对他们输入的文本感到困惑，似乎变成了随机数！ 我在文本框下添加了一个隐藏字段，并实现了select（）和focus（）事件，以便隐藏ID，如下所示： $(input).autocomplete({ source: sourceFunction, minLength: 1 focus: function(event, ui) { $(idField).val(ui.item.value); $(this).val(ui.item.label); return false; }, select: function(event, ui) { $(idField).val(ui.item.value); $(this).val(ui.item.label); return false; }, minLength: 1 }); 当用户坚持使用自动完成下拉列表提供的脚本时，这很有效。 该ID被隐藏并正确提交给服务器。 不幸的是，如果用户想要在框中输入一些自由格式文本并根据该值进行搜索，则不会重置ID字段，并且先前选择的ID将提交给服务器。 这也很令人困惑。 jQuery UI自动完成文档列出了change事件，并声明ui参数的item属性将设置为所选项。 我想我可以在按键上重置隐藏的id字段，并在更改自动完成时重新填充ID。 不幸的是，除了按键事件捕获一大堆不应该重置ID的按键之外，上述select事件中的return […]

分别更改jquery-ui自动完成小部件的宽度

我正在一个页面上使用多个jquery-ui自动完成小部件，并希望能够单独设置每个小部件的宽度。 目前，我这样做： $($(‘.ui-autocomplete’)[0]).width(150); $($(‘.ui-autocomplete’)[1]).width(105); $($(‘.ui-autocomplete’)[2]).width(80); 这不是真正的解决方案，因为用户能够以不同的顺序触发各种自动复合，并且此代码仅根据它们添加到DOM的顺序对它们进行设置。 触发自动完成时，它似乎创建了一个 ，然后将其放在触发它的输入框下。 不幸的是，我在这个生成的 找不到任何唯一标识符来锁定并应用一些CSS。 我的问题与此问题不同，因为我只使用默认的自动完成function，而不是自动完成combobox。 此外，挖掘自动完成 并将不同的自动完成框宽度与列表中的值匹配也不起作用，因为这些值是动态生成的。 有任何想法吗？

遇到jQuery UI自动完成问题

我正在尝试在jQuery UI中使用新的自动完成function ，但我遇到了一些问题。 我能够从数据库中检索数据（我可以在FireBug中看到它），但是我无法显示下拉列表（或警告数据）。 这是我的jQuery代码： jQuery(‘#brand_search’).autocomplete({ source: “http://mysite.com/wp-content/themes/storelocator/include/jquery.search.php?instance=brand”, minLength: 2, delay: 50, select: function(e, ui) { alert(ui); } }); 这是我的PHP代码： /* —————— Brand Autosuggest ————————- */ function autosuggestBrand($dal) { $result = $dal->getRowBySearch(‘sl_label’,’name’, $this->term); $brands = array(); if(mysql_num_rows($result)>0) { while($row = mysql_fetch_assoc($result)) { array_push($brands, array( “id” => $row[‘id’], “name” => html_entity_decode($row[‘name’], ENT_QUOTES, ‘UTF-8’) ) ); } […]

在文本中间自动完成（例如Google Plus）

有很多选择可以做自动完成。 他们中的大多数似乎都在输入的前几个字母上工作。 在Google Plus中，自动填充选项在输入@后很快就会下降，无论它在表单字段中出现在何处，并使用@后面的字母来指导自动完成。 （它看起来也很不错！） 有没有人共享代码来做这种事情？ 有没有人有任何指针试图实现这个玩具版本（例如在jQuery中）？