原创文章,转载请注明出处
作者: BoyLee  出处: Http://BoyLee.net

这次讲的主要是一些前台/后台事件,属性,相关方法等.
文中一些日文汉字应该能认识不少的,懒的翻译了,大家BS我吧(日文汉字,加英文,差不多也能知道意思了,嘿嘿). 

前台事件：

<ClientSideEvents

ColumnHeaderClickHandler="UltraWebGrid1_ColumnHeaderClickHandler" BeforeCellChangeHandler="UltraWebGrid1_BeforeCellChangeHandler"

BeforeColumnSizeChangeHandler="UltraWebGrid1_BeforeColumnSizeChangeHandler" KeyDownHandler="UltraWebGrid1_KeyDownHandler"

BeforeRowTemplateCloseHandler="UltraWebGrid1_BeforeRowTemplateCloseHandler" ColumnDragHandler="UltraWebGrid1_ColumnDragHandler"

KeyUpHandler="UltraWebGrid1_KeyUpHandler"

BeforeRowExpandedHandler="UltraWebGrid1_BeforeRowExpandedHandler"

GridCornerImageClickHandler="UltraWebGrid1_GridCornerImageClickHandler" BeforeRowSizeChangeHandler="UltraWebGrid1_BeforeRowSizeChangeHandler"

BeforeRowCollapsedHandler="UltraWebGrid1_BeforeRowCollapsedHandler" BeforeRowInsertHandler="UltraWebGrid1_BeforeRowInsertHandler"

RowSelectorClickHandler="UltraWebGrid1_RowSelectorClickHandler" AfterRowSizeChangeHandler="UltraWebGrid1_AfterRowSizeChangeHandler"

BeforeExitEditModeHandler="UltraWebGrid1_BeforeExitEditModeHandler" CellChangeHandler="UltraWebGrid1_CellChangeHandler"

ClickCellButtonHandler="UltraWebGrid1_ClickCellButtonHandler" AfterCellUpdateHandler="UltraWebGrid1_AfterCellUpdateHandler"

EditKeyUpHandler="UltraWebGrid1_EditKeyUpHandler" BeforeSelectChangeHandler="UltraWebGrid1_BeforeSelectChangeHandler"

ValueListSelChangeHandler="UltraWebGrid1_ValueListSelChangeHandler" AfterColumnMoveHandler="UltraWebGrid1_AfterColumnMoveHandler"

MouseUpHandler="UltraWebGrid1_MouseUpHandler"

InitializeLayoutHandler="UltraWebGrid1_InitializeLayoutHandler"

BeforeRowTemplateOpenHandler="UltraWebGrid1_BeforeRowTemplateOpenHandler" BeforeSortColumnHandler="UltraWebGrid1_BeforeSortColumnHandler"

BeforeColumnMoveHandler="UltraWebGrid1_BeforeColumnMoveHandler" AfterRowCollapsedHandler="UltraWebGrid1_AfterRowCollapsedHandler"

BeforeCellUpdateHandler="UltraWebGrid1_BeforeCellUpdateHandler" MouseDownHandler="UltraWebGrid1_MouseDownHandler"

AfterSelectChangeHandler="UltraWebGrid1_AfterSelectChangeHandler" DblClickHandler="UltraWebGrid1_DblClickHandler"

AfterRowTemplateOpenHandler="UltraWebGrid1_AfterRowTemplateOpenHandler" BeforeEnterEditModeHandler="UltraWebGrid1_BeforeEnterEditModeHandler"

EditKeyDownHandler="UltraWebGrid1_EditKeyDownHandler" AfterRowExpandedHandler="UltraWebGrid1_AfterRowExpandedHandler"

TemplateUpdateControlsHandler="UltraWebGrid1_TemplateUpdateControlsHandler" AfterRowTemplateCloseHandler="UltraWebGrid1_AfterRowTemplateCloseHandler"

CellClickHandler="UltraWebGrid1_CellClickHandler" AfterRowDeletedHandler="UltraWebGrid1_AfterRowDeletedHandler"

AfterEnterEditModeHandler="UltraWebGrid1_AfterEnterEditModeHandler" AfterColumnSizeChangeHandler="UltraWebGrid1_AfterColumnSizeChangeHandler"

AfterRowActivateHandler="UltraWebGrid1_AfterRowActivateHandler" MouseOverHandler="UltraWebGrid1_MouseOverHandler"

