WebGrid Enterprise 7提供了一套全面的客戶端API來幫助開發人員擴展他們所用的表格。WebGrid的客戶端API被完全重新設計和重寫，更加遵守OOP標準。WebUI Framework中采用了統一的客戶端和服務器API模式，所有的控件和任務都呈現一套統一的方法和屬性，極大地減少了你的開發時間。另外一個好處就是，新的客戶端API的執行速度比以前版本快80%。

本文主要介紹如何檢索關鍵值和所選行的單元格文本以及如何在OnRowSelect這個客戶端事件下實現這樣功能。

首先，你需要分配的OnRowSelect事件。OnRowSelect事件位于LayoutSettings中，然后找到ClientSideEvents屬性，選擇OnRowSelect事件。OnRowSelect事件指定的客戶端（JavaScript）功能，當選定行的時候，將激活OnRowSelect事件。

下面的代碼將被自動加入到您的內部文件中；

<script type="text/javascript">
<!--
function WebGrid1_OnRowSelect(controlId, tblName, rowIndex, rowEl) {
var WebGrid1 = ISGetObject(controlId);

return true;
}
-->
</script>
 After the OnRowSelect has been assigned, add the following codes to retrieve the key value and the cell text from the selected row as below:

function WebGrid1_OnRowSelect(controlId, tblName, rowIndex, rowEl) {
var WebGrid1 = ISGetObject(controlId);

// get the selected object.
var obj = WebGrid1.GetSelectedObject();

// get the row object.
var row = obj.ToRowObject();

//get the key value of selected row.
var key = row.KeyValue

//get the text of the selected row based on CategoryName and Description.
var cellID = row.GetCells().GetNamedItem("CategoryName").Text;
 var cellType = row.GetCells().GetNamedItem("Description").Text;

//show the result through alert box.
alert(key);
alert(cellID);
alert(cellType);
return true;
}