(转)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