AfterSortColumnHandler="UltraWebGrid1_AfterSortColumnHandler" InitializeRowHandler="UltraWebGrid1_InitializeRowHandler"

MouseOutHandler="UltraWebGrid1_MouseOutHandler" BeforeRowDeletedHandler="UltraWebGrid1_BeforeRowDeletedHandler"

AfterExitEditModeHandler="UltraWebGrid1_AfterExitEditModeHandler" TemplateUpdateCellsHandler="UltraWebGrid1_TemplateUpdateCellsHandler"

BeforeRowActivateHandler="UltraWebGrid1_BeforeRowActivateHandler" AfterRowInsertHandler="UltraWebGrid1_AfterRowInsertHandler">

</ClientSideEvents>

前台函数定義形式：

function UltraWebGrid1_MouseOverHandler(gridName, id, button)

function UltraWebGrid1_AfterSelectChangeHandler(gridName, id)

function UltraWebGrid1_ValueListSelChangeHandler(gridName, selectId, cellId)

function UltraWebGrid1_CellChangeHandler(gridName, cellId)

function UltraWebGrid1_AfterRowSizeChangeHandler(gridName, rowId, height)

function UltraWebGrid1_AfterCellUpdateHandler(gridName, cellId)

function UltraWebGrid1_AfterColumnMoveHandler(gridName, columnId)

function UltraWebGrid1_AfterColumnSizeChangeHandler(gridName, columnId, width)

function UltraWebGrid1_AfterEnterEditModeHandler(gridName, cellId)

function UltraWebGrid1_AfterExitEditModeHandler(gridName, cellId)

function UltraWebGrid1_AfterRowActivateHandler(gridName, rowId)

function UltraWebGrid1_AfterRowCollapsedHandler(gridName, rowId)

function UltraWebGrid1_AfterRowDeletedHandler(gridName, rowId)

function UltraWebGrid1_AfterRowExpandedHandler(gridName, rowId)

function UltraWebGrid1_AfterRowInsertHandler(gridName, rowId)

function UltraWebGrid1_AfterRowTemplateCloseHandler(gridName, rowId, bSaveChanges)

function UltraWebGrid1_AfterRowTemplateOpenHandler(gridName, rowId)

function UltraWebGrid1_AfterSortColumnHandler(gridName, columnId)

function UltraWebGrid1_BeforeCellChangeHandler(gridName, cellId)

function UltraWebGrid1_BeforeCellUpdateHandler(gridName, cellId, value)

function UltraWebGrid1_BeforeColumnMoveHandler(gridName, columnId)

function UltraWebGrid1_BeforeColumnSizeChangeHandler(gridName, columnId, width)

function UltraWebGrid1_BeforeEnterEditModeHandler(gridName, cellId)

function UltraWebGrid1_BeforeExitEditModeHandler(gridName, cellId)

function UltraWebGrid1_BeforeRowActivateHandler(gridName, rowId)

function UltraWebGrid1_BeforeRowCollapsedHandler(gridName, rowId)

function UltraWebGrid1_BeforeRowDeletedHandler(gridName, rowId)

function UltraWebGrid1_BeforeRowExpandedHandler(gridName, rowId)

function UltraWebGrid1_BeforeRowInsertHandler(gridName, rowId)

function UltraWebGrid1_BeforeRowSizeChangeHandler(gridName, rowId)

function UltraWebGrid1_BeforeRowTemplateCloseHandler(gridName, rowId, bSaveChanges)

function UltraWebGrid1_BeforeRowTemplateOpenHandler(gridName, rowId, templateId)

function UltraWebGrid1_BeforeSelectChangeHandler(gridName, id)

function UltraWebGrid1_BeforeSortColumnHandler(gridName, columnId)

function UltraWebGrid1_CellClickHandler(gridName, cellId, button)

function UltraWebGrid1_ClickCellButtonHandler(gridName, cellId)

function UltraWebGrid1_ColumnDragHandler(gridName, columnId, insertBeforeColumnId)

function UltraWebGrid1_ColumnHeaderClickHandler(gridName, columnId, button)

function UltraWebGrid1_DblClickHandler(gridName, cellId)

function UltraWebGrid1_EditKeyDownHandler(gridName, cellId, key)

function UltraWebGrid1_EditKeyUpHandler(gridName, cellId, key)

function UltraWebGrid1_GridCornerImageClickHandler(gridName)

function UltraWebGrid1_InitializeLayoutHandler(gridName)

