原创文章,转载请注明出处
作者: 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
UltraWebGrid1.Rows(0).Cells(0).Activate()