Client-side Events

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeCancelInsert"] = "Handle_OnBeforeCancelInsert";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeCancelInsert(sender,args)
	{
		var _tableview = args["TableView"];
		alert("A tableview is about to cancel inserting a new row.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeColumnFilter"] = "Handle_OnBeforeColumnFilter";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeColumnFilter(sender,args)
	{
		var _column = args["Column"];
		var _expression = args["Exp"];
		var _value= args["Value"];
		alert("Column is about to be filtered.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeColumnGroup"] = "Handle_OnBeforeColumnGroup";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeColumnGroup(sender,args)
	{
		var _column = args["Column"];
		alert("Column is about to be grouped.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeColumnResize"] = "Handle_OnBeforeColumnResize";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeColumnResize(sender,args)
	{
		var _column = args["Column"];
		alert("Column is about to resize");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeColumnSort"] = "Handle_OnBeforeColumnSort";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeColumnSort(sender,args)
	{
		var _column = args["Column"];
		var _order = args["Order"];
		alert("Column is about to be sorted");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeConfirmInsert"] = "Handle_OnBeforeConfirmInsert";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeConfirmInsert(sender,args)
	{
		var _tableview = args["TableView"];
		alert("A tableview is about to confirm inserting a new row.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeDetailTableCollapse"] = "Handle_OnBeforeDetailTableCollapse";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeDetailTableCollapse(sender,args)
	{
		var _row = args["Row"];
		alert("Detail tables are about to be collapsed");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeDetailTablesExpand"] = "Handle_OnBeforeDetailTablesExpand";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeDetailTablesExpand(sender,args)
	{
		var _row = args["Row"];
		alert("Detail tables of a row are about to be expanded");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeGridCommit"] = "Handle_OnBeforeGridCommit";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeGridCommit(sender,args)
	{
		alert("Grid is about to commit");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforePageChange"] = "Handle_OnBeforePageChange";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforePageChange(sender,args)
	{
		var _tableview = args["TableView"];
		var _pageindex = args["PageIndex"];		
		alert("Tableview is about to change page.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeRowCancelEdit"] = "Handle_OnBeforeRowCancelEdit";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeRowCancelEdit(sender,args)
	{
		var _row = args["Row"];
		alert("A row is is about to be cancelled changes.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeRowConfirmEdit"] = "Handle_OnBeforeRowConfirmEdit";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeRowConfirmEdit(sender,args)
	{
		var _row = args["Row"];
		alert("A row is is about to be confirmed changes.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeRowDelete"] = "Handle_OnBeforeRowDelete";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeRowDelete(sender,args)
	{
		var _row = args["Row"];
		alert("A row is is about to be deleted.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeRowDeselect"] = "Handle_OnBeforeRowDeselect";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeRowDeselect(sender,args)
	{
		var _row = args["Row"];
		alert("Row is about to be deselected.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeRowSelect"] = "Handle_OnBeforeRowSelect";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeRowSelect(sender,args)
	{
		var _row = args["Row"];
		alert("A row is about to be selected ");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeRowStartEdit"] = "Handle_OnBeforeRowStartEdit";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeRowStartEdit(sender,args)
	{
		var _row = args["Row"];
		alert("A row is is about to be edited.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnBeforeStartInsert"] = "Handle_OnBeforeStartInsert";
...
?>
...
<script type="text/javascript">
	function Handle_OnBeforeStartInsert(sender,args)
	{
		var _tableview = args["TableView"];
		alert("A tableview is about to start inserting a new row.");
		return true; // Approve action
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnCancelInsert"] = "Handle_OnCancelInsert";
...
?>
...
<script type="text/javascript">
	function Handle_OnCancelInsert(sender,args)
	{
		var _row = args["TableView"];
		alert("A tableview cancels inserting a row.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnCellClick"] = "Handle_OnCellClick";
...
?>
...
<script type="text/javascript">
	function Handle_OnCellClick(sender,args)
	{
		var _cell = args["Cell"];
		var _event = args["Event"];
		alert("click");
 
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnCellMouseOut"] = "Handle_OnCellMouseOut";
...
?>
...
<script type="text/javascript">
	function Handle_OnCellMouseOut(sender,args)
	{
		var _cell = args["Cell"];
		var _event = args["Event"];
		alert("Mouseout");
 
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnCellMouseOver"] = "Handle_OnCellMouseOver";
...
?>
...
<script type="text/javascript">
	function Handle_OnCellMouseOver(sender,args)
	{
		var _cell = args["Cel"];
		var _event = args["Event"];
		alert("MouseOver");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnClick"] = "Handle_OnColumnClick";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnClick(sender,args)
	{
		var _column = args["Column"];
		var _event = args["Event"];
		alert("Column was clicked");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnDoubleClick"] = "Handle_OnColumnDoubleClick";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnDoubleClick(sender,args)
	{
		var _column = args["Column"];
		var _event = args["Event"];
		alert("Column was double-clicked");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnFilter"] = "Handle_OnColumnFilter";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnFilter(sender,args)
	{
		var _column = args["Column"];
		var _expression = args["Exp"];
		var _value= args["Value"];
		alert("Column was filtered.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnGroup"] = "Handle_OnColumnGroup";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnGroup(sender,args)
	{
		var _column = args["Column"];
		alert("Column was grouped.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnMouseOut"] = "Handle_OnColumnMouseOut";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnMouseOut(sender,args)
	{
		var _column = args["Column"];
		var _event = args["Event"];
		alert("Mouse was out of column");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnMouseOver"] = "Handle_OnColumnMouseOver";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnMouseOver(sender,args)
	{
		var _column = args["Column"];
		var _event = args["Event"];
		alert("Mouse was over column");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnResize"] = "Handle_OnColumnResize";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnResize(sender,args)
	{
		var _column = args["Column"];
		alert("Column was resized");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnColumnSort"] = "Handle_OnColumnSort";
...
?>
...
<script type="text/javascript">
	function Handle_OnColumnSort(sender,args)
	{
		var _column = args["Column"];
		var _order = args["Order"];
		alert("Column was sorted");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnConfirmInsert"] = "Handle_OnConfirmInsert";
...
?>
...
<script type="text/javascript">
	function Handle_OnConfirmInsert(sender,args)
	{
		var _row = args["TableView"];
		alert("A tableview confirms inserting a row.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnDetailTableCollapse"] = "Handle_OnDetailTableCollapse";
...
?>
...
<script type="text/javascript">
	function Handle_OnDetailTableCollapse(sender,args)
	{
		var _row = args["Row"];
		alert("Detail tables were collapsed");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnDetailTablesExpand"] = "Handle_OnDetailTablesExpand";
...
?>
...
<script type="text/javascript">
	function Handle_OnDetailTablesExpand(sender,args)
	{
		var _row = args["Row"];
		alert("Detail tables were expanded");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnGridCommit"] = "Handle_OnGridCommit";
...
?>
...
<script type="text/javascript">
	function Handle_OnGridCommit(sender,args)
	{
		alert("Grid was commited");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnInit"] = "Handle_OnInit";
...
?>
...
<script type="text/javascript">
	function Handle_OnInit(sender,args)
	{
		alert("KoolGrid is initiated.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnLoad"] = "Handle_OnLoad";
...
?>
...
<script type="text/javascript">
	function Handle_OnLoad(sender,args)
	{
		alert("KoolGrid is loaded.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnPageChange"] = "Handle_OnPageChange";
...
?>
...
<script type="text/javascript">
	function Handle_OnPageChange(sender,args)
	{
		var _tableview = args["TableView"];
		var _pageindex = args["PageIndex"];		
		alert("Tableview changed page.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowCancelEdit"] = "Handle_OnRowCancelEdit";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowCancelEdit(sender,args)
	{
		var _row = args["Row"];
		alert("A row was cancel the changes.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowClick"] = "Handle_OnRowClick";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowClick(sender,args)
	{
		var _row = args["Row"];
		var _event = args["Event"];
		alert("Row was clicked");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowConfirmEdit"] = "Handle_OnRowConfirmEdit";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowConfirmEdit(sender,args)
	{
		var _row = args["Row"];
		alert("A row was confirmed changes");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowDelete"] = "Handle_OnRowDelete";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowDelete(sender,args)
	{
		var _row = args["Row"];
		alert("A row was deleted.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowDeselect"] = "Handle_OnRowDeselect";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowDeselect(sender,args)
	{
		var _row = args["Row"];
		alert("Row was deselected");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowDoubleClick"] = "Handle_OnRowDoubleClick";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowDoubleClick(sender,args)
	{
		var _row = args["Row"];
		var _event = args["Event"];
		alert("Row was double-clicked");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowMouseOut"] = "Handle_OnRowMouseOut";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowMouseOut(sender,args)
	{
		var _row = args["Row"];
		var _event = args["Event"];
		alert("Mouseout");
 
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowMouseOver"] = "Handle_OnRowMouseOver";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowMouseOver(sender,args)
	{
		var _row = args["Row"];
		var _event = args["Event"];
		alert("Mouseover");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowSelect"] = "Handle_OnRowSelect";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowSelect(sender,args)
	{
		var _row = args["Row"];
		alert("Row is selected");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnRowStartEdit"] = "Handle_OnRowStartEdit";
...
?>
...
<script type="text/javascript">
	function Handle_OnRowStartEdit(sender,args)
	{
		var _row = args["Row"];
		alert("A row was in edit mode.");
	}
</script>

<?php
...
	$grid->ClientSettings->ClientEvents["OnStartInsert"] = "Handle_OnStartInsert";
...
?>
...
<script type="text/javascript">
	function Handle_OnStartInsert(sender,args)
	{
		var _row = args["TableView"];
		alert("A tableview starts inserting a row.");
	}
</script>