Hi,
I'm trying to get the choice from one selectFromList to trigger a second selectFromList in a form without having to hit a submit button.
E.g. similar to online clothing stores where each product comes in a multiple of colours which each have a different corresponding list of available sizes.
Can the selectFromList method achieve this?
If not is there another method that can achieve this and does anyone have an example?
Regards,
Dirk
_______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
WASelectTag>>beSubmitOnChange, perhaps?
Cheers! -Boris -- +1.604.689.0322 DeepCove Labs Ltd. 4th floor 595 Howe Street Vancouver, Canada V6C 2T5 http://tinyurl.com/r7uw4 [hidden email] CONFIDENTIALITY NOTICE This email is intended only for the persons named in the message header. Unless otherwise indicated, it contains information that is private and confidential. If you have received it in error, please notify the sender and delete the entire message including any attachments. Thank you. > -----Original Message----- > From: [hidden email] [mailto:seaside- > [hidden email]] On Behalf Of dirk newbold > Sent: Sunday, June 10, 2007 3:09 PM > To: Seaside - general discussion > Subject: [Seaside] Forms - Select List: action before submit button > > Hi, > > I'm trying to get the choice from one selectFromList to trigger a > selectFromList in a form without having to hit a submit button. > E.g. similar to online clothing stores where each product comes in a > multiple of colours which each have a different corresponding list of > available sizes. > > Can the selectFromList method achieve this? > > If not is there another method that can achieve this and does anyone have > an example? > > Regards, > > Dirk _______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Sorry, I forgot to mention that I'm a newbie. Just tried to implement this but no luck.
How do I use WASelectTag>>beSubmitOnChange for this example?
Say I have a Dictionary (colourSizes in class named Product) set up where the key is the colour and the value is an OrderedCollection of the corresponding available sizes.
" The colour select box "
html select
beSubmitOnChange; size: ??? list: (Product colourSizes keys);
selected: callback:
" The available sizes select box driven by the choice from the colour select box "
html selectFromList:
selected:
callback: Cheers,
Dirk
On 6/10/07, Boris Popov <[hidden email]> wrote:
WASelectTag>>beSubmitOnChange, perhaps? _______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
All,
I found the exact example I am trying to achieve as per this ajax link above.
I'm guessing Seaside has same deal but can't see to make anything work - I'm new at all this.
Thanks,
Dirk
On 6/11/07, dirk newbold <[hidden email]> wrote:
_______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
dirk newbold a écrit :
> All, > > http://ajax.asp.net/ajaxtoolkit/CascadingDropDown/CascadingDropDown.aspx > > I found the exact example I am trying to achieve as per this ajax link > above. > > I'm guessing Seaside has same deal but can't see to make anything work > - I'm new at all this. > > Thanks, > > Dirk that... in 3 different select... have a look at SUClassBrowser renderCategoriesOn: html... or see implementors of #updater Also, there was a similar stuuf with SeasideAsync but if you use only scriptaculous, this should be somethink like (not tested): renderContentOn: html html div id: 'box1'; with: [self renderBox1On: html]. html div id: 'box2'; with: [self renderBox2On: html]. html div id: 'box1'; with: [self renderBox3On: html]. renderBox1On: html html select id: 'box1'; selected: self val1; list: self list1; callback: [:valBox1 | self val1 := valBox1] onChange: (hmtl updater id: 'box2'; "on change, update the box named box2" triggerFormElement: 'box1' "also triger the action associated to that form element.... self val1 := valBox1 ort whaterver..." callback: [:render | self renderBox2On: render]. " the box is redrawn with the rendering fonction renderBox3" onSuccess: (html updater "don't forget to upadate the last box..." id: 'box3'; callback: [:render | self renderBox3On: render]) renderBox2On: html html select id: 'box2'; selected: self val2; list: self list2; callback: [:valBox2 | self val2 := valBox2] onChange: (hmtl updater id: 'box2'; triggerFormElement: 'box2'; callback: [:render | self renderBox3On: render] renderBox3On: html html select id: 'box3'; selected: self val3; list: self list3; callback: [:valBox3 | self val3 := valBox3] onChange: (hmtl request triggerFormElement: 'box2'] "only trigger the callback associated to id box3... no rendering needed..." hth Cédrick _______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Thanks very much - I'll give it a go.
Cheers, Dirk On 6/12/07, Cédrick Béler <[hidden email]> wrote: > dirk newbold a écrit : > > All, > > > > http://ajax.asp.net/ajaxtoolkit/CascadingDropDown/CascadingDropDown.aspx > > > > I found the exact example I am trying to achieve as per this ajax link > > above. > > > > I'm guessing Seaside has same deal but can't see to make anything work > > - I'm new at all this. > > > > Thanks, > > > > Dirk > I think you have to use the updater and onChange() event to realize > that... in 3 different select... > have a look at SUClassBrowser renderCategoriesOn: html... or see > implementors of #updater > Also, there was a similar stuuf with SeasideAsync but if you use only > scriptaculous, this should be somethink like (not tested): > > renderContentOn: html > html div > id: 'box1'; > with: [self renderBox1On: html]. > html div > id: 'box2'; > with: [self renderBox2On: html]. > html div > id: 'box1'; > with: [self renderBox3On: html]. > > > renderBox1On: html > html select > id: 'box1'; > selected: self val1; > list: self list1; > callback: [:valBox1 | self val1 := valBox1] > onChange: (hmtl updater > id: 'box2'; "on change, update the box > named box2" > triggerFormElement: 'box1' "also triger > the action associated to that form element.... self val1 := valBox1 > ort whaterver..." > callback: [:render | self renderBox2On: > render]. " the box is redrawn with the rendering fonction renderBox3" > onSuccess: (html updater "don't forget to > upadate the last box..." > id: 'box3'; > callback: [:render | self > renderBox3On: render]) > > renderBox2On: html > html select > id: 'box2'; > selected: self val2; > list: self list2; > callback: [:valBox2 | self val2 := valBox2] > onChange: (hmtl updater > id: 'box2'; > triggerFormElement: 'box2'; > callback: [:render | self renderBox3On: render] > > renderBox3On: html > html select > id: 'box3'; > selected: self val3; > list: self list3; > callback: [:valBox3 | self val3 := valBox3] > onChange: (hmtl request > triggerFormElement: 'box2'] "only trigger > the callback associated to id box3... no rendering needed..." > > > hth > > Cédrick > _______________________________________________ > Seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Is Scriptaculous in the SeasideForWebToolKit parcel or do I have to
load another parcel - it's just that the 'updater' method below is not understood and I can't seem to find it? Dirk On 6/12/07, dirk newbold <[hidden email]> wrote: > Thanks very much - I'll give it a go. > > Cheers, > > Dirk > > On 6/12/07, Cédrick Béler <[hidden email]> wrote: > > dirk newbold a écrit : > > > All, > > > > > > > http://ajax.asp.net/ajaxtoolkit/CascadingDropDown/CascadingDropDown.aspx > > > > > > I found the exact example I am trying to achieve as per this ajax link > > > above. > > > > > > I'm guessing Seaside has same deal but can't see to make anything work > > > - I'm new at all this. > > > > > > Thanks, > > > > > > Dirk > > I think you have to use the updater and onChange() event to realize > > that... in 3 different select... > > have a look at SUClassBrowser renderCategoriesOn: html... or see > > implementors of #updater > > Also, there was a similar stuuf with SeasideAsync but if you use only > > scriptaculous, this should be somethink like (not tested): > > > > renderContentOn: html > > html div > > id: 'box1'; > > with: [self renderBox1On: html]. > > html div > > id: 'box2'; > > with: [self renderBox2On: html]. > > html div > > id: 'box1'; > > with: [self renderBox3On: html]. > > > > > > renderBox1On: html > > html select > > id: 'box1'; > > selected: self val1; > > list: self list1; > > callback: [:valBox1 | self val1 := valBox1] > > onChange: (hmtl updater > > id: 'box2'; "on change, update the box > > named box2" > > triggerFormElement: 'box1' "also triger > > the action associated to that form element.... self val1 := valBox1 > > ort whaterver..." > > callback: [:render | self renderBox2On: > > render]. " the box is redrawn with the rendering fonction renderBox3" > > onSuccess: (html updater "don't forget to > > upadate the last box..." > > id: 'box3'; > > callback: [:render | self > > renderBox3On: render]) > > > > renderBox2On: html > > html select > > id: 'box2'; > > selected: self val2; > > list: self list2; > > callback: [:valBox2 | self val2 := valBox2] > > onChange: (hmtl updater > > id: 'box2'; > > triggerFormElement: 'box2'; > > callback: [:render | self renderBox3On: > render] > > > > renderBox3On: html > > html select > > id: 'box3'; > > selected: self val3; > > list: self list3; > > callback: [:valBox3 | self val3 := valBox3] > > onChange: (hmtl request > > triggerFormElement: 'box2'] "only trigger > > the callback associated to id box3... no rendering needed..." > > > > > > hth > > > > Cédrick > > _______________________________________________ > > Seaside mailing list > > [hidden email] > > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Hi Dirk,
it is an extra package (in the public repository)... Magnus dirk newbold schrieb: > Is Scriptaculous in the SeasideForWebToolKit parcel or do I have to > load another parcel - it's just that the 'updater' method below is not > understood and I can't seem to find it? > > Dirk > > On 6/12/07, dirk newbold <[hidden email]> wrote: >> Thanks very much - I'll give it a go. >> >> Cheers, >> >> Dirk >> >> On 6/12/07, Cédrick Béler <[hidden email]> wrote: >> > dirk newbold a écrit : >> > > All, >> > > >> > > >> http://ajax.asp.net/ajaxtoolkit/CascadingDropDown/CascadingDropDown.aspx >> > > >> > > I found the exact example I am trying to achieve as per this ajax >> link >> > > above. >> > > >> > > I'm guessing Seaside has same deal but can't see to make anything >> work >> > > - I'm new at all this. >> > > >> > > Thanks, >> > > >> > > Dirk >> > I think you have to use the updater and onChange() event to realize >> > that... in 3 different select... >> > have a look at SUClassBrowser renderCategoriesOn: html... or see >> > implementors of #updater >> > Also, there was a similar stuuf with SeasideAsync but if you use only >> > scriptaculous, this should be somethink like (not tested): >> > >> > renderContentOn: html >> > html div >> > id: 'box1'; >> > with: [self renderBox1On: html]. >> > html div >> > id: 'box2'; >> > with: [self renderBox2On: html]. >> > html div >> > id: 'box1'; >> > with: [self renderBox3On: html]. >> > >> > >> > renderBox1On: html >> > html select >> > id: 'box1'; >> > selected: self val1; >> > list: self list1; >> > callback: [:valBox1 | self val1 := valBox1] >> > onChange: (hmtl updater >> > id: 'box2'; "on change, update the >> box >> > named box2" >> > triggerFormElement: 'box1' "also triger >> > the action associated to that form element.... self val1 := valBox1 >> > ort whaterver..." >> > callback: [:render | self renderBox2On: >> > render]. " the box is redrawn with the rendering fonction >> renderBox3" >> > onSuccess: (html updater "don't >> forget to >> > upadate the last box..." >> > id: 'box3'; >> > callback: [:render | self >> > renderBox3On: render]) >> > >> > renderBox2On: html >> > html select >> > id: 'box2'; >> > selected: self val2; >> > list: self list2; >> > callback: [:valBox2 | self val2 := valBox2] >> > onChange: (hmtl updater >> > id: 'box2'; >> > triggerFormElement: 'box2'; >> > callback: [:render | self renderBox3On: >> render] >> > >> > renderBox3On: html >> > html select >> > id: 'box3'; >> > selected: self val3; >> > list: self list3; >> > callback: [:valBox3 | self val3 := valBox3] >> > onChange: (hmtl request >> > triggerFormElement: 'box2'] "only trigger >> > the callback associated to id box3... no rendering needed..." >> > >> > >> > hth >> > >> > Cédrick >> > _______________________________________________ >> > Seaside mailing list >> > [hidden email] >> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >> > >> > _______________________________________________ > Seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > -- Magnus Schwarz * Senior Smalltalk Architect * mailto:[hidden email] phone:+49 231 97599-0 * fax:+49 231 97599-20 Georg Heeg eK Dortmund Handelsregister: Amtsgericht Dortmund A 12812 --------------------------------------------------- PGP PUBLIC KEY BLOCK via http://www.heeg.de/~magnus _______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Ah thankyou.
On 6/12/07, Magnus Schwarz <[hidden email]> wrote:
Hi Dirk, _______________________________________________ Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
In reply to this post by Magnus Schwarz
SeasideScriptaculous comes also as a parcel on the VW CD. See in the contributed/Seaside folder. Michel. > -----Original Message----- > From: [hidden email] > [mailto:[hidden email]] On Behalf > Of Magnus Schwarz > Sent: mardi, 12. juin 2007 14:08 > To: Seaside - general discussion > Subject: Re: [Seaside] Forms - Select List: action before > submit button > > Hi Dirk, > > it is an extra package (in the public repository)... > > Magnus > > dirk newbold schrieb: > > Is Scriptaculous in the SeasideForWebToolKit parcel or do I have to > > load another parcel - it's just that the 'updater' method > below is not > > understood and I can't seem to find it? > > > > Dirk > > > > On 6/12/07, dirk newbold <[hidden email]> wrote: > >> Thanks very much - I'll give it a go. > >> > >> Cheers, > >> > >> Dirk > >> > >> On 6/12/07, Cédrick Béler <[hidden email]> wrote: > >> > dirk newbold a écrit : > >> > > All, > >> > > > >> > > > >> > http://ajax.asp.net/ajaxtoolkit/CascadingDropDown/CascadingDropDown.a > >> spx > >> > > > >> > > I found the exact example I am trying to achieve as > per this ajax > >> link > >> > > above. > >> > > > >> > > I'm guessing Seaside has same deal but can't see to > make anything > >> work > >> > > - I'm new at all this. > >> > > > >> > > Thanks, > >> > > > >> > > Dirk > >> > I think you have to use the updater and onChange() event > to realize > >> > that... in 3 different select... > >> > have a look at SUClassBrowser renderCategoriesOn: > html... or see > >> > implementors of #updater > >> > Also, there was a similar stuuf with SeasideAsync but if you use > >> > only scriptaculous, this should be somethink like (not tested): > >> > > >> > renderContentOn: html > >> > html div > >> > id: 'box1'; > >> > with: [self renderBox1On: html]. > >> > html div > >> > id: 'box2'; > >> > with: [self renderBox2On: html]. > >> > html div > >> > id: 'box1'; > >> > with: [self renderBox3On: html]. > >> > > >> > > >> > renderBox1On: html > >> > html select > >> > id: 'box1'; > >> > selected: self val1; > >> > list: self list1; > >> > callback: [:valBox1 | self val1 := valBox1] > >> > onChange: (hmtl updater > >> > id: 'box2'; "on change, > update the > >> box > >> > named box2" > >> > triggerFormElement: 'box1' > "also triger > >> > the action associated to that form element.... self val1 > := valBox1 > >> > ort whaterver..." > >> > callback: [:render | self > renderBox2On: > >> > render]. " the box is redrawn with the rendering fonction > >> renderBox3" > >> > onSuccess: (html updater "don't > >> forget to > >> > upadate the last box..." > >> > id: 'box3'; > >> > callback: [:render | self > >> > renderBox3On: render]) > >> > > >> > renderBox2On: html > >> > html select > >> > id: 'box2'; > >> > selected: self val2; > >> > list: self list2; > >> > callback: [:valBox2 | self val2 := valBox2] > >> > onChange: (hmtl updater > >> > id: 'box2'; > >> > triggerFormElement: 'box2'; > >> > callback: [:render | self > renderBox3On: > >> render] > >> > > >> > renderBox3On: html > >> > html select > >> > id: 'box3'; > >> > selected: self val3; > >> > list: self list3; > >> > callback: [:valBox3 | self val3 := valBox3] > >> > onChange: (hmtl request > >> > triggerFormElement: 'box2'] "only > >> > trigger the callback associated to id box3... no > rendering needed..." > >> > > >> > > >> > hth > >> > > >> > Cédrick > >> > _______________________________________________ > >> > Seaside mailing list > >> > [hidden email] > >> > > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > >> > > >> > > _______________________________________________ > > Seaside mailing list > > [hidden email] > > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > > > > > > -- > Magnus Schwarz * Senior Smalltalk Architect * > mailto:[hidden email] > phone:+49 231 97599-0 * fax:+49 231 97599-20 Georg Heeg eK Dortmund > Handelsregister: Amtsgericht Dortmund A 12812 > --------------------------------------------------- > PGP PUBLIC KEY BLOCK via http://www.heeg.de/~magnus > > _______________________________________________ > Seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > Seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Free forum by Nabble | Edit this page |