function UltraWebGrid1_InitializeRowHandler(gridName, rowId)

function UltraWebGrid1_KeyDownHandler(gridName, cellId, key)

function UltraWebGrid1_KeyUpHandler(gridName, cellId, key)

function UltraWebGrid1_MouseDownHandler(gridName, id, button)

function UltraWebGrid1_MouseOutHandler(gridName, id, button)

function UltraWebGrid1_MouseUpHandler(gridName, id, button)

function UltraWebGrid1_RowSelectorClickHandler(gridName, rowId, button)

function UltraWebGrid1_TemplateUpdateCellsHandler(gridName, controlId, cellId)

function UltraWebGrid1_TemplateUpdateControlsHandler(gridName,controlId,cellId,value)

var oGrid = oUltraWebGrid1;        [oUltraWebGrid1 は Globle ]               

var oBands = oGrid.Bands;

var oBand = oBands[0];

var oColumns = oBand.Columns;

var count = oColumns.length;

var oRows = oGrid.Rows;       

前台属性(JavaScript用)

gridId:        UltraWebGrid1       

rowIdの形式:        UltraWebGrid1r_4

cellIdの形式:        UltraWebGrid1rc_4_1

Grid オブジェクト

{

        .RowSizing = 2;       

        .SelectTypeRow = 2;

}

行(Row オブジェクト):

{

        .Element.id ---------　形式:WebGrid名称+r_X(X:Row番号)  

                               例えば:UltraWebGrid1r_4

}

セル(Cell オブジェクト):

{

        .style.backgroundColor = "Red";

        .style.fontWeight = "bold";

        .Element.style.fontStyle = "italic";

        .Element.style.fontWeight = "bold";

        .Element.runtimeStyle.backgroundColor = "Red";

        .Element.id-----------  形式:WebGrid名称+rc_X_Y(X:Row番号,Y:Col番号)

                                例えば:UltraWebGrid1rc_4_1

}

列(column オブジェクト)

{

        .Key == "PostalCode"

}

前台函数(JavaScript用)

//***************************************

//関数名:igtbl_getGridById

//機　能:指定IdのWebGridの引用を取得

//引　数:WebGridのId

//戻り型:WebGridオブジェクト

//戻り値:オブジェクト

//***************************************

用法:   var grid = igtbl_getGridById("UltraWebGrid1");

//***************************************

//関数名:igtbl_getRowById

//機　能:現在のセルのRowオブジェクトを取得します。

//引　数:CellのId

//戻り型:Rowオブジェクト

//戻り値:オブジェクト

//***************************************

用法:   var row = igtbl_getRowById(cellId);

//***************************************

//関数名:igtbl_getColumnById

//機　能:指定IdのColumn引用を取得する

//引　数:CellのId

//戻り型:Columnオブジェクト

//戻り値:オブジェクト

//***************************************

用法:   var column = igtbl_getColumnById(cellId);

             if(column.Key == "PostalCode")

//***************************************

//関数名:igtbl_getCellById

//機　能:指定IdのCell引用を取得する

//引　数:CellのId

//戻り型:Cellオブジェクト

//戻り値:オブジェクト

//***************************************

用法:   var cell = igtbl_getCellById(cellId);

//***************************************

//関数名:igtbl_getActiveRow

//機　能:指定IdのWebGridの選択されるRowを取得

//引　数:WebGridのId

//戻り型:Rowオブジェクト

//戻り値:オブジェクト

//***************************************

用法:   var row = igtbl_getActiveRow("UltraWebGrid1");

//***************************************

//関数名:igtbl_setActiveRow

//機　能:指定のRow 選択する

//引　数:GridId,rowId

//戻り型:なし

//戻り値:なし

//***************************************

用法:        igtbl_setActiveRow('UltraWebGrid1',igtbl_getElementById("UltraWebGridr_3"));

//***************************************

//関数名:igtbl_getActiveCell

//機　能:指定IdのWebGridの選択されるCellを取得

//引　数:WebGridのId

//戻り型:Cellオブジェクト

//戻り値:オブジェクト

//***************************************

用法:   var cell = igtbl_getActiveCell("UltraWebGrid1");

//***************************************

//関数名:getRow

//機　能:指定番号のRow オブジェクトの引用を取得

//引　数:Row番号

//戻り型:オブジェクト

//戻り値:指定番号のRowオブジェクト

//***************************************

用法:   var oRow = oRows.getRow(i);

