SmartClient Version: v10.0p_2015-12-03/Enterprise Development Only (built 2015-12-03)
SmartClient Version: SNAPSHOT_v10.1p_2015-12-10/Enterprise Development Only (built 2015-12-10)
Chrome on OSX, Safari on iOS 9.2
Hello, please modify the #responsiveDesignMobileSample like this (I've just added the navigationClick handler to the SplitPane):
Then, in handset mode, if you click the back button, the isc.say doesn't show.
SmartClient Version: SNAPSHOT_v10.1p_2015-12-10/Enterprise Development Only (built 2015-12-10)
Chrome on OSX, Safari on iOS 9.2
Hello, please modify the #responsiveDesignMobileSample like this (I've just added the navigationClick handler to the SplitPane):
Code:
function createSplitPane(deviceMode) {
var splitPane = isc.SplitPane.create({
autoDraw:false,
deviceMode: deviceMode,
navigationTitle:"Categories",
showLeftButton:false,
showRightButton:false,
border:"1px solid blue",
navigationClick: function (direction) {
isc.say(direction)
}
});
var detailPane = isc.DetailViewer.create({
dataSource: "supplyItem",
autoDraw:false
});
var listPane = isc.ListGrid.create({
dataSource:"supplyItem",
autoDraw:false,
recordClick : function (grid, record, rowNum) {
detailPane.viewSelectedData(this);
splitPane.showDetailPane((rowNum+1) + " of " + grid.getTotalRows(), null, "forward");
}
});
if (deviceMode === "tablet") {
listPane.addProperties({fields:[{name:"itemName"}, {name:"unitCost"}, {name:"inStock"}]});
}
var navigationPane = isc.TreeGrid.create({
autoDraw:false,
dataSource: "supplyCategory", autoFetchData: true,
showHeader: deviceMode == "desktop",
nodeClick : function (grid, record) {
listPane.fetchRelatedData(record, this);
splitPane.showListPane(record.categoryName, null, "forward");
}
});
splitPane.setDetailPane(detailPane);
splitPane.setNavigationPane(navigationPane);
splitPane.setListPane(listPane);
// Create framing for each SplitPane instance
// ---------------------------------------------------------------------------------------
var flipButton = isc.IButton.create({
autoFit:true,
getTitle : function () {
return "Flip (" + splitPane.getPageOrientation() + ")";
},
click : function () {
var newOrientation = splitPane.getPageOrientation() == "landscape" ?
"portrait" : "landscape";
splitPane.setPageOrientation(newOrientation);
splitPane.updateUI();
this.markForRedraw();
}
});
var container = isc.VLayout.create({
layoutMargin:10,
membersMargin : 2,
members: [flipButton, splitPane]
})
return container;
}
isc.TabSet.create({
width: "100%",
height: "100%",
tabs: [
{title: "desktop", pane: createSplitPane("desktop")},
{title: "tablet", pane: createSplitPane("tablet")},
{title: "handset", pane: createSplitPane("handset")}
]
});
Comment