Re: A packaged resource that has a variable image based on component value
I would vary the packaged resource rather than having a resource vary what it points to. That way, you can let browsers cache the image, and you could potentially move it out of a packaged resource to a static image some day if you'd want it e.g. to get maximum performance. Eelco On Thu, Jul 9, 2009 at 11:56 PM, Steve Tarltonstarl...@gmail.com wrote: I know this is probably very simple to do, but I haven't been able to get my head wrapped around it. I want to create a component within the column of a table that has 6 different images associated to it. Each image is tied to a number as the component is actually an integer representing a state. I believe I would simply create a packaged resource vary the image it selects based on the value of the component. I figured maybe someone here on the list might give me a nudge in the right direction. BTW: The inmethod datagrid ROCKS! - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: A packaged resource that has a variable image based on component value
Okay, I will see if I can figure out how to do that. Currently, I am @Override-ing the getCellCssClass and seeing if I can vary the css resource depending on the corresponding columns value as that is the only idea I had currently on how I could possibly do this. -- View this message in context: http://www.nabble.com/A-packaged-resource-that-has-a-variable-image-based-on-component--value-tp24422634p24423005.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: A packaged resource that has a variable image based on component value
So I decided that I am not experienced enough yet with Wicket or using
inmethod DataGrid to try to do images but would like to at least change the
background color based on an integer value. This is what I did but still
think it is somewhat lame and probably there is a much better approach:
For my column that contains an Integer in its model I did the following:
@Override
public boolean isEscapeMarkup() {
return false;
}
@Override
protected IConverter getConverter(final Class? varType) {
return new IConverter() {
//serialVersionUID.
private static final long serialVersionUID = 1L;
public Object convertToObject(String value,
java.util.Locale locale) {
// TODO Auto-generated method stub
return null;
}
public String convertToString(Object value,
java.util.Locale locale) {
String color = white;
switch ((Integer) value) {
case 0 : color = gray;
case 1 : color = black;
case 2 : color = red;
case 3 : color = yellow;
case 4 : color = blue;
case 5 : color = green;
}
return + value + ;
}
};
}
--
View this message in context:
http://www.nabble.com/A-packaged-resource-that-has-a-variable-image-based-on-component--value-tp24422634p24424827.html
Sent from the Wicket - User mailing list archive at Nabble.com.
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
Re: A packaged resource that has a variable image based on component value
Seems to have chopped of my return line, which was:
return (less than)font style=\background-color: +
color + \(greater than) + value + (less than)/font(greater than);
(less than) =
(greater than) =
Hope it works this time
satar wrote:
So I decided that I am not experienced enough yet with Wicket or using
inmethod DataGrid to try to do images but would like to at least change
the background color based on an integer value. This is what I did but
still think it is somewhat lame and probably there is a much better
approach:
For my column that contains an Integer in its model I did the following:
@Override
public boolean isEscapeMarkup() {
return false;
}
@Override
protected IConverter getConverter(final Class? varType) {
return new IConverter() {
//serialVersionUID.
private static final long serialVersionUID = 1L;
public Object convertToObject(String value,
java.util.Locale locale) {
// TODO Auto-generated method stub
return null;
}
public String convertToString(Object value,
java.util.Locale locale) {
String color = white;
switch ((Integer) value) {
case 0 : color = gray;
case 1 : color = black;
case 2 : color = red;
case 3 : color = yellow;
case 4 : color = blue;
case 5 : color = green;
}
return + value + ;
}
};
}
--
View this message in context:
http://www.nabble.com/A-packaged-resource-that-has-a-variable-image-based-on-component--value-tp24422634p24424855.html
Sent from the Wicket - User mailing list archive at Nabble.com.
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
Re: A packaged resource that has a variable image based on component value
This is what I ended up with to include a solution for my colored circle
images in case someone else finds the need for such a solution. I am
assuming it was a reasonable way to go:
...
/*
* Checkbox column for the color blind
*/
if (colorblind) {
columns.add(new CheckBoxColumn(checkBox));
}
/*
* Check Item State column
*/
columns
.add(new PropertyColumn(new ResourceModel(state), state,
state) {
private static final long serialVersionUID = 1L;
@Override
public String getCellCssClass(IModel rowModel, int rowNum) {
return state;
}
@Override
public boolean isEscapeMarkup() {
return false;
}
@Override
protected IConverter getConverter(final Class? varType) {
return new IConverter() {
// serialVersionUID.
private static final long serialVersionUID = 1L;
public Object convertToObject(String value,
java.util.Locale locale) {
// TODO Auto-generated method stub
return null;
}
public String convertToString(Object value,
java.util.Locale locale) {
String color = white;
switch ((Integer) value) {
case 0:
color = black;
break;
case 1:
color = gray;
break;
case 2:
color = red;
break;
case 3:
color = yellow;
break;
case 4:
color = blue;
break;
case 5:
color = green;
}
if (!colorblind) {
return [lt]img src=\images/.concat(color).concat(
-circle.png\).concat( alt=\).concat(
value.toString()).concat(\[gt]);
} else {
return value.toString();
}
}
};
}
}.setInitialSize(3).setSizeUnit(SizeUnit.EM).setResizable(false)
.setReorderable(true).setHeaderTooltipModel(
new Model(State of the check item)));
...
where [lt]=
and [gt]=
Not sure how to address this problem when replying...
I stored all my image files under webapp/images. I am a beginner with Wicket
but this seemed to work fine for me and I can see it coming up for someone
else so figured I would share my outcome.
--
View this message in context:
http://www.nabble.com/A-packaged-resource-that-has-a-variable-image-based-on-component--value-tp24422634p24434326.html
Sent from the Wicket - User mailing list archive at Nabble.com.
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
