Infragistics.WebUI.UltraWebGrid使用小技巧

 

Infragistics.WebUI.UltraWebGrid功能强大，但是缺乏详细地说明文档，虽然有例子，但是每次遇到问题都要对照页面

一个一个去找，实在太麻烦。下面是关于一些Infragistics.WebUI.UltraWebGrid使用的小技巧，避免忘记了再去找。

 

1.如果设定了RowEditTemplate，请在DisplayLayout中设定

CellClickActionDefault="RowSelect" AllowUpdateDefault="Yes"

 

 

     < Bands >
             < igtbl:UltraGridBand >
                 < RowEditTemplate >
                    
                 </ RowEditTemplate >
                 < RowTemplateStyle  BackColor ="Window"  BorderColor ="Window"  BorderStyle ="Ridge" >
                     < BorderDetails  WidthBottom ="3px"  WidthLeft ="3px"  WidthRight ="3px"  
                        WidthTop ="3px"   />
                 </ RowTemplateStyle >
             < AddNewRow  Visible ="NotSet"  View ="NotSet" ></ AddNewRow >
             </ igtbl:UltraGridBand >
     </ Bands >

CellClickActionDefault="RowSelect"表明单元格单击选择行，AllowUpdateDefault="Yes"允许编辑

 

2.去掉讨厌的左边空白列。其实这是个默认的行选择器，如果要去掉

请在DisplayLayout中设定

RowSelectorsDefault="No"

 

3.还要设定行模板的样式，否则你可定设置了上面的，但是还是当鼠标单击行的时候，模板还是不出来。

< RowTemplateStyle BackColor = " Window "  BorderColor = " Window "  BorderStyle = " Ridge "  Height = " 210px "  Width = " 360px " >
     < BorderDetails WidthBottom = " 0px "  WidthLeft = " 0px "  WidthRight = " 0px "  WidthTop = " 0px "   />
</ RowTemplateStyle >

 

4.行模板的关闭和取消按钮就是默认的，不要改动，否则可能出现一些错误

< input  type ="button"  id ="igtbl_reOkBtn"  value =" 确　定 "  class ="btn"  onclick ="igtbl_gRowEditButtonClick(event);" />
< input  type ="button"  id ="igtbl_reCancelBtn"  value =" 关　闭 "  class ="btn"  onclick ="igtbl_gRowEditButtonClick(event);" />

 

5.添加行模板打开和关闭事件

UltraWebGrid1.DisplayLayout.ClientSideEvents.AfterRowTemplateOpenHandler  =   " Template_AfterRowTemplateOpenHandler " ;
UltraWebGrid1.DisplayLayout.ClientSideEvents.AfterRowTemplateCloseHandler  =   " Template_AfterRowTemplateCloseHandler " ;

 

6.添加行模板打开和关闭的客户端响应事件

 

 

// 打开行模板
function  Template_AfterRowTemplateOpenHandler(gridName, rowId)
{
    CurrentGrid = igtbl_getGridById(UltraWebGrid1);
    CurrentRow = igtbl_getRowById(rowId);
    CurrentRowIndex = CurrentRow.getIndex();

     // 具体的处理逻辑
}

// 关闭行模板
function  Template_AfterRowTemplateCloseHandler(gridName, rowId, bSaveChanges)
{
     if (bSaveChanges == false )  return ;
     // 具体的处理逻辑
}

先说这几个，陆续补充中...