<div dir="ltr"><br><div class="gmail_extra"><br><br><div class="gmail_quote">On Sat, Oct 5, 2013 at 8:27 AM, Sabine Knöfel <span dir="ltr"><<a href="mailto:sabine.knoefel@gmail.com" target="_blank" class="vt-p">sabine.knoefel@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div>Hi Mariano,<br><br> I have a working dropdown list with jQuery autocomplete in my seaside application. <br>
<br>(Live: <a href="http://www.spesenfuchs.de" rel="nofollow" link="external" target="_blank" class="vt-p">www.spesenfuchs.de</a> -> "Ohne Login benutzen", switch to english, then page "Receipts")<br>
<br></div></div></blockquote><div><br></div><div>Hi Sabine,</div><div><br></div><div>First, let me thank you for the amount of time you took to answer!</div><div>Second, your website looks sooooo cool, really, very nice and interesting idea. Congrats!</div>
<div><br></div><div>The field you are talking about is the currency right? While this is a big step forward I wondered the following.</div><div>In the currency example, the dropdown list does not appear until you type at least one word, right?</div>
<div>I would love a combination of a typical drop down list in which the user can pick scrolling from a list to see the options, while also start typing and filtering. </div><div>See the basic example from here: <a href="http://ivaynberg.github.io/select2/">http://ivaynberg.github.io/select2/</a> </div>
<div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div>I created a fileout with a reduced version of this. This is only demo, I removed all css stuf etc. <br>
<br>To see it:<br>1) take new image<br>2) install seaside from configurations browser<br>3) install jQuery widget box<br>
Gofer new<br> url: '<a href="http://smalltalkhub.com/mc/Seaside/JQueryWidgetBox/main" rel="nofollow" link="external" target="_blank" class="vt-p">http://smalltalkhub.com/mc/Seaside/JQueryWidgetBox/main</a>';<br>
package: 'ConfigurationOfJQueryWidgetBox';<br>
load.<br>
(Smalltalk at: #ConfigurationOfJQueryWidgetBox) project stableVersion load<br>4) file in the code below<br>5) do it: RKADemoView initialize<br>6) do it: (ZnZincServerAdaptor port: 8085) start.<br><br>5) in Browser<br><a href="http://localhost:8085/RKADemo" rel="nofollow" link="external" target="_blank" class="vt-p">http://localhost:8085/RKADemo</a><br>
<br>The inspect shows that the currency has been set after selecting it.<br>I hope this is what your have been looking for.<br><br></div></div></blockquote><div><br></div><div>Thanks! Having a autocomplete working even if it is not the best I would need, is way better than my current state and very appreciated!!</div>
<div>I will test it during the weekend or on Monday (have to leave now).</div><div><br></div><div>Thank you very much!</div><div><br></div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr"><div>Sabine<br><br></div>FILEOUT:<br><div><br>'From Pharo2.0 of 7 March 2013 [Latest update: #20618] on 5 October 2013 at 1:18:06 pm'!<br>
WAComponent subclass: #RKADemoView<br> instanceVariableNames: 'currency'<br> classVariableNames: ''<br> poolDictionaries: ''<br> category: 'RKA24-View'!<br><br>!RKADemoView methodsFor: 'updateRoot' stamp: 'sabineknoefel 10/5/2013 12:37'!<br>
updateRoot: aHtmlRoot<br> super updateRoot: aHtmlRoot.<br> aHtmlRoot javascript url: '<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" rel="nofollow" link="external" target="_blank" class="vt-p">https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js</a>'.<br>
aHtmlRoot javascript url: '<a href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" rel="nofollow" link="external" target="_blank" class="vt-p">http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js</a>'. <br>
aHtmlRoot javascript url: '<a href="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" rel="nofollow" link="external" target="_blank" class="vt-p">https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js</a>'. ! !<br>
<br><br>!RKADemoView methodsFor: 'accessing' stamp: 'sabineknoefel 10/5/2013 12:07'!<br>currency<br> ^ currency! !<br><br>!RKADemoView methodsFor: 'accessing' stamp: 'sabineknoefel 10/5/2013 13:17'!<br>
currency: aString<br> currency := aString! !<br><br><br>!RKADemoView methodsFor: 'ids' stamp: 'sabineknoefel 10/5/2013 12:31'!<br>currencyFormID<br> ^ 'currencyFormID'! !<br><br><br>!RKADemoView methodsFor: 'render-blocks' stamp: 'sabineknoefel 10/5/2013 13:17'!<br>
currencyNamesFor: aString<br> ^ {'Euro'.<br> 'Dinar'.<br> 'Yen'.<br> 'Schilling'.<br> 'Som'.<br> 'Riel'.<br> 'Franc'.<br> 'Won'.<br>
'Tenge'.<br> 'Kip'.<br> 'Pfund'.<br> 'Rupie'} select: [ :each | ('*',aString,'*') match: each ] <br> <br> ! !<br><br>!RKADemoView methodsFor: 'render-blocks' stamp: 'sabineknoefel 10/5/2013 13:12'!<br>
renderBlockCurrency: html<br> ^ [ :fid :mid | <br> | theInputCurrency theInputExchanteRate |<br> theInputCurrency := html textInput<br> id: mid;<br> size: 25;<br> value: self currency;<br> script: (html jQuery this autocomplete sourceCallback: [ :term | self currencyNamesFor: term ]);<br>
callback: [ :value | <br> self currency: value.<br> self currency inspect ];<br> onBlur:<br> (html prototype evaluator <br> triggerForm: (self currencyFormID);<br>
callback: [ :script | ];<br> return: false) ] ! !<br><br><br>!RKADemoView methodsFor: 'rerender' stamp: 'sabineknoefel 10/5/2013 12:33'!<br>reRenderCurrencyOn: html<br>
self reRenderControl: (self renderBlockCurrency: html) formID: self currencyFormID on: html! !<br><br><br>!RKADemoView methodsFor: 'rendering' stamp: 'sabineknoefel 10/5/2013 12:33'!<br>renderContentOn: html<br>
self renderCurrencyOn: html! !<br><br>!RKADemoView methodsFor: 'rendering' stamp: 'sabineknoefel 10/5/2013 12:20'!<br>renderControl: aBlock formID: aFormID on: html<br> html form<br> id: aFormID;<br>
with: [ aBlock value: aFormID value: aFormID , 'id']! !<br><br>!RKADemoView methodsFor: 'rendering' stamp: 'sabineknoefel 10/5/2013 12:32'!<br>renderCurrencyOn: html<br> self<br> renderControl: (self renderBlockCurrency: html)<br>
formID: self currencyFormID<br> on: html! !<br><br><br>!RKADemoView methodsFor: 'updateOn' stamp: 'sabineknoefel 10/5/2013 12:33'!<br>updateCurrencyOn: html<br> html prototype element<br>
id: self currencyFormID;<br> update: [ :renderer | self reRenderCurrencyOn: html renderer ]! !<br><br>"-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- "!<br><br>RKADemoView class<br> instanceVariableNames: ''!<br>
<br>!RKADemoView class methodsFor: 'initialize' stamp: 'sabineknoefel 10/5/2013 12:36'!<br>canBeRoot<br> ^ true! !<br><br>!RKADemoView class methodsFor: 'initialize' stamp: 'sabineknoefel 10/5/2013 13:11'!<br>
initialize<br> "RKADemoView initialize."<br><br> WAAdmin register: self asApplicationAt: 'RKADemo'.<br> JQuery functionName: 'jQuery'.<br> ! !<br><br><br>RKADemoView initialize!<br><br>
</div></div><div class="gmail_extra"><br><br><div class="gmail_quote"><div class="im">On Fri, Oct 4, 2013 at 5:44 PM, Paul DeBruicker [via Smalltalk] <span dir="ltr"><<a href="http://user/SendEmail.jtp?type=node&node=4712640&i=0" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>></span> wrote:<br>
</div><blockquote style="border-left-width:2px;border-left-style:solid;border-left-color:rgb(204,204,204);padding:0px 1em" class="gmail_quote"><div class="im"><div>
        The JQDeployment* and JQGoogle* libraries are the same file, one is served from the image and the other is served from Google's CDN. Choose either one and go with that.
<br><br>Also the JQuery libraries should come first in the list as I assume they are served in the order displayed and the JQuery dependent stuff will fail if its not present when they are loaded.
<br><br>Check your browser's development tools for javascript errors.
<br><br>In Chrome I think you hit F12 to open the dev tools
<br><br><br><br></div></div><div class="im"><div>On Oct 4, 2013, at 8:07 AM, Mariano Martinez Peck <<a href="http://user/SendEmail.jtp?type=node&node=4712549&i=0" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>> wrote:
<br></div></div><div><div class="im"><div><div><br>> Thanks Johan. I am trying the very same example of JQAutocompleteFunctionalTest doing a simple:
<br>>
<br>> self call: JQAutocompleteFunctionalTest new.
<br>>
<br>> in my app but it does not seem to work...nothing is displayed. I put a halt in sourceCallback: but never halts.
<br>> It is the first time I install JQuery in this app so I may have done something wrong.
<br>> The file libraries I added are the ones you can see in the screenshot. Is there anything else I should do?
<br>>
<br>> Thanks!
<br>>
<br>>
<br>>
</div></div></div><div class="im"><div>> On Fri, Oct 4, 2013 at 11:14 AM, Johan Brichau <<a href="http://user/SendEmail.jtp?type=node&node=4712549&i=1" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>> wrote:
<br>> At a certain point in time, this autocompleter got added to jQuery itself.
<br>>
<br>> Therefore, the jQuery autocomplete comes with the jQueryUI package of Seaside itself.
<br>> Look for JQAutocomplete if you loaded jQueryUI with Seaside
<br>>
<br></div></div><div class="im"><div>> On 04 Oct 2013, at 16:00, Mariano Martinez Peck <<a href="http://user/SendEmail.jtp?type=node&node=4712549&i=2" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>> wrote:
<br>>
<br>> > Hi guys,
<br>> >
<br>> > I am searching for a dropdown list with autocomplete, ideally, already integrated with seaside. I am experimenting with Twitter Bootstrap for some part of the application so I saw there are a few projects like "Select2", "typeahead", "Bootstrap Combobox", etc...they normall end up using jquery.js. But none of them is already integrated in Seaside...
<br>> >
<br>> > I saw JQueryWidgetBox, but in <a href="http://smalltalkhub.com/#!/~Seaside/JQueryWidgetBox" rel="nofollow" link="external" target="_blank" class="vt-p">http://smalltalkhub.com/#!/~Seaside/JQueryWidgetBox</a><br>
> > in the entry: Autocomplete <a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" rel="nofollow" link="external" target="_blank" class="vt-p">http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/</a><br>
> > If you follow that it says the plugin has been deprecated...
<div><br>> >
<br>> > I am using Seaside 3.0. Anyway has a working dropdown list with autocomplete?
<br>> >
<br>> > Thank you very much in advance,
<br>> >
<br>> > --
<br>> > Mariano
<br>> > <a href="http://marianopeck.wordpress.com" rel="nofollow" link="external" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>> > _______________________________________________
<br>> > seaside mailing list
</div></div></div>> > <a href="http://user/SendEmail.jtp?type=node&node=4712549&i=3" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>
<br><div class="im"><div>> > <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="nofollow" link="external" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
>
<br>> _______________________________________________
<br>> seaside mailing list
<br></div></div>> <a href="http://user/SendEmail.jtp?type=node&node=4712549&i=4" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>
<br><div class="im"><div>> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="nofollow" link="external" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
>
<br>>
<br>>
<br>> --
<br>> Mariano
<br>> <a href="http://marianopeck.wordpress.com" rel="nofollow" link="external" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br></div><div>> <Screen Shot 2013-10-04 at 12.04.34 PM.png>_______________________________________________
<br>> seaside mailing list
<br></div></div>> <a href="http://user/SendEmail.jtp?type=node&node=4712549&i=5" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>
<br>> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="nofollow" link="external" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a></div>
<br>_______________________________________________
<br>seaside mailing list
<br><a href="http://user/SendEmail.jtp?type=node&node=4712549&i=6" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a>
<br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="nofollow" link="external" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
        
        
        
        <br>
        <br>
        <hr color="#cccccc" noshade size="1">
        <div style="color:rgb(68,68,68);font-style:normal;font-variant:normal;font-weight:normal;font-size:12px;line-height:normal;font-family:tahoma,geneva,helvetica,arial,sans-serif"><div>
                <div style="font-weight:bold">If you reply to this email, your message will be added to the discussion below:</div>
                </div><a href="http://forum.world.st/Dropdown-list-with-autocomplete-tp4712525p4712549.html" rel="nofollow" link="external" target="_blank" class="vt-p">http://forum.world.st/Dropdown-list-with-autocomplete-tp4712525p4712549.html</a>
        </div><div><div>
        <div style="color:rgb(102,102,102);font-style:normal;font-variant:normal;font-weight:normal;font-size:11px;font-family:tahoma,geneva,helvetica,arial,sans-serif;margin-top:0.4em;line-height:1.5em">
                To start a new topic under Seaside General, email <a href="http://user/SendEmail.jtp?type=node&node=4712640&i=1" rel="nofollow" link="external" target="_blank" class="vt-p">[hidden email]</a> <br>
                To unsubscribe from Seaside, <a rel="nofollow" link="external" class="vt-p">click here</a>.<br>
                <a href="http://forum.world.st/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml" rel="nofollow" style="font-style:normal;font-variant:normal;font-weight:normal;font-size:9px;line-height:normal;font-family:serif" link="external" target="_blank" class="vt-p">NAML</a>
        </div></div></div></blockquote></div><br></div>
        
        
        
<br><hr align="left" width="300">
View this message in context: <a href="http://forum.world.st/Dropdown-list-with-autocomplete-tp4712525p4712640.html" target="_blank" class="vt-p">Re: Dropdown list with autocomplete?</a><br>
Sent from the <a href="http://forum.world.st/Seaside-General-f86180.html" target="_blank" class="vt-p">Seaside General mailing list archive</a> at Nabble.com.<br><br>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div>-- <br>Mariano<br><a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
</div></div>