SmartClient Version: v10.0p_2015-08-06/Enterprise Development Only (built 2015-08-06)
Chrome on OSX
please modify the #customExpansionComponent sample like this:
if you expand a record, and then hover above the expansionField (on the left of the countryGrid), and then move to the right, above the countryGrid, you'll see the hover of the categoryList grid.
Chrome on OSX
please modify the #customExpansionComponent sample like this:
Code:
isc.ListGrid.create({
ID: "categoryList",
width:"100%", height:500,
drawAheadRatio: 4,
dataSource: supplyCategory,
fields:[
{
name:"categoryName", canHover:true, showHover:true,
hoverHTML:function (record, value, rowNum, colNum, grid){
return 'yup'
}
}
],
autoFetchData: true,
canExpandRecords: true,
getExpansionComponent : function (record) {
var countryGrid = isc.ListGrid.create({
height: 224,
cellheight: 22,
dataSource: supplyItem,
canEdit: true,
modalEditing: true,
editEvent: "click",
listEndEditAction: "next",
autoSaveEdits: false
});
countryGrid.fetchRelatedData(record, supplyCategory);
var hLayout = isc.HLayout.create({
align: "center",
members: [
isc.IButton.create({
title: "Save",
click: function () {
countryGrid.saveAllEdits();
}
}),
isc.IButton.create({
title: "Discard",
click : function () {
countryGrid.discardAllEdits();
}
}),
isc.IButton.create({
title: "Close",
click : function () {
categoryList.collapseRecord(record);
}
})
]
});
var layout = isc.VLayout.create({
padding: 5,
members: [ countryGrid, hLayout ]
});
return layout;
}
});