//***************************************

//関数名:getCell

//機　能:指定番号のCellオブジェクトの引用を取得

//引　数:Cell番号

//戻り型:オブジェクト

//戻り値:指定番号のCellオブジェクト

//***************************************

用法:   var row = igtbl_getRowById(cellId);

        var cell = row.getCell(16);

//***************************************

//関数名:getSelected

//機　能:指定のRow　の選択ステートをチャック

//引　数:なし

//戻り型:boolean

//戻り値:false:指定番号のRow 選択される

       true:指定番号のRow 選択されない

//***************************************

用法:   [oRow = oRows.getRow(i);]

        oRow.getSelected()

//***************************************

//関数名:setSelected

//機　能:指定のRowが選択される

//引　数:boolean

//戻り型:なし

//戻り値:なし

//***************************************

用法:   [oRow = oRows.getRow(i);]

        oRow.setSelected(true);

        oRow.setSelected(false);

//***************************************

//関数名:igtbl_selectRow

//機　能:指定IdのRowの選択ステートを設置

//引　数:WebGrid のId,Row のId,boolean,boolean

//戻り型:なし

//戻り値:なし

//***************************************

用法:   var row = igtbl_getActiveRow("UltraWebGrid1");

        igtbl_selectRow("UltraWebGrid1", row.Element.id, false, false);

//***************************************

//関数名:igtbl_selectCell

//機　能:指定IdのCellの選択ステートを設置

//引　数:WebGrid のId,Cell のId,boolean,boolean

//戻り型:なし

//戻り値:なし

//***************************************

用法:   var cell = igtbl_getActiveCell("UltraWebGrid1");

        igtbl_selectCell("UltraWebGrid1", cell.Element.id, false, false);

//***************************************

//関数名:setValue

//機　能:指定Cellの内容を設置

//引　数:内容

//戻り型:なし

//戻り値:なし

//***************************************

用法:   var cell = igtbl_getCellById(cellId);

             if(cell)

        {

                var elem = cell.Element;

                elem.runtimeStyle.backgroundColor = "Red";

                elem.style.backgroundColor = "Red";

                cell.setValue("ダブルクリック");

        }

//***************************************

//関数名:setExpanded

//機　能:

//引　数:

//戻り型:なし

//戻り値:なし

//***************************************

用法:        oRow.setExpanded(true);

後台属性：

１．UltraWebGrid1.DisplayLayout.CellClickActionDefault                セルのクリックイベント

                Case "設定なし"

                    UltraWebGrid1.DisplayLayout.CellClickActionDefault = CellClickAction.NotSet

                Case "セル選択"

                    UltraWebGrid1.DisplayLayout.CellClickActionDefault = CellClickAction.CellSelect

                Case "行選択"

                    UltraWebGrid1.DisplayLayout.CellClickActionDefault = CellClickAction.RowSelect

                Case "編集"

                    UltraWebGrid1.DisplayLayout.CellClickActionDefault = CellClickAction.Edit

２．UltraWebGrid1.DisplayLayout.SelectTypeRowDefault                行の選びタイプ

                Case "デフォルト"

                    UltraWebGrid1.DisplayLayout.SelectTypeRowDefault = SelectType.None

                Case "単一行"

                    UltraWebGrid1.DisplayLayout.SelectTypeRowDefault = SelectType.Single

                Case "複数行"

                    UltraWebGrid1.DisplayLayout.SelectTypeRowDefault = SelectType.Extended

３．UltraWebGrid1.DisplayLayout.SelectTypeColDefault                列の選びタイプ

                Case "デフォルト"

                    UltraWebGrid1.DisplayLayout.SelectTypeColDefault = SelectType.None

                Case "単一列"

                    UltraWebGrid1.DisplayLayout.SelectTypeColDefault = SelectType.Single

                Case "複数列"

                    UltraWebGrid1.DisplayLayout.SelectTypeColDefault = SelectType.Extended

４．UltraWebGrid1.DisplayLayout.SelectTypeCellDefault                セルの選びタイプ

                Case "デフォルト"

                    UltraWebGrid1.DisplayLayout.SelectTypeCellDefault = SelectType.None

                Case "単一セル"

                    UltraWebGrid1.DisplayLayout.SelectTypeCellDefault = SelectType.Single

                Case "複数セル"

                    UltraWebGrid1.DisplayLayout.SelectTypeCellDefault = SelectType.Extended