Infragistics.WebUI.UltraWebGrid功能比较强大,尤其是客户端时间比较丰富,能实现较多的控制。下面就有关个别客户端事件稍微说明一下。
在.cs代码中添加
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
UltraWebGrid1.DisplayLayout.ClientSideEvents.CellClickHandler = "Template_CellClickHandler";
UltraWebGrid1.DisplayLayout.ClientSideEvents.ColumnHeaderClickHandler = "Template_ColumnHeaderClickHandler";
UltraWebGrid1.DisplayLayout.ClientSideEvents.AfterCellUpdateHandler = "Template_AfterCellUpdateHandler";
UltraWebGrid1.DisplayLayout.ClientSideEvents.AfterRowActivateHandler = "Template_AfterRowActivateHandler";
以上四个分别为:单元格单击事件,列头单击事件,单元格更新后事件,选择行事件。
注意单元格单击事件需要在前面页面该控件的样式布局部分修改CellClickActionDefault="CellSelect",如果是
行选择CellClickActionDefault="RowSelect"
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
<DisplayLayout RowHeightDefault="24px" Version="4.00" BorderCollapseDefault="Separate" LoadOnDemand="Xml" TableLayout="Fixed"
CellClickActionDefault="CellSelect" SelectTypeRowDefault="Single" RowSelectorsDefault="No" SelectTypeCellDefault="Extended">
然后编写客户端事件
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
//声明几个常用的全局变量
var CurrentGrid=null;
var CurrentRowIndex=-1;
var CurrentColumnIndex=-1;
var CurrentRow=null;
var CurrentCell=null;
//单元格单击
function Template_CellClickHandler(gridName, cellId, button)
{
if(button==2)
return;
CurrentGrid=igtbl_getGridById(UltraWebGrid1);
CurrentCell=CurrentGrid.getActiveCell();
CurrentColumnIndex=CurrentCell.Index;
CurrentRow=CurrentCell.Row;
CurrentRowIndex=CurrentRow.getIndex();
//其他你要执行的js代码
}
//行单击事件
function Template_AfterRowActivateHandler(gridId,rowId)
{
CurrentRow=igtbl_getRowById(rowId);
CurrentRowIndex=CurrentRow.getIndex();
//其他你要执行的js代码
}
//表头单击事件(参数没写,自己找一下)
function Template_ColumnHeaderClickHandler()
{
}
//单元格更新后事件
function Template_AfterCellUpdateHandler(gridName, cellId)
{
}
其他一些常用操作
function
DeleteRow()
{
var row = igtbl_getActiveRow(UltraWebGrid1);
CurrentRow = row;
// 有时需要执行一些检查,满足一定条件后然后执行一个回调函数来删除,所以将当前行保存在全局变量中
CurrentRow.deleteRow();
}
{
var row = igtbl_getActiveRow(UltraWebGrid1);
CurrentRow = row;
// 有时需要执行一些检查,满足一定条件后然后执行一个回调函数来删除,所以将当前行保存在全局变量中
CurrentRow.deleteRow();
}
添加行:
function
InsertRow()
{
CurrentGrid = igtbl_getGridById(UltraWebGrid1);
CurrentGrid.Rows.addNew();
// 得到刚添加的行,可以return(返回)刚添加的行,然后进行自动赋值等操作
var row = igtbl_getRowById(CurrentGrid.Rows.getLastRowId());
// 得到当前行的下一行
var row = CurrentRow.getNextRow();
}
{
CurrentGrid = igtbl_getGridById(UltraWebGrid1);
CurrentGrid.Rows.addNew();
// 得到刚添加的行,可以return(返回)刚添加的行,然后进行自动赋值等操作
var row = igtbl_getRowById(CurrentGrid.Rows.getLastRowId());
// 得到当前行的下一行
var row = CurrentRow.getNextRow();
}
根据Id得到某个行或单元格
igtbl_getCellById(cellId);
igtbl_getRowById(rowId);
igtbl_getRowById(rowId);
如果单元格是图片,可以这样赋值
addCell.Element.innerHTML
=
"
<NOBR><IMG style=/
"
CURSOR: hand/
"
οnclick=InsertRow() src=/
"
..
/
images
/
Default
/
add.bmp/"><
/
NOBR
>
"
;
如果是文本,应该
row.getCell(columnIndex);
cell.setValue();
cell.setValue();
更多使用技巧完善中!