Next
Update
Prev
Show Message
Hide Message

You can display some message on the Grid. Try to click on the "Show Message" button and find how the message pops up on the Grid.

...
<Box id="messageBox" ... >
  <Box horizontalCenter="0" ... >
    <Label id="messageLabel" ... />
  </Box>
</Box>
...					
					
function showMessage() {
  var messageLabel = gridRoot.getObjectById("messageLabel");
  messageLabel.setText("No Data");
  messageLabel.setStyle("textAlign", "center");
  
  var messageBox = gridRoot.getObjectById("messageBox");
  messageBox.setVisible(true);
  gridApp.setData([]);
}

function hideMessage() {
  var messageBox = gridRoot.getObjectById("messageBox");
  messageBox.setVisible(false);
  gridApp.setData(gridData);
}

© 2017 KoolChart. All rights reserved.