<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: JQuery autocomplete has conflict with search modal box</title>
	<link>http://www.trirand.com/blog/?page_id=393/bugs/jquery-autocomplete-has-conflict-with-search-modal-box</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/bugs/jquery-autocomplete-has-conflict-with-search-modal-box/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>mehran on JQuery autocomplete has conflict with search modal box</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/jquery-autocomplete-has-conflict-with-search-modal-box#p24904</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/jquery-autocomplete-has-conflict-with-search-modal-box#p24904</guid>
        	        	<description><![CDATA[<p>I&#39;ve wirten a piece of code in order to add jquery autocomplete plugin to input fields in search modal box.</p>
<p>the autocomplete works fine, but when i select any suggestion from it, search module does not work properly.</p>
<p>e.g. i write "som" in the text field,autocomplete suggest "somethings" and i select that. then&#160;i press the "Find" button to search :</p>
<p>In Chrome : search request is look like this &#62;&#62;&#160;</p>
<p><span style="white-space: pre;"> </span>filters: {"groupOp":"AND","rules":[{"field":"manufacturer","op":"eq","data":"<strong>som</strong>"}]}</p>
<p><span style="white-space: pre;"> </span>just same chars which i&#39;ve entered ,is sent via request!!!!!</p>
<p>In FireFox : the first request is correct and filter done correctly,but when i wanna change the value (e.g type "something else"), the request does not change, and it resend the previuos word(in this example "somethings") !?!!!?</p>
</p>
<p>and in IE 7 everything is fine!!!!!!</p>
</p>
<p>this is my script that add jquery autocmlpt :</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit1612' value='Select Code' data-codeid='sfcode1612' /></p>
<div class='sfcode' id='sfcode1612'>
<p>thisInput.autocomplete({</p>
<p><span style=&#34;white-space: pre;&#34;> </span>minLength: 1,</p>
<p><span style=&#34;white-space: pre;&#34;> </span>source: url,</p>
<p><span style=&#34;white-space: pre;&#34;> </span>select: function( event, ui ) {</p>
<p><span style=&#34;white-space: pre;&#34;> </span>$(this).val(ui.item.value);</p>
<p><span style=&#34;white-space: pre;&#34;> </span>}</p>
<p>});</p>
</div>
<p>I tried this line in Chrome Devel tool console :</p>
<p><input type='button' class='sfcodeselect' name='sfselectit3943' value='Select Code' data-codeid='sfcode3943' /></p>
<div class='sfcode' id='sfcode3943'>$(&#39;#jqg1&#39;).val(&#39;somethings&#39;);</div>
<p>and then pressed Find button. the result was the same BUG!!!!!</p>
]]></description>
        	        	<pubDate>Sun, 16 Oct 2011 11:19:53 +0300</pubDate>
        </item>
</channel>
</rss>