wicket-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Chris <chris...@gmx.at>
Subject Re: Radio group add ajax behavior
Date Sat, 18 Apr 2015 16:38:27 GMT
Hi Sven,

here is the URL: http://meetselva.github.io/attrchange/ <http://meetselva.github.io/attrchange/>

the attrchange plugin now basically works but I am still figuring out if it is possible to
use this to detect changes in the star rating:
The star rating plugin renders for each input field additional a div element and if the star
is shown a certain value is added to the class attribute, e.g. star-rating-on.

<div role="text" aria-label="" class="star-rating rater-0 star wicket__type17d9 star-rating-applied
star-rating-live" id="tt1__field117e0"><a title="radio16">radio16</a></div>
		
The plugin of the star rating can be found here: https://www.fyneworks.com/jquery/star-rating/
<https://www.fyneworks.com/jquery/star-rating/>

Chris


> Am 18.04.2015 um 18:28 schrieb Sven Meier <sven@meiers.net>:
> 
> Hi,
> 
> please give us the url of the plugin you're trying to use.
> 
> Sven
> 
> On 18.04.2015 16:44, Chris wrote:
>> Hi Sven,
>> 
>> there is the JS plugin to detect changes in attributes (this might help to detect
changes in the star-rating.
>> http://meetselva.github.io/attrchange/ <http://meetselva.github.io/attrchange/>
>> This works fine in a pure html-file, but in Wicket the JS function is not called
(see below). I have created a quick start project: https://github.com/cat1000/AttrChange <https://github.com/cat1000/AttrChange>
>> 
>> Would you mind to have a look at it?
>> 
>> $attrchange.attrchange({
>>       	trackValues: true,
>>       	callback: function(e) {
>> 
>>       	}
>>       });
>> 
>> Thanks, Chris
>> 
>> 
>>> Am 18.04.2015 um 14:41 schrieb Chris <chris.gr@gmx.at>:
>>> 
>>> Hi Sven,
>>> 
>>> I tried following function but that still does only work with JQuery Rating JS
disabled.
>>> With JQuery Rating, the function is not called.
>>> 
>>>   $('input[name=field1_type]').change(function() {
>>>                    trigger('click');
>>>   });
>>> 
>>> 
>>> Below is the HTML code when Rating JS is enabled:
>>> 
>>> <div class="rating" id="field1__type1482">
>>>                    <span class="star-rating-control"><div class="rating-cancel"><a
title="Cancel Rating"></a></div>
>>> 					<div role="text" aria-label="" class="star-rating rater-0 star wicket-field1__type1482
star-rating-applied star-rating-live star-rating-on" id="tt1__field11489"><a title="radio16">radio16</a></div><div
role="text" aria-label="" class="star-rating rater-0 star wicket-field1__type1482 star-rating-applied
star-rating-live star-rating-on" id="tt1__field2148a"><a title="radio17">radio17</a></div><div
role="text" aria-label="" class="star-rating rater-0 star wicket-field1__type1482 star-rating-applied
star-rating-live star-rating-on" id="tt1__field3148b"><a title="radio18">radio18</a></div><div
role="text" aria-label="" class="star-rating rater-0 star wicket-field1__type1482 star-rating-applied
star-rating-live star-rating-on" id="tt1__field4148c"><a title="radio19">radio19</a></div><div
role="text" aria-label="" class="star-rating rater-0 star wicket-field1__type1482 star-rating-applied
star-rating-live" id="tt1__field5148d"><a title="radio20">radio20</a></div></span><input
name="field1_type" type="radio" class="star wicket-field1__type1482 star-rating-applied" id="tt1__field11489"
value="radio16" style="display: none;">
>>>                    <input name="field1_type" type="radio" class="star wicket-field1__type1482
star-rating-applied" id="tt1__field2148a" value="radio17" style="display: none;">
>>>                    <input name="field1_type" type="radio" class="star wicket-field1__type1482
star-rating-applied" id="tt1__field3148b" value="radio18" style="display: none;">
>>>                    <input name="field1_type" type="radio" class="star wicket-field1__type1482
star-rating-applied" id="tt1__field4148c" value="radio19" style="display: none;">
>>>                    <input name="field1_type" type="radio" class="star wicket-field1__type1482
star-rating-applied" id="tt1__field5148d" value="radio20" style="display: none;">
>>>                </div>
>>> 
>>> 
>>> br Chris
>>> 
>>> 
>>>> Am 18.04.2015 um 13:46 schrieb Sven Meier <sven@meiers.net>:
>>>> 
>>>> Hi Chris,
>>>> 
>>>> does the JS trigger click() on the radio when the user selects a rating?
When not, check for a callback to trigger click() by yourself.
>>>> 
>>>> Regards
>>>> Sven
>>>> 
>>>> 
>>>> On 18.04.2015 13:34, Chris wrote:
>>>>> Hi Sven,
>>>>> 
>>>>> thanks a lot for your help!
>>>>> I am using the jquery star rating JS to replace the radio boxes through
stars - with that it does not work. Without it I just tried it and AJAX works (thanks for
your feedback!)
>>>>> Why might there be a problem with the jQuery JS?
>>>>> 
>>>>> br, Chris
>>>>> 
>>>>> 
>>>>>> Am 18.04.2015 um 13:24 schrieb Sven Meier <sven@meiers.net>:
>>>>>> 
>>>>>> Looks good.
>>>>>> 
>>>>>> I've just added an AjaxFormChoiceComponentUpdatingBehavior to wicket-examples'
RadioGroupPage and it worked as expected.
>>>>>> 
>>>>>> Which Wicket version? Can you create a quickstart?
>>>>>> 
>>>>>> Have fun
>>>>>> Sven
>>>>>> 
>>>>>> On 18.04.2015 13:19, Chris wrote:
>>>>>>> The html is as follows:
>>>>>>> 
>>>>>>> <wicket:panel>
>>>>>>>    <form wicket:id="form" class="form">
>>>>>>>       <div class="rating" wicket:id="group">
>>>>>>>              <input wicket:id="radio1" type="radio"/>
>>>>>>> 	      <input wicket:id="radio2" type="radio"/>
>>>>>>>              ...
>>>>>>>       </div>
>>>>>>>    </form>
>>>>>>> </wicket:panel>
>>>>>>> 
>>>>>>> best regards, Chris
>>>>>>> 
>>>>>>> 
>>>>>>>> Am 18.04.2015 um 13:14 schrieb Chris <chris.gr@gmx.at>:
>>>>>>>> 
>>>>>>>> Hi Sven,
>>>>>>>> 
>>>>>>>> the form is added to a panel.
>>>>>>>> 
>>>>>>>> Chris
>>>>>>>> 
>>>>>>>> 
>>>>>>>>> Am 18.04.2015 um 11:26 schrieb Sven Meier <sven@meiers.net>:
>>>>>>>>> 
>>>>>>>>> Hi,
>>>>>>>>> 
>>>>>>>>> is your RadioGroup is bound to <wicket:container>
in your markup?
>>>>>>>>> 
>>>>>>>>> Sven
>>>>>>>>> 
>>>>>>>>> On 18.04.2015 07:00, Chris wrote:
>>>>>>>>>> Hi all,
>>>>>>>>>> 
>>>>>>>>>> I have a radio group with different radio choices
and I would like to add ajax behavior to the group.
>>>>>>>>>> With the method #AjaxFormChoiceComponentUpdatingBehavior,
the #onUpdate is never called currently.
>>>>>>>>>> 
>>>>>>>>>> How to fix this?
>>>>>>>>>> 
>>>>>>>>>> 
>>>>>>>>>> 
>>>>>>>>>> Form form = new Form("form");
>>>>>>>>>> RadioGroup<RadioChoice> radioGroup = new RadioGroup<RadioChoice>("group",
new Model<RadioChoice>() {...}
>>>>>>>>>> 
>>>>>>>>>> Radio<RadioChoice> radio1 = new Radio<RadioChoice>("radio1",
new Model<RadioChoice>(1));
>>>>>>>>>> Radio<RadioChoice> radio2 = new Radio<RadioChoice>("radio2",
new Model<RadioChoice>(2));
>>>>>>>>>> radioGroup.add(radio1);
>>>>>>>>>> radioGroupd.add(Radio2);
>>>>>>>>>> 
>>>>>>>>>> form.add(radioGroup);
>>>>>>>>>> 
>>>>>>>>>> radioGroup.add(new AjaxFormChoiceComponentUpdatingBehavior()
{
>>>>>>>>>>           protected void onUpdate(AjaxRequestTarget
target) {
>>>>>>>>>>               // Ajax actions here
>>>>>>>>>>           }
>>>>>>>>>> });
>>>>>>>>>> 
>>>>>>>>>> Thanks, Chris
>>>>>>>>>> ---------------------------------------------------------------------
>>>>>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>>>>>> 
>>>>>>>>> ---------------------------------------------------------------------
>>>>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>>>>> 
>>>>>>>> ---------------------------------------------------------------------
>>>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>>>> 
>>>>>>> ---------------------------------------------------------------------
>>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>>> 
>>>>>> ---------------------------------------------------------------------
>>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>>> 
>>>>> ---------------------------------------------------------------------
>>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>>> 
>>>> 
>>>> ---------------------------------------------------------------------
>>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>> 
>> 
> 
> 
> 
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
> 


Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message