Hi Alexander
I think the problem come from the fact that the input element of the
datefield is closed (writer.end()) in the beginRender phase. So when your
mixin is executed, it is too late.
You should maybe test if the field using the mixin is a Datefield, and if
this the case, get the Input Element (one of the children of the current
element) and set the disable attribute.
Manu
2012/5/14 sommeralex <alexander.som...@gmail.com>
> Hello!
>
> I have a mixin which is responsible for deactivating some input-form
> elements (textfields, textareas, and datefields).
>
> My mixin function works on select fields and on textfields, but with one
> exception: if i am using my mixin on t:datefield, it does not work.
>
> My Mixin in short:
>
> @MixinAfter
> public class DecoFeatureInput {
>
> ...
> ...
>
> @BeginRender
> void beginRender(MarkupWriter writer){
> if(
> !productService.isAvailableProduct(userService.getCurrentUser(),
> productName) ){
> writer.attributes("disabled" ,"true");
> }
> }
> }
>
>
> My TML components is:
>
> <t:textfield t:mixins="decoFeatureInput" productName="Question"
> value="message.question" />
>
> and this works, the resulting HTML is:
>
> <input disabled="true" id="textfield_0" name="textfield_0"
> type="text"></input>
>
> *therefore, the disabled tag is on the right position. *
>
> BUT
>
> <t:datefield t:mixins="decoFeatureInput" productName="Schedule"
> value="message.endDate" t:id="endDate" />
>
> does not work. My datefield is not deactivated, even if the Product
> "schedule" is not available.
>
> the resulting HTML is:
>
> *<TD disabled="true">*<input value="" id="endDate" name="endDate"
> type="text"></input>
>
> *so, the disabled tag is written BEFORE the input tag. *
>
>
> the complete code:
>
>
> <t:layout xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd";>
>
>
>
> <t:form>
> <t:hidden value="groupID" />
>
> Message
>
> <label class="inputLabel" for="text">${message:Text}</label><br></br>
> <t:textarea style="width:450px;" t:id="text" value="message.text" rows="2"
> validate="required" />
> <br></br>
>
> <br></br>
> Location
>
> <label class="inputLabel" for="address">${message:Address}</label><br></br>
> <input id="address" type="text" style="width:430px"
> onChange="goToAddress(this.value);" onKeyPress="return checkEnter();"/>
> <button name="Go" type="button" class="button"
> onclick="goToAddress($('address').value);">${message:Go}</button>
> <br/>
> <div style="width:450px;">
> ${message:AddressInGroupScope} ${message:DragMapOrMarkerToLocation}
> <br/>
> <t:googleMaps />
> </div>
>
> <br></br>
> javascript:void(0); ${message:AdvancedLocation}
>
> <div style="width:450px;">
> <div id="divAdvancedLocation" style="display:none">
> <t:textfield t:id="longitude" t:label="${message:Longitude}"
> value="message.geoPoint.longitude" validate="required"
> onChange="javascript:goToLatLng(map, $('latitude').value,
> this.value);"
> t:mixins="decoField" />
>
> <t:textfield t:id="latitude" t:label="${message:Latitude}"
> value="message.geoPoint.latitude" validate="required"
> onChange="javascript:goToLatLng(map, this.value,
> $('longitude').value);"
> t:mixins="decoField" />
> </div>
> </div>
>
> <div class ="map" id="map"></div>
>
>
>
> <br />
>
> <div class="sliderfeature">
>
>
>
>
>
>
>
> <t:slider t:id="slider" onSlide="onSlide(value);"
> value="message.radiusInMeters" />
>
> ${message:scope}
>
> m.
>
> km.
>
> ${message:Miles}
>
>
> <t:html.hidden t:id="scopeRadius"
> value="message.radiusInMeters" />
>
> </div>
>
> <t:if test="groupHasFeatures">
>
> Features
>
> </t:if>
>
> <br></br>
> <t:if test="group.hasEmotions">
> <div class="feature">
> <div class="featureIcon">
> /img/icon/attributes/icon_emotion_55x55.png
> </div>
> <div class="featureLabel">
> <label class="inputLabel"
> for="emotion">${message:Emotion}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.emotion"
> id="emotion"
> t:mixins="decoFeatureInput"
> productName="Emotions" />
> </div>
> </div>
> </t:if>
>
>
> <t:if test="group.hasRelationship">
> <div class="feature">
> <div class="featureIcon">
>
> /img/icon/attributes/icon_relationship_55x55.png
> </div>
> <div class="featureLabel">
> <label class="inputLabel"
> for="Relationship">${message:Relationship}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.relationship"
> id="relationship"
> t:mixins="decoFeatureInput"
> productName="Relationship" />
> </div>
> </div>
> </t:if>
>
> <t:if test="group.hasWealth">
> <div class="feature">
> <div class="featureIcon">
> /img/icon/attributes/icon_money_55x55.png
> </div>
> <div class="featureLabel">
> <label class="inputLabel"
> for="Wealth">${message:Wealth}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.wealth"
> t:id="Wealth"
> t:mixins="decoFeatureInput"
> productName="Wealth" />
> </div>
> </div>
> </t:if>
>
> <t:if test="group.hasWeatherDegree">
> <div class="feature">
> <div class="featureIcon">
>
> /img/icon/attributes/icon_temperature_55x55.png
> </div>
> <div class="featureLabel">
> <label class="inputLabel"
> for="Temperature">${message:Temperature}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.weatherDegree"
> t:id="temperature"
> t:mixins="decoFeatureInput"
> productName="WeatherDegree" />
> </div>
> </div>
> </t:if>
>
> <t:if test="group.hasWeatherType">
> <div class="feature">
> <div class="featureIcon">
> /img/icon/attributes/icon_weather_55x55.png
> </div>
> <div class="featureLabel">
> <label
> class="inputLabel">${message:Weather}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.weatherType"
> t:mixins="decoFeatureInput"
> productName="WeatherType" />
> </div>
> </div>
> </t:if>
>
> <t:if test="group.hasGender">
> <div class="feature">
> <div class="featureIcon">
> /img/icon/attributes/icon_gender_55x55.png
> </div>
> <div class="featureLabel">
> <label
> class="inputLabel">${message:Gender}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.gender"
> t:mixins="decoFeatureInput"
> productName="Gender" />
> </div>
> </div>
> </t:if>
>
> <t:if test="group.hasAge">
> <div class="feature">
> <div class="featureIcon">
> /img/icon/attributes/icon_age_55x55.png
> </div>
> <div class="featureLabel">
> <label
> class="inputLabel">${message:Age}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:select value="message.age"
> t:mixins="decoFeatureInput"
> productName="Age" />
> </div>
> </div>
> </t:if>
>
> <t:if test="group.hasPick">
> <div class="feature">
> <div class="featureIcon">
> /img/icon/attributes/icon_pick_55x55.png
> </div>
> <div class="featureLabel">
> <label
> class="inputLabel">${message:Pick}</label>
> <br></br>
> </div>
> <div class="featureInput">
> <t:textfield value="message.amount"
> t:mixins="decoFeatureInput"
> productName="Pick" />
> </div>
> </div>
> </t:if>
> <div class="complexFeatures">
>
> <t:if test="group.hasEncryption">
> <div class="complexFeature">
> <div class="featureIcon">
>
> /img/icon/attributes/icon_quiz_55x55.png
> </div>
> <TABLE>
> <TR>
> <TD>
> <label
> class="inputLabel">${message:Quiz}</label>
> </TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>${message:Question}</TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>
> <t:textfield
> t:mixins="decoFeatureInput"
>
> productName="Question" value="message.question" />
> </TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>${message:Answer}</TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>
> <t:textfield
> t:mixins="decoFeatureInput"
>
> productName="Question" value="message.answer" />
> </TD>
> <TD></TD>
> </TR>
> </TABLE>
> </div>
> </t:if>
>
> <t:if test="group.hasSchedule">
> <div class="complexFeature">
> <div class="featureIcon">
>
> /img/icon/attributes/icon_time_55x55.png
> </div>
> <TABLE>
> <TR>
> <TD>
> <label
> class="inputLabel">${message:Schedule}</label>
> </TD>
> <TD></TD>
> </TR>
> <TR>
>
> <TD>${message:BeginDate}</TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>
> <t:datefield
>
> productName="Schedule" t:mixins="decoFeatureInput"
> value="message.startDate" t:id="startDate" />
> </TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>${message:EndDate}</TD>
> <TD></TD>
> </TR>
> <TR>
> <TD>
> <t:datefield
>
> productName="Schedule" value="message.endDate" t:id="endDate"
> t:mixins="decoFeatureInput" />
>
> </TD>
> <TD></TD>
> </TR>
> </TABLE>
> </div>
> </t:if>
> </div>
>
> <div class="createButton">
> <t:linkSubmit class="button">${message:CreateAirmessage}
> </t:linkSubmit>
> </div>
>
> </t:form>
>
> </t:layout>
>
>
> package com.myProject.frontend.mixins;
>
> import org.apache.tapestry5.Asset;
>
> import org.apache.tapestry5.BindingConstants;
> import org.apache.tapestry5.MarkupWriter;
> import org.apache.tapestry5.annotations.AfterRender;
> import org.apache.tapestry5.annotations.AfterRenderTemplate;
> import org.apache.tapestry5.annotations.BeforeRenderTemplate;
> import org.apache.tapestry5.annotations.BeginRender;
> import org.apache.tapestry5.annotations.CleanupRender;
> import org.apache.tapestry5.annotations.MixinAfter;
> import org.apache.tapestry5.annotations.Parameter;
> import org.apache.tapestry5.annotations.Path;
> import org.apache.tapestry5.annotations.SetupRender;
> import org.apache.tapestry5.ioc.Messages;
> import org.apache.tapestry5.ioc.annotations.Inject;
>
> import com.myProject.domain.Product;
> import com.myProject.domain.UserProduct;
> import com.myProject.service.data.ProductService;
> import com.myProject.service.data.UserService;
>
> @MixinAfter
> public class DecoFeatureInput {
> @Parameter(defaultPrefix=BindingConstants.LITERAL, required=true)
> private String productName;
>
> @Inject
> private Messages messages;
>
> @Inject
> private ProductService productService;
> @Inject
> private UserService userService;
> @Inject
> @Path("context:/img/icon/icon_star_25x24.png")
> private Asset assetStarImage;
>
> private UserProduct userProduct;
> private Product product;
>
> @SetupRender
> void setupRender(MarkupWriter writer){
> userProduct =
> productService.getUserProduct(userService.getCurrentUser(),
> productName);
> product = productService.getProduct(productName);
>
> }
>
> @BeginRender
> void beginRender(MarkupWriter writer){
> if(
> !productService.isAvailableProduct(userService.getCurrentUser(),
> productName) ){
> writer.attributes("disabled" ,"true");
> }
> }
>
> @CleanupRender
> void cleanupRender(MarkupWriter writer){
> if( userProduct == null && product != null ){
> writer.write(" ");
>
> if(
> !productService.isAvailableProduct(userService.getCurrentUser(),
> productName) ){
>
> writer.element("div", "class",
> "featureLevelRequired");
>
> writer.write(messages.get("level-required"));
> writer.element("img", "src",
> assetStarImage.toClientURL());
> writer.end();
> writer.write(" " + product.getLevel());
> writer.end();
> } else {
> writer.element("div", "class",
> "featureLevelAvailable");
>
> writer.write(messages.get("feature-available"));
> writer.end();
> }
> }
> }
>
> }
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/mixin-with-t-datefield-bug-tp5709435.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
> For additional commands, e-mail: users-h...@tapestry.apache.org
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emman...@gmail.com
Twitter : @gillespie59
