title: Event not firing in JavaScript
body: <p>I'm somewhat new to JavaScript. I'm using a grid control called Spread and in that grid I have three rows and three columns of comboboxes. I also have a native ASP textbox. What I want is to display the value of the combobox, once it has been changed by the client, in the textbox. To do this I'm using a DataChanged event of the Spread control.
  However, nothing happens when I run this locally and change a value in any of Spread's combobox.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form id="form1" runat="server"&gt;
  &lt;div&gt;
      &lt;FarPoint:FpSpread ID="FpSpread1" runat="server" ActiveSheetViewIndex="0" 
      BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" 
      DesignString="&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&amp;quot;?&amp;gt;&amp;lt;Spread /&amp;gt;" 
      Height="200px" Width="400px"&gt;
      &lt;ClientEvents DataChanged="dataChanged" /&gt;
      &lt;commandbar backcolor="Control" buttonfacecolor="Control" 
          buttonhighlightcolor="ControlLightLight" buttonshadowcolor="ControlDark"&gt;
          &lt;Background BackgroundImageUrl="SPREADCLIENTPATH:/img/cbbg.gif"&gt;
          &lt;/Background&gt;
      &lt;/commandbar&gt;
      &lt;Pager Font-Bold="False" Font-Italic="False" Font-Overline="False" 
          Font-Strikeout="False" Font-Underline="False" /&gt;
      &lt;HierBar Font-Bold="False" Font-Italic="False" Font-Overline="False" 
          Font-Strikeout="False" Font-Underline="False" /&gt;
      &lt;sheets&gt;
          &lt;FarPoint:SheetView DesignString="&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&amp;quot;?&amp;gt;&amp;lt;Sheet&amp;gt;&amp;lt;Data&amp;gt;&amp;lt;RowHeader class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&amp;quot; rows=&amp;quot;3&amp;quot; columns=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;AutoCalculation&amp;gt;True&amp;lt;/AutoCalculation&amp;gt;&amp;lt;AutoGenerateColumns&amp;gt;True&amp;lt;/AutoGenerateColumns&amp;gt;&amp;lt;ReferenceStyle&amp;gt;A1&amp;lt;/ReferenceStyle&amp;gt;&amp;lt;Iteration&amp;gt;False&amp;lt;/Iteration&amp;gt;&amp;lt;MaximumIterations&amp;gt;1&amp;lt;/MaximumIterations&amp;gt;&amp;lt;MaximumChange&amp;gt;0.001&amp;lt;/MaximumChange&amp;gt;&amp;lt;/RowHeader&amp;gt;&amp;lt;ColumnHeader class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&amp;quot; rows=&amp;quot;1&amp;quot; columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AutoCalculation&amp;gt;True&amp;lt;/AutoCalculation&amp;gt;&amp;lt;AutoGenerateColumns&amp;gt;True&amp;lt;/AutoGenerateColumns&amp;gt;&amp;lt;ReferenceStyle&amp;gt;A1&amp;lt;/ReferenceStyle&amp;gt;&amp;lt;Iteration&amp;gt;False&amp;lt;/Iteration&amp;gt;&amp;lt;MaximumIterations&amp;gt;1&amp;lt;/MaximumIterations&amp;gt;&amp;lt;MaximumChange&amp;gt;0.001&amp;lt;/MaximumChange&amp;gt;&amp;lt;/ColumnHeader&amp;gt;&amp;lt;DataArea class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&amp;quot; rows=&amp;quot;3&amp;quot; columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AutoCalculation&amp;gt;True&amp;lt;/AutoCalculation&amp;gt;&amp;lt;AutoGenerateColumns&amp;gt;True&amp;lt;/AutoGenerateColumns&amp;gt;&amp;lt;ReferenceStyle&amp;gt;A1&amp;lt;/ReferenceStyle&amp;gt;&amp;lt;Iteration&amp;gt;False&amp;lt;/Iteration&amp;gt;&amp;lt;MaximumIterations&amp;gt;1&amp;lt;/MaximumIterations&amp;gt;&amp;lt;MaximumChange&amp;gt;0.001&amp;lt;/MaximumChange&amp;gt;&amp;lt;SheetName&amp;gt;Sheet1&amp;lt;/SheetName&amp;gt;&amp;lt;Cells&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;0&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;Pippo&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;din&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;2&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;a&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;1&amp;quot; column=&amp;quot;0&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;pippo&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;1&amp;quot; column=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;din&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;1&amp;quot; column=&amp;quot;2&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;a&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;2&amp;quot; column=&amp;quot;0&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;pippo&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;2&amp;quot; column=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;din&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;2&amp;quot; column=&amp;quot;2&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.String&amp;quot;&amp;gt;a&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;/Cells&amp;gt;&amp;lt;/DataArea&amp;gt;&amp;lt;SheetCorner class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&amp;quot; rows=&amp;quot;1&amp;quot; columns=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;AutoCalculation&amp;gt;True&amp;lt;/AutoCalculation&amp;gt;&amp;lt;AutoGenerateColumns&amp;gt;True&amp;lt;/AutoGenerateColumns&amp;gt;&amp;lt;ReferenceStyle&amp;gt;A1&amp;lt;/ReferenceStyle&amp;gt;&amp;lt;Iteration&amp;gt;False&amp;lt;/Iteration&amp;gt;&amp;lt;MaximumIterations&amp;gt;1&amp;lt;/MaximumIterations&amp;gt;&amp;lt;MaximumChange&amp;gt;0.001&amp;lt;/MaximumChange&amp;gt;&amp;lt;/SheetCorner&amp;gt;&amp;lt;ColumnFooter class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&amp;quot; rows=&amp;quot;1&amp;quot; columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AutoCalculation&amp;gt;True&amp;lt;/AutoCalculation&amp;gt;&amp;lt;AutoGenerateColumns&amp;gt;True&amp;lt;/AutoGenerateColumns&amp;gt;&amp;lt;ReferenceStyle&amp;gt;A1&amp;lt;/ReferenceStyle&amp;gt;&amp;lt;Iteration&amp;gt;False&amp;lt;/Iteration&amp;gt;&amp;lt;MaximumIterations&amp;gt;1&amp;lt;/MaximumIterations&amp;gt;&amp;lt;MaximumChange&amp;gt;0.001&amp;lt;/MaximumChange&amp;gt;&amp;lt;/ColumnFooter&amp;gt;&amp;lt;/Data&amp;gt;&amp;lt;Presentation&amp;gt;&amp;lt;AxisModels&amp;gt;&amp;lt;Column class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&amp;quot; orientation=&amp;quot;Horizontal&amp;quot; count=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item index=&amp;quot;-1&amp;quot;&amp;gt;&amp;lt;SortIndicator&amp;gt;Ascending&amp;lt;/SortIndicator&amp;gt;&amp;lt;/Item&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/Column&amp;gt;&amp;lt;RowHeaderColumn class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&amp;quot; defaultSize=&amp;quot;40&amp;quot; orientation=&amp;quot;Horizontal&amp;quot; count=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item index=&amp;quot;-1&amp;quot;&amp;gt;&amp;lt;SortIndicator&amp;gt;Ascending&amp;lt;/SortIndicator&amp;gt;&amp;lt;Size&amp;gt;40&amp;lt;/Size&amp;gt;&amp;lt;/Item&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/RowHeaderColumn&amp;gt;&amp;lt;ColumnHeaderRow class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&amp;quot; defaultSize=&amp;quot;22&amp;quot; orientation=&amp;quot;Vertical&amp;quot; count=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item index=&amp;quot;-1&amp;quot;&amp;gt;&amp;lt;Size&amp;gt;22&amp;lt;/Size&amp;gt;&amp;lt;/Item&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/ColumnHeaderRow&amp;gt;&amp;lt;ColumnFooterRow class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&amp;quot; defaultSize=&amp;quot;22&amp;quot; orientation=&amp;quot;Vertical&amp;quot; count=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item index=&amp;quot;-1&amp;quot;&amp;gt;&amp;lt;Size&amp;gt;22&amp;lt;/Size&amp;gt;&amp;lt;/Item&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/ColumnFooterRow&amp;gt;&amp;lt;/AxisModels&amp;gt;&amp;lt;StyleModels&amp;gt;&amp;lt;RowHeader class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&amp;quot; Rows=&amp;quot;3&amp;quot; Columns=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;AltRowCount&amp;gt;2&amp;lt;/AltRowCount&amp;gt;&amp;lt;DefaultStyle class=&amp;quot;FarPoint.Web.Spread.NamedStyle&amp;quot; Parent=&amp;quot;RowHeaderDefault&amp;quot; /&amp;gt;&amp;lt;ConditionalFormatCollections /&amp;gt;&amp;lt;/RowHeader&amp;gt;&amp;lt;ColumnHeader class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&amp;quot; Rows=&amp;quot;1&amp;quot; Columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AltRowCount&amp;gt;2&amp;lt;/AltRowCount&amp;gt;&amp;lt;DefaultStyle class=&amp;quot;FarPoint.Web.Spread.NamedStyle&amp;quot; Parent=&amp;quot;ColumnHeaderDefault&amp;quot;&amp;gt;&amp;lt;Background class=&amp;quot;FarPoint.Web.Spread.Background&amp;quot;&amp;gt;&amp;lt;BackgroundImageUrl&amp;gt;SPREADCLIENTPATH:/img/chbg.gif&amp;lt;/BackgroundImageUrl&amp;gt;&amp;lt;SelectedBackgroundImageUrl&amp;gt;SPREADCLIENTPATH:/img/chm.png&amp;lt;/SelectedBackgroundImageUrl&amp;gt;&amp;lt;/Background&amp;gt;&amp;lt;/DefaultStyle&amp;gt;&amp;lt;ConditionalFormatCollections /&amp;gt;&amp;lt;/ColumnHeader&amp;gt;&amp;lt;DataArea class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&amp;quot; Rows=&amp;quot;3&amp;quot; Columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AltRowCount&amp;gt;2&amp;lt;/AltRowCount&amp;gt;&amp;lt;DefaultStyle class=&amp;quot;FarPoint.Web.Spread.NamedStyle&amp;quot; Parent=&amp;quot;DataAreaDefault&amp;quot; /&amp;gt;&amp;lt;ColumnStyles&amp;gt;&amp;lt;ColumnStyle Index=&amp;quot;0&amp;quot;&amp;gt;&amp;lt;CellType class=&amp;quot;FarPoint.Web.Spread.ComboBoxCellType&amp;quot;&amp;gt;&amp;lt;AutoPostBack&amp;gt;True&amp;lt;/AutoPostBack&amp;gt;&amp;lt;ShowButton&amp;gt;True&amp;lt;/ShowButton&amp;gt;&amp;lt;UseValue&amp;gt;True&amp;lt;/UseValue&amp;gt;&amp;lt;OnClientChanged&amp;gt;updatedcell&amp;lt;/OnClientChanged&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item text=&amp;quot;pippo&amp;quot; value=&amp;quot;pippo&amp;quot; /&amp;gt;&amp;lt;Item text=&amp;quot;pluto&amp;quot; value=&amp;quot;pluto&amp;quot; /&amp;gt;&amp;lt;Item text=&amp;quot;paperino&amp;quot; value=&amp;quot;paperino&amp;quot; /&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/CellType&amp;gt;&amp;lt;TabStop&amp;gt;True&amp;lt;/TabStop&amp;gt;&amp;lt;/ColumnStyle&amp;gt;&amp;lt;ColumnStyle Index=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;CellType class=&amp;quot;FarPoint.Web.Spread.ComboBoxCellType&amp;quot;&amp;gt;&amp;lt;AutoPostBack&amp;gt;True&amp;lt;/AutoPostBack&amp;gt;&amp;lt;ShowButton&amp;gt;True&amp;lt;/ShowButton&amp;gt;&amp;lt;UseValue&amp;gt;True&amp;lt;/UseValue&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item text=&amp;quot;din&amp;quot; value=&amp;quot;din&amp;quot; /&amp;gt;&amp;lt;Item text=&amp;quot;don&amp;quot; value=&amp;quot;don&amp;quot; /&amp;gt;&amp;lt;Item text=&amp;quot;dan&amp;quot; value=&amp;quot;dan&amp;quot; /&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/CellType&amp;gt;&amp;lt;TabStop&amp;gt;True&amp;lt;/TabStop&amp;gt;&amp;lt;/ColumnStyle&amp;gt;&amp;lt;ColumnStyle Index=&amp;quot;2&amp;quot;&amp;gt;&amp;lt;CellType class=&amp;quot;FarPoint.Web.Spread.ComboBoxCellType&amp;quot;&amp;gt;&amp;lt;AutoPostBack&amp;gt;True&amp;lt;/AutoPostBack&amp;gt;&amp;lt;ShowButton&amp;gt;True&amp;lt;/ShowButton&amp;gt;&amp;lt;UseValue&amp;gt;True&amp;lt;/UseValue&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item text=&amp;quot;a&amp;quot; value=&amp;quot;a&amp;quot; /&amp;gt;&amp;lt;Item text=&amp;quot;b&amp;quot; value=&amp;quot;b&amp;quot; /&amp;gt;&amp;lt;Item text=&amp;quot;c&amp;quot; value=&amp;quot;c&amp;quot; /&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/CellType&amp;gt;&amp;lt;TabStop&amp;gt;True&amp;lt;/TabStop&amp;gt;&amp;lt;/ColumnStyle&amp;gt;&amp;lt;/ColumnStyles&amp;gt;&amp;lt;CellStyles&amp;gt;&amp;lt;CellStyle Row=&amp;quot;0&amp;quot; Column=&amp;quot;0&amp;quot;&amp;gt;&amp;lt;c class=&amp;quot;FarPoint.Web.Spread.ComboBoxCellType&amp;quot;&amp;gt;&amp;lt;p&amp;gt;True&amp;lt;/p&amp;gt;&amp;lt;s&amp;gt;True&amp;lt;/s&amp;gt;&amp;lt;u&amp;gt;True&amp;lt;/u&amp;gt;&amp;lt;h&amp;gt;&amp;lt;d t=&amp;quot;Pippo&amp;quot; v=&amp;quot;pippo&amp;quot; /&amp;gt;&amp;lt;d t=&amp;quot;Pluto &amp;quot; /&amp;gt;&amp;lt;d t=&amp;quot;Paperino&amp;quot; /&amp;gt;&amp;lt;/h&amp;gt;&amp;lt;/c&amp;gt;&amp;lt;ts&amp;gt;True&amp;lt;/ts&amp;gt;&amp;lt;/CellStyle&amp;gt;&amp;lt;/CellStyles&amp;gt;&amp;lt;ConditionalFormatCollections /&amp;gt;&amp;lt;/DataArea&amp;gt;&amp;lt;SheetCorner class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&amp;quot; Rows=&amp;quot;1&amp;quot; Columns=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;AltRowCount&amp;gt;2&amp;lt;/AltRowCount&amp;gt;&amp;lt;DefaultStyle class=&amp;quot;FarPoint.Web.Spread.NamedStyle&amp;quot; Parent=&amp;quot;CornerDefault&amp;quot;&amp;gt;&amp;lt;Background class=&amp;quot;FarPoint.Web.Spread.Background&amp;quot;&amp;gt;&amp;lt;BackgroundImageUrl&amp;gt;SPREADCLIENTPATH:/img/chbg.gif&amp;lt;/BackgroundImageUrl&amp;gt;&amp;lt;SelectedBackgroundImageUrl&amp;gt;SPREADCLIENTPATH:/img/chm.png&amp;lt;/SelectedBackgroundImageUrl&amp;gt;&amp;lt;/Background&amp;gt;&amp;lt;/DefaultStyle&amp;gt;&amp;lt;ConditionalFormatCollections /&amp;gt;&amp;lt;/SheetCorner&amp;gt;&amp;lt;ColumnFooter class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&amp;quot; Rows=&amp;quot;1&amp;quot; Columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AltRowCount&amp;gt;2&amp;lt;/AltRowCount&amp;gt;&amp;lt;DefaultStyle class=&amp;quot;FarPoint.Web.Spread.NamedStyle&amp;quot; Parent=&amp;quot;ColumnFooterDefault&amp;quot; /&amp;gt;&amp;lt;ConditionalFormatCollections /&amp;gt;&amp;lt;/ColumnFooter&amp;gt;&amp;lt;/StyleModels&amp;gt;&amp;lt;MessageRowStyle class=&amp;quot;FarPoint.Web.Spread.Appearance&amp;quot;&amp;gt;&amp;lt;BackColor&amp;gt;LightYellow&amp;lt;/BackColor&amp;gt;&amp;lt;ForeColor&amp;gt;Red&amp;lt;/ForeColor&amp;gt;&amp;lt;/MessageRowStyle&amp;gt;&amp;lt;SheetCornerStyle class=&amp;quot;FarPoint.Web.Spread.NamedStyle&amp;quot; Parent=&amp;quot;CornerDefault&amp;quot;&amp;gt;&amp;lt;Background class=&amp;quot;FarPoint.Web.Spread.Background&amp;quot;&amp;gt;&amp;lt;BackgroundImageUrl&amp;gt;SPREADCLIENTPATH:/img/chbg.gif&amp;lt;/BackgroundImageUrl&amp;gt;&amp;lt;SelectedBackgroundImageUrl&amp;gt;SPREADCLIENTPATH:/img/chm.png&amp;lt;/SelectedBackgroundImageUrl&amp;gt;&amp;lt;/Background&amp;gt;&amp;lt;/SheetCornerStyle&amp;gt;&amp;lt;AllowLoadOnDemand&amp;gt;false&amp;lt;/AllowLoadOnDemand&amp;gt;&amp;lt;LoadRowIncrement &amp;gt;10&amp;lt;/LoadRowIncrement &amp;gt;&amp;lt;LoadInitRowCount &amp;gt;30&amp;lt;/LoadInitRowCount &amp;gt;&amp;lt;AllowVirtualScrollPaging&amp;gt;false&amp;lt;/AllowVirtualScrollPaging&amp;gt;&amp;lt;TopRow&amp;gt;0&amp;lt;/TopRow&amp;gt;&amp;lt;PreviewRowStyle class=&amp;quot;FarPoint.Web.Spread.PreviewRowInfo&amp;quot; /&amp;gt;&amp;lt;/Presentation&amp;gt;&amp;lt;Settings&amp;gt;&amp;lt;Name&amp;gt;Sheet1&amp;lt;/Name&amp;gt;&amp;lt;Categories&amp;gt;&amp;lt;Appearance&amp;gt;&amp;lt;GridLineColor&amp;gt;#d0d7e5&amp;lt;/GridLineColor&amp;gt;&amp;lt;SelectionBackColor&amp;gt;#eaecf5&amp;lt;/SelectionBackColor&amp;gt;&amp;lt;SelectionBorder class=&amp;quot;FarPoint.Web.Spread.Border&amp;quot; /&amp;gt;&amp;lt;/Appearance&amp;gt;&amp;lt;Behavior&amp;gt;&amp;lt;EditTemplateColumnCount&amp;gt;2&amp;lt;/EditTemplateColumnCount&amp;gt;&amp;lt;GroupBarText&amp;gt;Drag a column to group by that column.&amp;lt;/GroupBarText&amp;gt;&amp;lt;/Behavior&amp;gt;&amp;lt;Layout&amp;gt;&amp;lt;ColumnHeaderRowCount&amp;gt;1&amp;lt;/ColumnHeaderRowCount&amp;gt;&amp;lt;RowHeaderColumnCount&amp;gt;1&amp;lt;/RowHeaderColumnCount&amp;gt;&amp;lt;/Layout&amp;gt;&amp;lt;/Categories&amp;gt;&amp;lt;ActiveRow&amp;gt;0&amp;lt;/ActiveRow&amp;gt;&amp;lt;ActiveColumn&amp;gt;0&amp;lt;/ActiveColumn&amp;gt;&amp;lt;ColumnHeaderRowCount&amp;gt;1&amp;lt;/ColumnHeaderRowCount&amp;gt;&amp;lt;ColumnFooterRowCount&amp;gt;1&amp;lt;/ColumnFooterRowCount&amp;gt;&amp;lt;PrintInfo&amp;gt;&amp;lt;Header /&amp;gt;&amp;lt;Footer /&amp;gt;&amp;lt;ZoomFactor&amp;gt;0&amp;lt;/ZoomFactor&amp;gt;&amp;lt;FirstPageNumber&amp;gt;1&amp;lt;/FirstPageNumber&amp;gt;&amp;lt;Orientation&amp;gt;Auto&amp;lt;/Orientation&amp;gt;&amp;lt;PrintType&amp;gt;All&amp;lt;/PrintType&amp;gt;&amp;lt;PageOrder&amp;gt;Auto&amp;lt;/PageOrder&amp;gt;&amp;lt;BestFitCols&amp;gt;False&amp;lt;/BestFitCols&amp;gt;&amp;lt;BestFitRows&amp;gt;False&amp;lt;/BestFitRows&amp;gt;&amp;lt;PageStart&amp;gt;-1&amp;lt;/PageStart&amp;gt;&amp;lt;PageEnd&amp;gt;-1&amp;lt;/PageEnd&amp;gt;&amp;lt;ColStart&amp;gt;-1&amp;lt;/ColStart&amp;gt;&amp;lt;ColEnd&amp;gt;-1&amp;lt;/ColEnd&amp;gt;&amp;lt;RowStart&amp;gt;-1&amp;lt;/RowStart&amp;gt;&amp;lt;RowEnd&amp;gt;-1&amp;lt;/RowEnd&amp;gt;&amp;lt;ShowBorder&amp;gt;True&amp;lt;/ShowBorder&amp;gt;&amp;lt;ShowGrid&amp;gt;True&amp;lt;/ShowGrid&amp;gt;&amp;lt;ShowColor&amp;gt;True&amp;lt;/ShowColor&amp;gt;&amp;lt;ShowColumnHeader&amp;gt;Inherit&amp;lt;/ShowColumnHeader&amp;gt;&amp;lt;ShowRowHeader&amp;gt;Inherit&amp;lt;/ShowRowHeader&amp;gt;&amp;lt;ShowColumnFooter&amp;gt;Inherit&amp;lt;/ShowColumnFooter&amp;gt;&amp;lt;ShowColumnFooterEachPage&amp;gt;True&amp;lt;/ShowColumnFooterEachPage&amp;gt;&amp;lt;ShowTitle&amp;gt;True&amp;lt;/ShowTitle&amp;gt;&amp;lt;ShowSubtitle&amp;gt;True&amp;lt;/ShowSubtitle&amp;gt;&amp;lt;UseMax&amp;gt;True&amp;lt;/UseMax&amp;gt;&amp;lt;UseSmartPrint&amp;gt;False&amp;lt;/UseSmartPrint&amp;gt;&amp;lt;Opacity&amp;gt;255&amp;lt;/Opacity&amp;gt;&amp;lt;PrintNotes&amp;gt;None&amp;lt;/PrintNotes&amp;gt;&amp;lt;Centering&amp;gt;None&amp;lt;/Centering&amp;gt;&amp;lt;RepeatColStart&amp;gt;-1&amp;lt;/RepeatColStart&amp;gt;&amp;lt;RepeatColEnd&amp;gt;-1&amp;lt;/RepeatColEnd&amp;gt;&amp;lt;RepeatRowStart&amp;gt;-1&amp;lt;/RepeatRowStart&amp;gt;&amp;lt;RepeatRowEnd&amp;gt;-1&amp;lt;/RepeatRowEnd&amp;gt;&amp;lt;SmartPrintPagesTall&amp;gt;1&amp;lt;/SmartPrintPagesTall&amp;gt;&amp;lt;SmartPrintPagesWide&amp;gt;1&amp;lt;/SmartPrintPagesWide&amp;gt;&amp;lt;HeaderHeight&amp;gt;-1&amp;lt;/HeaderHeight&amp;gt;&amp;lt;FooterHeight&amp;gt;-1&amp;lt;/FooterHeight&amp;gt;&amp;lt;/PrintInfo&amp;gt;&amp;lt;TitleInfo class=&amp;quot;FarPoint.Web.Spread.TitleInfo&amp;quot;&amp;gt;&amp;lt;Style class=&amp;quot;FarPoint.Web.Spread.StyleInfo&amp;quot;&amp;gt;&amp;lt;BackColor&amp;gt;#e7eff7&amp;lt;/BackColor&amp;gt;&amp;lt;HorizontalAlign&amp;gt;Right&amp;lt;/HorizontalAlign&amp;gt;&amp;lt;/Style&amp;gt;&amp;lt;/TitleInfo&amp;gt;&amp;lt;LayoutTemplate class=&amp;quot;FarPoint.Web.Spread.LayoutTemplate&amp;quot;&amp;gt;&amp;lt;Layout&amp;gt;&amp;lt;ColumnCount&amp;gt;4&amp;lt;/ColumnCount&amp;gt;&amp;lt;RowCount&amp;gt;1&amp;lt;/RowCount&amp;gt;&amp;lt;/Layout&amp;gt;&amp;lt;Data&amp;gt;&amp;lt;LayoutData class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&amp;quot; rows=&amp;quot;1&amp;quot; columns=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;AutoCalculation&amp;gt;True&amp;lt;/AutoCalculation&amp;gt;&amp;lt;AutoGenerateColumns&amp;gt;True&amp;lt;/AutoGenerateColumns&amp;gt;&amp;lt;ReferenceStyle&amp;gt;A1&amp;lt;/ReferenceStyle&amp;gt;&amp;lt;Iteration&amp;gt;False&amp;lt;/Iteration&amp;gt;&amp;lt;MaximumIterations&amp;gt;1&amp;lt;/MaximumIterations&amp;gt;&amp;lt;MaximumChange&amp;gt;0.001&amp;lt;/MaximumChange&amp;gt;&amp;lt;Cells&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;0&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.Int32&amp;quot;&amp;gt;0&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.Int32&amp;quot;&amp;gt;1&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;2&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.Int32&amp;quot;&amp;gt;2&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;Cell row=&amp;quot;0&amp;quot; column=&amp;quot;3&amp;quot;&amp;gt;&amp;lt;Data type=&amp;quot;System.Int32&amp;quot;&amp;gt;3&amp;lt;/Data&amp;gt;&amp;lt;/Cell&amp;gt;&amp;lt;/Cells&amp;gt;&amp;lt;/LayoutData&amp;gt;&amp;lt;/Data&amp;gt;&amp;lt;AxisModels&amp;gt;&amp;lt;LayoutColumn class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&amp;quot; orientation=&amp;quot;Horizontal&amp;quot; count=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item index=&amp;quot;-1&amp;quot;&amp;gt;&amp;lt;SortIndicator&amp;gt;Ascending&amp;lt;/SortIndicator&amp;gt;&amp;lt;/Item&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/LayoutColumn&amp;gt;&amp;lt;LayoutRow class=&amp;quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&amp;quot; orientation=&amp;quot;Vertical&amp;quot; count=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;Items&amp;gt;&amp;lt;Item index=&amp;quot;-1&amp;quot; /&amp;gt;&amp;lt;/Items&amp;gt;&amp;lt;/LayoutRow&amp;gt;&amp;lt;/AxisModels&amp;gt;&amp;lt;/LayoutTemplate&amp;gt;&amp;lt;LayoutMode&amp;gt;CellLayoutMode&amp;lt;/LayoutMode&amp;gt;&amp;lt;CurrentPageIndex type=&amp;quot;System.Int32&amp;quot;&amp;gt;0&amp;lt;/CurrentPageIndex&amp;gt;&amp;lt;/Settings&amp;gt;&amp;lt;/Sheet&amp;gt;" 
              SheetName="Sheet1"&gt;
          &lt;/FarPoint:SheetView&gt;
      &lt;/sheets&gt;
          &lt;ClientEvents DataChanged="dataChanged" EditStopped="dataChanged" /&gt;
      &lt;TitleInfo BackColor="#E7EFF7" ForeColor="" HorizontalAlign="Center" 
          VerticalAlign="NotSet" Font-Size="X-Large" font-bold="False" 
          font-italic="False" font-overline="False" font-strikeout="False" 
          font-underline="False"&gt;
      &lt;/TitleInfo&gt;
      &lt;/FarPoint:FpSpread&gt;
      &lt;br /&gt;
      &lt;asp:TextBox ID="TextBox1" runat="server" BackColor="#0000CC" BorderColor="Red" 
          ForeColor="White" Height="16px"&gt;&lt;/asp:TextBox&gt;
      &lt;br /&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  
  &lt;script language="javascript" type="text/javascript"&gt;
      window.onload = function () {
          var spread1 = document.getElementById("FpSpread1");
                    if (document.all) { 
                      // IE
                      if (spread1.addEventListener) {
                      // IE9
          //            spread1.addEventListener("DataChanged", dataChanged, false);     
                      spread1.addEventListener("DataChanged", function () {return dataChanged("FpSpread1","1")}, false);
                      } else {
                      // Other versions of IE and IE9 quirks mode (no doctype set)
                      spread1.onDataChanged = dataChanged("FpSpread1","1");
                      }
                      else {
                      // Firefox
          //            spread1.addEventListener("DataChanged", dataChanged, false);
                      spread1.addEventListener("DataChanged", function () {return dataChanged("FpSpread1","1")}, false);
                    } 
      }
  
      function dataChanged(elementID, combo) {
          var tb = document.getElementById("TextBox1");
          var s = document.getElementById(elementID);
          tb.value = v.value;
          tb.value = tb.value;
      } 
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>