InfragisticsWebUIUltraWebGrid使用技巧.doc

InfragisticsWebUIUltraWebGrid使用技巧人气:0 | 来源:宫 | 分类:.net2008 | 文章标签:,webgrid,ui,web,system,unit 发表时间:2008-12-21 15:52:49 | 转载内容load.load.#region getwebgridattribute 把传递过来的webgrid增加上通用的属性/ / 把传递过来的webgrid增加上通用的属性/ / 要增加属性的webgrid/ 如果webgrid是可以供用户编辑，那么isedit为true；如果webgrid仅仅供显示，那么isedit为false/ webgrid是用于文件上传与下载，由于只有一列，要求去掉webgrid的表头和左侧列，如果去掉，那么aboutdocument为false；如果不去掉，那么aboutdocument为truepublic void getwebgridattribute(ultrawebgrid webgrid, bool isedit, bool aboutdocument)/定义webgrid外观webgrid.backcolor = color.transparent;webgrid.bordercolor = color.transparent;webgrid.borderstyle = system.web.ui.webcontrols.borderstyle.solid;webgrid.borderwidth = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.allowupdatedefault = allowupdate.yes;webgrid.displaylayout.bordercollapsedefault = bordercollapse.separate; /边框独立/设置单元格可编辑webgrid.displaylayout.cellclickactiondefault = cellclickaction.edit;/定义被选择单元格的外观webgrid.displaylayout.editcellstyledefault.borderstyle = system.web.ui.webcontrols.borderstyle.none;webgrid.displaylayout.editcellstyledefault.borderwidth = new system.web.ui.webcontrols.unit(0);webgrid.displaylayout.editcellstyledefault.backcolor = color.fromargb(0xf09d21);/不显示addnewboxwebgrid.displaylayout.addnewbox.hidden = true;/允许用户在客户端调整列的大小webgrid.displaylayout.allowcolsizingdefault = allowsizing.free;webgrid.displaylayout.allowcolumnmovingdefault = allowcolumnmoving.none;webgrid.displaylayout.allowdeletedefault = allowdelete.no;/允许用户在客户端对列排序，这里的仅仅支持对单列排序webgrid.displaylayout.allowsortingdefault = allowsorting.onclient;/定义ultrawebgrid不显示底部边框webgrid.displaylayout.colfootersvisibledefault = showmargininfo.no;/定义webgrid底部显示样式webgrid.displaylayout.footerstyledefault.backcolor = color.fromargb(0xadc5eb);webgrid.displaylayout.footerstyledefault.borderdetails.colorleft = color.white;webgrid.displaylayout.footerstyledefault.borderdetails.colortop = color.white;webgrid.displaylayout.footerstyledefault.borderdetails.widthleft = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.footerstyledefault.borderdetails.widthtop = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.footerstyledefault.borderstyle = system.web.ui.webcontrols.borderstyle.solid;webgrid.displaylayout.footerstyledefault.borderwidth = new system.web.ui.webcontrols.unit(1);/定义frame样式webgrid.displaylayout.framestyle.borderstyle = system.web.ui.webcontrols.borderstyle.solid;webgrid.displaylayout.framestyle.borderwidth = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.framestyle.font.size = new system.web.ui.webcontrols.fontunit(8); = verdana;webgrid.displaylayout.framestyle.width = system.web.ui.webcontrols.unit.percentage(100);/定义ultrawebgrid头部样式/webgrid.displaylayout.groupbybox.hidden = true;/webgrid.displaylayout.headerclickactiondefault = infragistics.webui.ultrawebgrid.headerclickaction.sortsingle;webgrid.displaylayout.headerstyledefault.backcolor = color.fromargb(0xadc5eb);webgrid.displaylayout.headerstyledefault.bordercolor = color.black;/ webgrid.displaylayout.headerstyledefault.borderdetails.colorleft = color.fromargb(0xadc5eb);webgrid.displaylayout.headerstyledefault.borderdetails.colorleft = color.white;webgrid.displaylayout.headerstyledefault.borderdetails.colortop = color.white;/以上二项增加webgrid有立体感webgrid.displaylayout.headerstyledefault.borderdetails.widthleft = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.headerstyledefault.borderdetails.widthtop = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.headerstyledefault.borderstyle = system.web.ui.webcontrols.borderstyle.solid;webgrid.displaylayout.headerstyledefault.font.bold = true;webgrid.displaylayout.headerstyledefault.font.size = new system.web.ui.webcontrols.fontunit(10); = 宋体;webgrid.displaylayout.headerstyledefault.forecolor = color.fromargb(0x11459e);webgrid.displaylayout.headerstyledefault.horizontalalign = system.web.ui.webcontrols.horizontalalign.center;/文字居中webgrid.displaylayout.headerstyledefault.verticalalign = system.web.ui.webcontrols.verticalalign.middle;/定义没有数据显示的提示信息webgrid.displaylayout.nodatamessage = 没有相关数据！;/定义行风格webgrid.displaylayout.rowalternatestyledefault.backcolor = color.fromargb(0xe9ebfc);/偶数行颜色webgrid.displaylayout.rowheightdefault = new system.web.ui.webcontrols.unit(20);webgrid.displaylayout.rowselectorsdefault = rowselectors.yes;webgrid.displaylayout.rowstyledefault.backcolor = color.fromargb(0xf8fdfd); /奇数行颜色webgrid.displaylayout.rowstyledefault.bordercolor = color.black;webgrid.displaylayout.rowstyledefault.borderdetails.widthleft = new system.web.ui.webcontrols.unit(0);webgrid.displaylayout.rowstyledefault.borderdetails.widthtop = new system.web.ui.webcontrols.unit(0);webgrid.displaylayout.rowstyledefault.borderstyle = system.web.ui.webcontrols.borderstyle.solid;webgrid.displaylayout.rowstyledefault.borderwidth = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.rowstyledefault.padding.left = new system.web.ui.webcontrols.unit(3);/定义被选择行风格webgrid.displaylayout.selectedrowstyledefault.backcolor = color.fromargb(0x33ccdd);webgrid.displaylayout.selectedrowstyledefault.forecolor = color.black;webgrid.displaylayout.stationarymargins = stationarymargins.header;webgrid.displaylayout.tablelayout = tablelayout.fixed;/仅仅能选择行webgrid.displaylayout.viewtype = infragistics.webui.ultrawebgrid.viewtype.flat;/用户可自定义风格if (isedit = true)/定义ultrawebgrid不显示底部边框webgrid.displaylayout.colfootersvisibledefault = showmargininfo.no;/允许用户在客户端更新表格中的内容webgrid.displaylayout.allowupdatedefault = allowupdate.yes;/定义被选择cell风格webgrid.displaylayout.editcellstyledefault.backgroundimage = httpcontext.current.request.applicationpath + /images/webgridimage/orangeexplorer.gif;webgrid.displaylayout.editcellstyledefault.bordercolor = color.gray;webgrid.displaylayout.editcellstyledefault.borderdetails.colorleft = color.gray;webgrid.displaylayout.editcellstyledefault.borderdetails.colortop = color.gray;webgrid.displaylayout.editcellstyledefault.borderdetails.widthleft = new system.web.ui.webcontrols.unit(0);webgrid.displaylayout.editcellstyledefault.borderdetails.widthtop = new system.web.ui.webcontrols.unit(0);webgrid.displaylayout.editcellstyledefault.borderstyle = system.web.ui.webcontrols.borderstyle.solid;webgrid.displaylayout.editcellstyledefault.borderwidth = new system.web.ui.webcontrols.unit(1);webgrid.displaylayout.editcellstyledefault.padding.left = new system.web.ui.webcontrols.unit(3);/定义被选择行的风格webgrid.displaylayout.selectedrowstyledefault.backgroundimage = httpcontext.current.request.applicationpath + /images/webgridimage/orangeexplorer.gif;webgrid.displaylayout.rowselectorsdefault = rowselectors.yes;/定义ultrawebgrid头部风格webgrid.displaylayout.headerstyledefault.backgroundimage = httpcontext.current.request.applicationpath + /images/webgridimage/blueexplorer.gif;webgrid.displaylayout.bordercollapsedefault = bordercollapse.collapse; /边框合并/偶数行颜色webgrid.displaylayout.rowalternatestyledefault.backcolor = color.fromargb(0xffffff);/奇数行颜色webgrid.displaylayout.rowstyledefault.backcolor = color.fromargb(0xffffff);/去掉webgrid的左侧列if (aboutdocument = false)webgrid.displaylayout.colfootersvisibledefault = infragistics.webui.ultrawebgrid.showmargininfo.no;webgrid.displaylayout.rowselectorsdefault = rowselectors.no;#endregioninfragistics系列控件是一套很好,很强大的控件,前些日子公司买的正版的版本的.好像800多美元一套.最新版本的7.3.感觉很好.现在自己做项目也用.却发现网上没有一套中文的教程,中文资料都很少.在这里就把自己的研究心得写下来. 首先安装,一步一步装就可以了.完成之后,有几点说明的1.安装完之后开始-程序的菜单里有create visual studio toolbox tab.要执行一下.在vs的工具箱里生成infragistics的标签.不然连控件都找不到哦.菜单里还有一个sample.能实现的效果大部分都在里面了.根据你自己的需求,可以在里面找.菜单里还有个document.里面有各个控件的'指南','例子'.还有api和客户端脚本api.2.安装程序会在c:inetpubwwwrootaspnet_clientinfragistics下生成一个包含运行时资源文件夹(包括图片,css等文件).所以这个文件夹比较重要(在你没有appstle的情况下).后面会说3.然后在安装目录下有dll文件的打包.我这里是c:program filesinfragisticsnetadvantage for .net 2007 vol. 3 clr 2.0bin - signed这个文件夹.网站发布时.要把这个rar文件解压到bin文件夹下.不然没有dll文件怎么执行啊.4.还附送了一个appstylelist的小软件,可以设置空间外观,有了这个就不用去学习,设置那些复杂的外观属性了.非常方便.而且用了这个,2里提到的那个文件夹几乎就没用了.5.在你第一次拖动一个控件到页面时.会在你得根目录下生成一个licenses.licx文件.不要删了哦.6.可以在虚拟主机下运行,看到网上有得文章说还要手动iis虚拟路径之类的.不需要.只要把相关文件(图片和dll)考到项目里的相关附录就可以了.前言部分就这么多了.之后会说说控件.每种控件的功能,用法,代码控制的方法.转于/jingshuaizh/archive/2008/07/22/2689440.aspxinfragistics 控件用法总结一、ultrawebgrid的基本用法1、 如何手工增加列第一步：将controlsetting-displayout-autogenerate置为false：表示不让控件自动添加列;第二步：添加自己需要的列：basecolumnname即你要梆定的字段名; key:指定该列的别人，方便以后寻找该列的值; header-caption: 表头文字2、 冻结某列 this.ultrawebgrid1.displaylayout.usefixedheaders = true; this.ultrawebgrid1.bands0.columns.fromkey(edit).header.fixed = true;3、 向表格中添加其它控件controlsetting-columns-选中你要操作的列-editorcontrolid-选择你要梆定的控件名4、 表格中添加一列button按钮controlsettings-columns-选中要修改为安按钮的行-type-button5、 合并单元格control settings-columns-列名-header-rowlayoutcolumninfo;spanx:跨几列 originx:哪一列开始/增加一个带图片的表头foreach(infragistics.webui.ultrawebgrid.ultragridcolumn c in e.layout.bands0.columns) c.header.rowlayoutcolumninfo.originy = 1;/ 添加一个大的表头infragistics.webui.ultrawebgridcolumnheader ch = new infragistics.webui.ultrawebgridcolumnheader(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.bands0.headerlayout.add(ch); /将上面的设置添加到该表中6、 添加一数字控件，并设置为可点击累加数字第一步：将控件webnumericedit-spinbuttons-display设置为：onright第二步：将ultrawebgrid中要梆定该控件的那一列的type设置为：custom* 设置某列只读; allupdate = no7、 隐藏表头顶端的那一行displaylayout-groupbybox-hidden = true8、 固定header那一行this.ultrawebgrid1.displaylayout.stationarymargins = infragistics.webui.ultrawebgrid. stationarymargins.header; 9、 指定列头中字体的显示位置control settings-band0-headerstyle-horizontalalign = center 10、指定表格中字体的显示位置control settings-band0-rowstyle-horizontalalign = center /全部 control settings-columns-列名-cellstyle-horizontalalign = center /设订某一列 11、整张表不允许编辑 control settings-band0-allupdate = no 12、选择一行 control settings-band0-cellclickaction = rowselect 13、增加一行 ultrawebgrid.displaylayout.row.add(); 14、确认对话框事件指定客户端事件：ultrawebgrid1-displaylayout-clientsizeevents- clickcellbuttonhandler:cellbuttonclick 函数的定义： function cellbuttonclick(gridname, cellid) if (cellid.substring(cellid.lastindexof(_) + 1, cellid.lastindexof(_) + 3) = 8) return !confirm(确信要删除此行数据吗?); 15、分页处理 ultrawebgrid1-displayout-pager-allowpaging=true，然后是pagesize等设置。 pattern设置：这个模板就是用来自定义显示效果的 page:1:首页 第currentpageindex页 共pagecount页 prev next default二、webcombo的基本用法1、 实现可输可选的下拉表格editable-true2、 将下拉表格加载到ultrawebgrid中去 ultrawebgrid1.columns1.type = columntype.dropdownlist; ultrawebgrid1.columns1.valuelist.webcombo = webcombogood原文地址：/%d1%ee%d0%f9%e5%e3/blog/item/3fecda55e3e0e75c574e00a9.htmlinfragistics netadvantage ultrawebgrid使用之一在一个ultrawebgrid的第一个column(template column)放了一個checkbox ,检查整个ultrawebgrid中的勾取情況，然后执行相关的操作。foreach(datarow row in grid.rows)checkbox c = (checkbox)row.columns0.findcontrol(checkbox);if(c.checked)/do shomething by row data/取得全部的templatecolumn,她把第一个列(column)数据都放在一个列表中ultrawebgrid.templatedcolumn tcol = (webui.ultrawebgrid.templatedcolumn)ultrawebgrid1.bands0.columns0;/取得每一個column的cell內容foreach (infragistics.webui.ultrawebgrid.cellitem item in tcol.cellitems)checkbox chkishaveright = (checkbox)item.findcontrol(chkissendemail);if (chkishaveright.checked = true)/通過訪問父對象取得其他資料/item-cell-row-cell4-內容;在這過程中cell是item的父對象，row是cell的父對象，再訪問row下面的每4個cell，再取得該cell的內容。string info = item.cell.row.cells4.text;1. ultrawebgrid添加模板列： 先选择ultrawebgrid -属性-columns-勾选templated column 即可 asp:linkbutton cssclass=wordbreak commandargument= text= tooltip= commandname=showdetail runat=server font-underline=false 2. ultrawebgrid日期列： 设置日期列的 format属性：yyyy-mm-dd（date） datatype属性为system.datetime3。取某行的某列（列名：bidprice）的值： ultrawebgrid1.rowsi.cells.fromkey(bidprice).value或者ultrawebgrid1.rowsi.cellsj.value 取某列：ultrawebgrid1.columns.fromkey(bidprice).value4。标题行居中显示： 对应项居中 5.ultrawebgrid的固定列功能 具体步骤: (1) 在ultrawebgrid下的displaylayout中把tablelayout属性设为：fixed ; usefixedheaders设为：true /这是指定grid允许固定列 stationarymargins=header /这使header始终在最上面显示 (2) 设定列固定： header下面的fixed设置为true。这样就可以实现id固定了，但效果图中还有一个功能就是，点击后面的任何一个列后的“图钉”图标，就可以任意进行多列固定了。如下图为我点击了“contactname”的效果：这种功能的实现，只要修改一个属性：fixedheaderindicatordefault=button就可以了。6。ultrawebgrid 最下面线显示问题： 选择ultrawebgrid点击选择bands and columns的defaultrowheight设置高度 即可。7. 选择一行以后获得选定行指定列的值if (mandname = showdetail) int id = convert.toint32(mandargument); for (int i = 0; i ultrawebgrid1.displaylayout.selectedrows.count; i+) if (ultrawebgrid1.displaylayout.selectedrowsi.cells6.text = 未审批)/选取一行以后获得选定行指定列的值 string url2 = ./zhishishenbaobiao/zssbview.aspx?id= + id + ; page.registerstartupscript(showinfo, window.open( + url2 + ,未审批知识信息查看,width=850,height=600,toolbar=no,scrollbars=yes,status=yes,resizable=yes);); else string url2 = ./zhishishenbaobiao/showview.aspx?id= + id + ; page.registerstartupscript(showinfo, window.open( + url2 + ,已审批知识信息查看,width=850,height=600,toolbar=no,scrollbars=yes,status=yes,resizable=yes);); 7. ultrawebgrid 单击单元格选中行 (1) 选择ultrawebgrid-displayout cellclickactiondefault=rowselected (2) 选择ultrawebgrid-智能选择卡-bands and columns-band“”-selectrowstyle的backcolor属性 8. 设置ultrawebgrid的第0列为模板列，加入checkbox控件，判断其状态是否被选中，代码如下： /可以写在任何地方，属于通用代码infragistics.webui.ultrawebgrid.templatedcolumn tcol = (templatedcolumn)ultrawebgrid1.bands0.columns0;/模板列 foreach(cellitem item in tcol.