Infragistics系列控件是一套很好,很強大的控件,前些日子公司買(mǎi)的正版的asp.net版本的..好像800多美元一套...最新版本的7.3....感覺(jué)很好..現在自己做項目也用..卻發(fā)現網(wǎng)上沒(méi)有一套中文的教程,中文資料都很少..在這里就把自己的研究心得寫(xiě)下來(lái)...
首先安裝,一步一步裝就可以了..完成之后,有幾點(diǎn)說(shuō)明的
1.安裝完之后開(kāi)始-程序的菜單里有Create Visual Studio Toolbox Tab.要執行一下.在vs的工具箱里生成infragistics的標簽..不然連控件都找不到哦...菜單里還有一個(gè)sample...能實(shí)現的效果大部分都在里面了...根據你自己的需求,可以在里面找....菜單里還有個(gè)document..里面有各個(gè)控件的'指南','例子'.還有api和客戶(hù)端腳本api...
2.安裝程序會(huì )在C:\Inetpub\wwwroot\aspnet_client\infragistics下生成一個(gè)包含運行時(shí)資源文件夾(包括圖片,css等文件)..所以這個(gè)文件夾比較重要(在你沒(méi)有appstle的情況下)...后面會(huì )說(shuō)
3.然后在安裝目錄下有dll文件的打包.我這里是C:\Program Files\Infragistics\NetAdvantage for .NET 2007 Vol. 3 CLR 2.0\ASP.NET\Bin - Signed這個(gè)文件夾.網(wǎng)站發(fā)布時(shí).要把這個(gè)rar文件解壓到bin文件夾下.不然沒(méi)有dll文件怎么執行啊..
4.還附送了一個(gè)appstylelist的小軟件,可以設置空間外觀(guān),有了這個(gè)就不用去學(xué)習,設置那些復雜的外觀(guān)屬性了.非常方便..而且用了這個(gè),2里提到的那個(gè)文件夾幾乎就沒(méi)用了...
5.在你第一次拖動(dòng)一個(gè)控件到頁(yè)面時(shí)..會(huì )在你得根目錄下生成一個(gè)licenses.licx文件..不要刪了哦..
6.可以在虛擬主機下運行,看到網(wǎng)上有得文章說(shuō)還要手動(dòng)iis虛擬路徑之類(lèi)的..不需要..只要把相關(guān)文件(圖片和dll)考到項目里的相關(guān)附錄就可以了..
前言部分就這么多了..之后會(huì )說(shuō)說(shuō)控件..每種控件的功能,用法,代碼控制的方法..
Infragistics ASP.NET控件用法總結
一、UltraWebGrid的基本用法
1、 如何手工增加列
第一步：將ControlSetting->DisplayOut->AutoGenerate置為False：表示不讓控件自動(dòng)添加列;
第二步：添加自己需要的列：BaseColumnName即你要梆定的字段名; Key:指定該列的別人，方便以后尋找該列的值; Header->Caption: 表頭文字
2、 凍結某列
this.UltraWebGrid1.DisplayLayout.UseFixedHeaders = true;
this.UltraWebGrid1.Bands[0].Columns.FromKey("Edit").Header.Fixed = true;
3、 向表格中添加其它控件
ControlSetting->Columns->選中你要操作的列->EditorControlID->選擇你要梆定的控件名
4、 表格中添加一列Button按鈕
ControlSettings->Columns->選中要修改為安按鈕的行->Type->Button
5、 合并單元格
Control Settings->Columns->列名->Header->RowLayoutColumnInfo;
SpanX:跨幾列 OriginX:哪一列開(kāi)始
//增加一個(gè)帶圖片的表頭
foreach(Infragistics.WebUI.UltraWebGrid.UltraGridColumn c in e.Layout.Bands[0].Columns)
{
c.Header.RowLayoutColumnInfo.OriginY = 1;
}
// 添加一個(gè)大的表頭
Infragistics.WebUI.UltraWebGridColumnHeader ch = new Infragistics.WebUI.UltraWeb
GridColumnHeader(true);
ch.Caption = “大表頭的名字”
ch.RowLayoutColumnInfo.OriginY = 0; //設置添加表頭的Y軸位置
ch.RowLayoutColumnInfo.SpanX = 3; //設置要跨的列數
ch.Image.Url ="./images/bankingbtn.gif"; //添加圖片
ch.Image.AlternateText = "Employee Name Grouping";
e.Layout.Bands[0].HeaderLayout.Add(ch); //將上面的設置添加到該表中
6、 添加一數字控件，并設置為可點(diǎn)擊累加數字
第一步：將控件WebNumericEdit->SpinButtons->Display設置為：OnRight
第二步：將UltraWebGrid中要梆定該控件的那一列的Type設置為：Custom
* 設置某列只讀; Allupdate = no
7、 隱藏表頭頂端的那一行
DisplayLayout->GroupByBox->Hidden = true
8、 固定Header那一行
this.UltraWebGrid1.DisplayLayout.StationaryMargins = Infragistics.WebUI.UltraWebGrid. StationaryMargins.Header;
9、 指定列頭中字體的顯示位置
Control Settings->Band[0]->HeaderStyle->HorizontalAlign = Center
10、指定表格中字體的顯示位置
Control Settings->Band[0]->RowStyle->HorizontalAlign = Center //全部
Control Settings->Columns->列名->CellStyle->HorizontalAlign = Center //設訂某一列
11、整張表不允許編輯
Control Settings->Band[0]->AllUpdate = no
12、選擇一行
Control Settings->Band[0]->CellClickAction = RowSelect
13、增加一行
UltraWebGrid.DisplayLayout.Row.Add();
14、確認對話(huà)框事件
指定客戶(hù)端事件：UltraWebGrid1->DisplayLayout->ClientSizeEvents-> ClickCellButtonHandler:CellButtonClick
函數的定義：
function CellButtonClick(gridName, cellId)
{
if (cellId.substring(cellId.lastIndexOf("_") + 1, cellId.lastIndexOf("_") + 3) == "8")
{
return !confirm("確信要刪除此行數據嗎?");
}
}
15、分頁(yè)處理
UltraWebGrid1->DisplayOut->Pager->AllowPaging=True，然后是PageSize等設置。
Pattern設置：這個(gè)模板就是用來(lái)自定義顯示效果的
<table width=100%><tr> [page:1:首頁(yè)] 第[currentpageindex]頁(yè) 共[pagecount]頁(yè) [prev] [next]</td><td align=right> [default]<td></tr></table>
二、WebCombo的基本用法
1、 實(shí)現可輸可選的下拉表格
Editable->True
2、 將下拉表格加載到UltraWebGrid中去
UltraWebGrid1.Columns[1].Type = ColumnType.DropDownList;
UltraWebGrid1.Columns[1].ValueList.WebCombo = WebComboGood;
