seaside September 2021

seaside@lists.squeakfoundation.org

10 participants
5 discussions

ajax onBlur callback with load html: [...]
by Bob Nemec 21 Sep '21

21 Sep '21

For some reason I am no longer getting these emails. (I'd really like to move this mailing list to better forum, like a Google Group or questions on Stack Overflow). Found this from Joachim in the archive......we had to register an event handler with the doument using an extra selector. in Javascript you'd have to do it like this: $(document).on("click","button#idOfTheButton", function(event) {...} ); (see https://api.jquery.com/on/ <https://api.jquery.com/on/> for details)In Seaside, this would look like this: (html jQuery document) on: 'blur' selector: '#myButton' do: ( (html jQuery ajax) .... ...I tried that, but if I include the button render in the reloaded div, with the on:selector:do: outside of the reloaded div, I get the same symptom: the 'click' (changed from 'blur') event does not consistently fire, as if the selector did not find the button. Adding console.log() tracing shows the occasional absence of the button onClick event. Seems that the rule for me is: don't reload components that contain onClick scripts.

3 2

ajax onBlur callback with load html: [...]
by Bob Nemec 16 Sep '21

16 Sep '21

I have a design pattern question: what is the good way to deal with ajax callbacks when the component is refreshed by a previous component’s onBlur action, using jQuery load html: […]? We use onBlur to get the data from input fields and to refresh the state of the view. The problem comes up if a button is included in the refresh: the ajax callback from that button is not handled (which makes sense due to the jQuery load), so the user has to press the button again. To get around this we’re selective about which components we refresh, but it feels like there should be a better way. Here is a simple example (coded in VW), where #stringValue is an instVar. Entering a value and triggering the onBlur will show the ' value: ' in the Transcript, but pressing the button will not show the ' button: ' string until the second press, since the onBlur happens before the button callback and the onBlur is rendering the button again. If the button is rendered outside of the 'testDiv' it works fine... renderContentOn: html html div id: 'testDiv'; with: [ self renderContentDivOn: html] renderContentLoadDivOn: html ^(html jQuery id: 'testDiv') load html: [:renderer | self renderContentDivOn: renderer] renderContentDivOn: html html text: 'Test at ' , Time now displayString. html horizontalRule. html textInput value: self stringValue; onBlur: ( (html jQuery ajax callback: [:value | self stringValue: value. Transcript cr; show: Time now printString , ' value: ' , value asString] value: (html jQuery this value) ) onSuccess: (self renderContentLoadDivOn: html) ). html break; break. html button onClick: ( (html jQuery ajax callback: [ Transcript cr; show: Time now printString, ' button: ' , self stringValue asString]) onSuccess: (self renderContentLoadDivOn: html) ); with: 'Press' Thanks for any advice,Bob NemecKORE / HTS

5 6

ajax onBlur callback with load html
by Bob Nemec 14 Sep '21

14 Sep '21

(sorry if this is duplicate; didn't see the first attempt in the email list) I have a design pattern question: what is the good way to deal with ajax callbacks when the component is refreshed by a previous component’s onBlur action, using jQuery load html: […]? We use onBlur to get the data from input fields and to refresh the state of the view. The problem comes up if a button is included in the refresh: the ajax callback from that button is not handled (which makes sense due to the jQuery load), so the user has to press the button again. To get around this we’re selective about which components we refresh, but it feels like there should be a better way. Here is a simple example (coded in VW), where #stringValue is an instVar. Entering a value and triggering the onBlur will show the ' value: ' in the Transcript, but pressing the button will not show the ' button: ' string until the second press, since the onBlur happens before the button callback and the onBlur is rendering the button again. If the button is rendered outside of the 'testDiv' it works fine... renderContentOn: html html div id: 'testDiv'; with: [ self renderContentDivOn: html] renderContentLoadDivOn: html ^(html jQuery id: 'testDiv') load html: [:renderer | self renderContentDivOn: renderer] renderContentDivOn: html html text: 'Test at ' , Time now displayString. html horizontalRule. html textInput value: self stringValue; onBlur: ( (html jQuery ajax callback: [:value | self stringValue: value. Transcript cr; show: Time now printString , ' value: ' , value asString] value: (html jQuery this value) ) onSuccess: (self renderContentLoadDivOn: html) ). html break; break. html button onClick: ( (html jQuery ajax callback: [ Transcript cr; show: Time now printString, ' button: ' , self stringValue asString]) onSuccess: (self renderContentLoadDivOn: html) ); with: 'Press' Thanks for any advice,Bob NemecKORE / HTS

2 1

Seaside performance
by List 08 Sep '21

08 Sep '21

Hi, I have tried to improve performance on my Seaside web pages, and tried to « wire » the encoding, because the lookup for encoder looked very slow. Like this SeasideResponder>>executeRequestFor: aRequestContext « Wiring UTF8" | message requestContext | message := self requestFor: aRequestContext request connection: aRequestContext connection. requestContext := WARequestContext request: message response: (WABufferedResponse on: (EncodedStream on: (ReadWriteStream on: ByteArray new) encodedBy: UTF8StreamEncoder new)) codec: self codec. [self seasideRequestDispatcher handle: requestContext] on: WAResponseNotification do: [:n | "got a response" ]. ^requestContext response asHttpResponse: aRequestContext response Has anybody done some optimization in VisualWorks ? Best regards Annick

1 0

DateInput5 in Seaside widget preinitialized value view
by Oswall Verny Arguedas C. 08 Sep '21

08 Sep '21

Regarding dateInput5 in Seaside. How a previously initialized date can be displayed in the form's dateInput5 widget. I use a pre-initialized date type value that is a property of the object to render on the form. html label for: 'startDate'; with: 'Start Date: '. html dateInput5 on: #startDate of: self contract; id: 'startDate'; step: 1; title: 'Start Date'; value: self contrato startDate; required. Widget don't render date initialized. I can't get it to show up. Thanks, Oswall

4 3

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

2006

2005

2004

2003

2002

seaside September 2021