(转)UltraWebGrid使用指南 - 前台属性和方法(JavaScript用)

前台属性(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"
}
//获取列名
var columnname = cell.Column.Key;

前台函数(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