Hi there,
I'm again using the TileGrid and I think i found a undocumented method.
I'm trying to select the first tile of the TileGrid.
Like in the ListGrid I was hoping for an API like "selectionProperty". This is not documented, but it seems to do the job halfway.
It seems that the element is selected if I call getSelectedRecord(), but the Tile is not marked. Maybe this is similar with this post, but here I don't set new data and trying to create the TileGrid with a Tile already selected.
Is the "selectionProperty" not documented on purpose? If yes, how can I achieve a selection of a Tile at creation of the TileGrid?
Example here:
This happens with the latest nightly SmartClient_v100p_2015-11-16_Pro and all browsers.
Here is the code for reproduction
Best Regards
I'm again using the TileGrid and I think i found a undocumented method.
I'm trying to select the first tile of the TileGrid.
Like in the ListGrid I was hoping for an API like "selectionProperty". This is not documented, but it seems to do the job halfway.
It seems that the element is selected if I call getSelectedRecord(), but the Tile is not marked. Maybe this is similar with this post, but here I don't set new data and trying to create the TileGrid with a Tile already selected.
Is the "selectionProperty" not documented on purpose? If yes, how can I achieve a selection of a Tile at creation of the TileGrid?
Example here:
This happens with the latest nightly SmartClient_v100p_2015-11-16_Pro and all browsers.
Here is the code for reproduction
Code:
isc.TileGrid.create({
ID : "tileGrid",
width : "100%",
height : "100%",
tileWidth : 50,
tileHeight : 50,
fields : [{
name : "picture"
}, {
name : "number"
}
],
selectionType : "multiple",
selectionProperty : "isSelected", //setting the selectionProperty
data :
[{
isSelected : true, //does not work. additionally, the first tile is not selectable until another one is selected first
number : "1",
picture : "<img src='http://icons.iconarchive.com/icons/paomedia/small-n-flat/32/sign-check-icon.png' style='height:100%;width:auto;'>",
}, {
number : "2",
picture : "<img src='http://icons.iconarchive.com/icons/paomedia/small-n-flat/32/sign-check-icon.png' style='height:100%;width:auto;'>",
}, {
number : "3",
picture : "<img src='http://icons.iconarchive.com/icons/paomedia/small-n-flat/32/sign-check-icon.png' style='height:100%;width:auto;'>",
}
]
});
isc.Button.create({
ID : "whatsselected",
top : 100,
left : 20,
title : "what's selected?",
click : function () {
isc.say(tileGrid.getSelectedRecord().number);
},
});
Comment