Re: AjaxObserveField does not trigger action
Re: AjaxObserveField does not trigger action
- Subject: Re: AjaxObserveField does not trigger action
- From: Kenan Esau <email@hidden>
- Date: Thu, 26 Apr 2018 09:59:53 +0200
Yep, that’s it. Thank you!!!
Here is a small article describing it a little more in detail:
https://docs.sitefinity.com/for-developers-avoid-conflicts-when-loading-multiple-versions-of-jquery
<https://docs.sitefinity.com/for-developers-avoid-conflicts-when-loading-multiple-versions-of-jquery>
Kenan
Am 26.04.2018 um 09:16 schrieb René Bock <email@hidden>:
>
> Hi Kenan
>
> You have to use jQuery in no conflict mode. For example, define
>
> var $j = jQuery.noConflict();
>
> in the <head> section an use this $j instead of jQuerys $ (or use jQuery()
> instead of $)
>
> And make sure, that every javascript library relying on jQuery you import is
> $-free...
>
>
>
>
>
>
>> Am 26.04.2018 um 09:01 schrieb Kenan Esau <email@hidden
>> <mailto:email@hidden>>:
>>
>> Thanks for all the hints!
>>
>> The screencasts are great and the Examples are also very valuable. BUT they
>> only showed me that I am doing it right ;-)
>>
>> The problem seems to be that the Wonder-Ajax-Components use „prototype“ on
>> the client side. There a $-Function is defined.
>> But in my Project this Function is overwritten by jQuery. And now the
>> java-script-function getValue (prototype) accidentally uses the $-Function
>> of jQuery.
>>
>> I am no java-script-expert. But if someone knows how to prevent jQuery from
>> overwriting the $-Function of prototype, I would really be grateful!
>> And please don’t tell me: „Do not use both on the same site“ ;-). It’s a
>> quite large project and I do not think this would be an option.
>>
>> Regards
>>
>> Kenan
>>
>>> Am 25.04.2018 um 17:05 schrieb Theodore Petrosky <email@hidden
>>> <mailto:email@hidden>>:
>>>
>>> Kenan,
>>>
>>> Did you see the examples of Ajax that come with the Wonder source?
>>>
>>> also here is a link to the screencasts that may be useful.
>>>
>>> https://wiki.wocommunity.org/display/WEB/Screencasts
>>> <https://wiki.wocommunity.org/display/WEB/Screencasts>
>>>
>>> You can also subscript to the iTunes podcasts. I think just about
>>> everything is there.
>>>
>>>
>>> Ted
>>>
>>>
>>>
>>>> On Apr 25, 2018, at 8:32 AM, Samuel Pelletier <email@hidden
>>>> <mailto:email@hidden>> wrote:
>>>>
>>>> Hi,
>>>>
>>>> You should take a look into AjaxExample and AjaxExample2 project. The
>>>> Dependent Lists in AjaxExample demonstrate how to build dependant popups.
>>>>
>>>> I noticed few missing things in your html :
>>>>
>>>> - Your need a woform around your popup. (That may be the cause of your
>>>> javascript error.
>>>>
>>>> - You need to refresh an AjaxUpdateContainer that contains at least your
>>>> second popup and add it's id in the "updateContainerID" binding of the
>>>> first AjaxObserveField if you want the browser to display the updated
>>>> choices.
>>>>
>>>> With the Ajax framework, the cycle is usually like this :
>>>> 1- Some user action trigger data to be send to the server (with
>>>> AjaxObserveField or AjaxSubmitButton)
>>>> 2- A server side action is executed (action binding of AjaxObserveField,
>>>> AjaxSubmitButton, AjaxHyperLink or AjaxUpdateLink)
>>>> 3- User interface (html) is refreshed to display changes by refreshing an
>>>> AjaxUpdateContainer, AjaxModalDialog or refreshing the page. This may be
>>>> done with the "updateContainerID" binding or in the Java code in Ajax
>>>> action with AjaxUpdateContainer.updateContainerWithID(updateContainerID,
>>>> context); and AjaxModalDialog.update(context, title); or
>>>> AjaxModalDialog.update(context, newContent, title);
>>>>
>>>> A user action may trigger any combinaison of these, you control
>>>> everything. For example, you may uses AjaxObserveField to update server
>>>> side data and save it without refreshing the html. You may want to update
>>>> server value without saving it, refreshing a part of the interface only,
>>>> ...
>>>>
>>>> Regards,
>>>>
>>>> Samuel
>>>>
>>>>
>>>>> Le 25 avr. 2018 à 04:55, Kenan Esau <email@hidden
>>>>> <mailto:email@hidden>> a écrit :
>>>>>
>>>>> Hi,
>>>>>
>>>>> I am trying to update one Popup when another Popup changes. I tried to
>>>>> use this as a template:
>>>>>
>>>>> https://www.mail-archive.com/email@hidden/msg43630.html
>>>>> <https://www.mail-archive.com/email@hidden/msg43630.html>
>>>>>
>>>>> But I never get that far since the the AjaxObserveField never triggers
>>>>> the action in the underlying java...
>>>>>
>>>>>
>>>>> <tr>
>>>>> <td>PopUp:</td>
>>>>> <td>
>>>>> <webobject name = „Popup1" />
>>>>> <webobject name = „Popup1Observer" />
>>>>> </td>
>>>>> </tr>
>>>>>
>>>>> Popup1 : WOPopUpButton {
>>>>> id = „popupone";
>>>>> list = allentries;
>>>>> item = aEntry;
>>>>> displayString = aEntry.name
>>>>> selection = selectedEntry
>>>>> }
>>>>>
>>>>> Popup1Observer : AjaxObserveField {
>>>>> action = popup1Change;
>>>>> id = „popupObserver";
>>>>> observeFieldID = "popupone";
>>>>> }
>>>>>
>>>>> popup1Change() in the underlying java is never called since there is an
>>>>> error in the java-script on the client-side:
>>>>>
>>>>> As soon as I try to use an AjaxObserveField I always get an error in the
>>>>> underlying javascript / prototype.js:6416 whenever I change the value of
>>>>> my first popup
>>>>>
>>>>> getValue: function(element) {
>>>>> element = $(element);
>>>>> var method = element.tagName.toLowerCase();
>>>>> return Form.Element.Serializers[method](element);
>>>>> },
>>>>>
>>>>> element.tagname is always ‚undefined‘!?!?!
>>>>>
>>>>> Am I doing something wrong? Is there an example I could use for
>>>>> AjaxObserveField and AjaxUpdateContainer?
>>>>>
>>>>>
>>>>> Thanks for your Help!
>>>>>
>>>>> Kenan
>>>
>
> Mit freundlichen Grüßen
>
> René Bock
>
> --
> Telefon: +49 69 650096 18
>
> salient GmbH, Lindleystraße 12, 60314 Frankfurt
> Telefon Zentrale: 069 / 65 00 96 - 0 | www.salient-doremus.de
> <http://www.salient-doremus.de/>
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden