PDA

View Full Version : ListView Show Problem



TrojanMyth
28 Feb 2011, 12:50 PM
2490024901

How i do fix this problem???

micgala
1 Mar 2011, 12:54 AM
What problem?
I'm guessing you mean that the second line have 2 images only.

I would say, without having a look at your code, that the problem is probably in your ListView template.
Try changing that.

Regards,
Michel.

TrojanMyth
1 Mar 2011, 1:36 AM
If i overed an pic listview ıtems move as attachement pic.



PicList = new ListView();
PicList.setStore(myStore);
PicList.setItemSelector("div.thumb-wrap");
PicList.setTemplate(getPictureListTemplate());
PicList.setContextMenu(contexMenu);

public static native String getPictureListTemplate() /*-{
return ['<tpl for=".">',
'<div class="thumb-wrap" id="{sresim_id}">',
'<div class="thumb"><img src="{sresim_file}" title="{sresim_title}" width="120" height="120" ></div>',
'<span class="x-editable">{sresim_title}</span></div>',
'</tpl>',
'<div class="x-clear"></div>'].join("");

}-*/;



My Css Code




.thumb{
background: none repeat scroll 0 0 #DDDDDD;
padding: 3px;
}
.thumb img{
height: 120px;
width: 120px;
}
.thumb-wrap{
float: left;
margin: 4px 0 4px 4px;
padding: 5px;
}
.thumb-wrap span {
display: block;
overflow: hidden;
text-align: center;
}


Best Regards
Atilla İlhan KARTAL

micgala
1 Mar 2011, 1:49 AM
I see you copied this from the gxt sample.

There are some entries missing in the css:


.thumb-wrap {
float: left;
margin: 4px;
margin-right: 0;
padding: 5px;
border: 1px solid white;
}

.x-theme-access .thumb-wrap {
border: 1px solid #232D38;
}

.thumb-wrap span {
display: block;
overflow: hidden;
text-align: center;
}

.thumb {
background: #dddddd;
padding: 3px;
}

.thumb img {
height: 60px;
width: 80px;
}

.x-view-selected .thumb {
background: transparent;
}


Try to change this according to your needs...

TrojanMyth
1 Mar 2011, 2:28 AM
Ohh thank you very much Michel. This my first list view. yes i copied on gxt example :"> My problem is solved. Thank you very much.

Best Regards
Atilla İlhan Kartal