ColWidthChanged

In This Topic

Occurs when the column width has changed.

Syntax

[Inline HTML]

[JavaScript]

FpSpread1.addEventListener("ColWidthChanged", handler, ...)

FpSpread1.onColWidthChanged = handler

Arguments

event.sizeHeader: Whether the row indexes are column header rows
event.col: Column that changed
event.width: New column width
event.spread: Spread control that raises the event

Return Type

None

Remarks

This event is triggered when the component has finished resizing the column. The sizeHeader argument returns an undefined value in Mozilla Firefox.

Example

This example JavaScript code maps the event for the Spread on the client side.

JavaScript	Copy Code
<script lang="javascript" type="text/javascript"> window.onload = function () { var spread1 = document.getElementById("<%=FpSpread1.ClientID %>"); if (document.all) { // IE if (spread1.addEventListener) { // IE9 spread1.addEventListener("ColWidthChanged", changeCompleted, false); } else { // Other versions of IE and IE9 quirks mode (no doctype set) spread1.onColWidthChanged = changeCompleted; } } else { // Firefox spread1.addEventListener("ColWidthChanged", changeCompleted, false); } } function changeCompleted(event) { alert("The column has been resized."); } </script>

JavaScript

Copy Code

<script lang="javascript" type="text/javascript">
    window.onload = function () {
      var spread1 = document.getElementById("<%=FpSpread1.ClientID %>");
      if (document.all) {
      // IE
      if (spread1.addEventListener) {
      // IE9
      spread1.addEventListener("ColWidthChanged", changeCompleted, false);
      } else {
      // Other versions of IE and IE9 quirks mode (no doctype set)
      spread1.onColWidthChanged = changeCompleted;
      }
}
      else {
      // Firefox
      spread1.addEventListener("ColWidthChanged", changeCompleted, false);
      }
    }
    
    function changeCompleted(event) {
      alert("The column has been resized.");
    }
    
</script>