I am testing a radio button list. It works fine if standalone. However, if I nest it into a grid, the radio buttons can't be selected. The following is my whole test page. Please help me where I am wrong.
Thanks,
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link href="../runtime/styles/xp/aw.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../runtime/lib/aw.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<script>
var radio = new AW.UI.Radio;
radio.setId("radio1");
radio.setClass("flow", "horizontal");
radio.getItemTemplate().setStyle("width", "25px");
radio.setItemText(["%", "$"]);
radio.setItemCount(2);
radio.setSelectedItems([0]);
var grid=new AW.UI.Grid;
grid.setColumnCount(1);
grid.setRowCount(1);
grid.setCellTemplate(radio, 0,0);
document.write(grid);
</script>
</div>
</form>
</body>
</html>