NetAdvantage 设计了好多界面漂亮友好的控件,而且还很好的应用了AJAX技术。最新版本的NetAdvantage 可以到官方网站下载:http://www.infragistics.com/。下载安装后点击程序菜单里的Create NetAdvantage Visual Studio Toolbo 将在.NET中为NetAdvantage 添加一个选项卡,NetAdvantage 所有的控件都放在里边了。
NetAdvantage 设计友好UI--WebCombo

      WebCombo 是一个用于网页上的组合框,利用他可以创建一个多列的下拉框。程序代码:NetAdvantageGrid.rar
      一、新建一个.NET2005 Web 项目。
      二、向Default.aspx页面添加一个WebCombo 控件。
      三、选中控件,点击控件右上角的小三角,在Actions选项中为控件选择一个你喜欢的风格。
      三、右键菜单中选择   Quick Design 弹出设计对话框。NetAdvantage 设计友好UI--WebCombo

      四、点击Edit Data Structure,然后点击Edit Columns按钮,进入列设计视图。这里默认已经添加了一列,你可以选中该列,再右侧的属性栏里修改他的属性。通过Header下的Caption可以修改列的标题。也可以在属性栏的上方点击新建按钮,来创建列。这里,我创建了两个列,分别为姓名和年龄列。
      五、选择Data Structure 下的Edit Data Structure   ,然后点击Edit Columns按钮Edit Rows,在你创建的列里边添加信息。完成后点击OK按钮确认修改。
      六、生成代码如下:
NetAdvantage 设计友好UI--WebCombo<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
NetAdvantage 设计友好UI--WebCombo
NetAdvantage 设计友好UI--WebCombo
<%@ Register Assembly="Infragistics2.WebUI.WebCombo.v6.3, Version=6.3.20063.53, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
NetAdvantage 设计友好UI--WebCombo    Namespace
="Infragistics.WebUI.WebCombo" TagPrefix="igcmbo" %>
NetAdvantage 设计友好UI--WebCombo
<%@ Register Assembly="Infragistics2.WebUI.UltraWebGrid.v6.3, Version=6.3.20063.53, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
NetAdvantage 设计友好UI--WebCombo    Namespace
="Infragistics.WebUI.UltraWebGrid" TagPrefix="igtbl" %>
NetAdvantage 设计友好UI--WebCombo
NetAdvantage 设计友好UI--WebCombo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
NetAdvantage 设计友好UI--WebCombo
NetAdvantage 设计友好UI--WebCombo
<html xmlns="http://www.w3.org/1999/xhtml" >
NetAdvantage 设计友好UI--WebCombo
<head runat="server">
NetAdvantage 设计友好UI--WebCombo    
<title>无标题页</title>
NetAdvantage 设计友好UI--WebCombo    
<link href="~/ig_common/20063CLR20/Styles/Office2007Silver/ig_WebCombo.css " rel="Stylesheet"
NetAdvantage 设计友好UI--WebCombo        type
="text/css" />
NetAdvantage 设计友好UI--WebCombo    
<link href="~/ig_common/20063CLR20/Styles/Office2007Black/ig_WebCombo.css " rel="Stylesheet"
NetAdvantage 设计友好UI--WebCombo        type
="text/css" />
NetAdvantage 设计友好UI--WebCombo
</head>
NetAdvantage 设计友好UI--WebCombo
<body>
NetAdvantage 设计友好UI--WebCombo    
<form id="form1" runat="server">
NetAdvantage 设计友好UI--WebCombo    
<div>
NetAdvantage 设计友好UI--WebCombo        
<igcmbo:WebCombo ID="WebCombo1" runat="server" BorderColor="#A9B1B8" CssClass="igWebComboMain"
NetAdvantage 设计友好UI--WebCombo            DropImage1
="~/ig_common/20063CLR20/Styles/Office2007Black/WebCombo/office2007ddup.gif"
NetAdvantage 设计友好UI--WebCombo            DropImage2
="~/ig_common/20063CLR20/Styles/Office2007Black/WebCombo/office2007dddown.gif"
NetAdvantage 设计友好UI--WebCombo            DropImageXP1
="~/ig_common/20063CLR20/Styles/Office2007Black/WebCombo/office2007ddup.gif"
NetAdvantage 设计友好UI--WebCombo            DropImageXP2
="~/ig_common/20063CLR20/Styles/Office2007Black/WebCombo/office2007dddown.gif"
NetAdvantage 设计友好UI--WebCombo            HideDropDowns
="False" SelBackColor="232, 234, 236" SelForeColor="Black" Version="4.00">
NetAdvantage 设计友好UI--WebCombo            
<ExpandEffects ShadowColor="LightGray" />
NetAdvantage 设计友好UI--WebCombo            
<Rows>
NetAdvantage 设计友好UI--WebCombo                
<igtbl:UltraGridRow Height="">
NetAdvantage 设计友好UI--WebCombo                    
<cells>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="☆聊ゾ聊☆ 22"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="22"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
</cells>
NetAdvantage 设计友好UI--WebCombo                
</igtbl:UltraGridRow>
NetAdvantage 设计友好UI--WebCombo                
<igtbl:UltraGridRow Height="">
NetAdvantage 设计友好UI--WebCombo                    
<cells>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="☆聊ゾ聊☆ 23"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="23"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
</cells>
NetAdvantage 设计友好UI--WebCombo                
</igtbl:UltraGridRow>
NetAdvantage 设计友好UI--WebCombo                
<igtbl:UltraGridRow Height="">
NetAdvantage 设计友好UI--WebCombo                    
<cells>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="☆聊ゾ聊☆ 24"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="24"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
</cells>
NetAdvantage 设计友好UI--WebCombo                
</igtbl:UltraGridRow>
NetAdvantage 设计友好UI--WebCombo                
<igtbl:UltraGridRow Height="">
NetAdvantage 设计友好UI--WebCombo                    
<cells>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="☆聊ゾ聊☆ 25"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
<igtbl:UltraGridCell Text="25"></igtbl:UltraGridCell>
NetAdvantage 设计友好UI--WebCombo
</cells>
NetAdvantage 设计友好UI--WebCombo                
</igtbl:UltraGridRow>
NetAdvantage 设计友好UI--WebCombo            
</Rows>
NetAdvantage 设计友好UI--WebCombo            
<DropDownLayout AllowSorting="OnClient" BorderCollapse="Separate" DropdownHeight="500px"
NetAdvantage 设计友好UI--WebCombo                DropdownWidth
="600px" GridLines="Horizontal" HeaderClickAction="SortSingle" RowHeightDefault="20px"
NetAdvantage 设计友好UI--WebCombo                Version
="4.00">
NetAdvantage 设计友好UI--WebCombo                
<HeaderStyle BorderStyle="None" CssClass="igWebComboDropDownGridHeaderBlack2k7">
NetAdvantage 设计友好UI--WebCombo                    
<BorderDetails WidthLeft="0px" WidthTop="0px" />
NetAdvantage 设计友好UI--WebCombo                
</HeaderStyle>
NetAdvantage 设计友好UI--WebCombo                
<Images ImageDirectory="~/ig_common/20063CLR20/Styles/Office2007Black/WebCombo/">
NetAdvantage 设计友好UI--WebCombo                
</Images>
NetAdvantage 设计友好UI--WebCombo                
<RowSelectorStyle CssClass="igwgRowSlctrBlack2k7">
NetAdvantage 设计友好UI--WebCombo                
</RowSelectorStyle>
NetAdvantage 设计友好UI--WebCombo                
<ImageUrls ImageDirectory="~/ig_common/20063CLR20/Styles/Office2007Black/WebCombo/" />
NetAdvantage 设计友好UI--WebCombo                
<RowAlternateStyle CssClass="igwgRowAltBlack2k7">
NetAdvantage 设计友好UI--WebCombo                
</RowAlternateStyle>
NetAdvantage 设计友好UI--WebCombo                
<FrameStyle CssClass="igWebComboDropDownFrameBlue2k7" Cursor="Default" Height="500px"
NetAdvantage 设计友好UI--WebCombo                    Width
="600px">
NetAdvantage 设计友好UI--WebCombo                
</FrameStyle>
NetAdvantage 设计友好UI--WebCombo                
<RowStyle CssClass="igwgRowBlack2k7">
NetAdvantage 设计友好UI--WebCombo                    
<BorderDetails WidthLeft="0px" WidthTop="0px" />
NetAdvantage 设计友好UI--WebCombo                
</RowStyle>
NetAdvantage 设计友好UI--WebCombo                
<SelectedRowStyle CssClass="igwgRowSelBlack2k7" />
NetAdvantage 设计友好UI--WebCombo            
</DropDownLayout>
NetAdvantage 设计友好UI--WebCombo            
<Columns>
NetAdvantage 设计友好UI--WebCombo                
<igtbl:UltraGridColumn HeaderText="姓名">
NetAdvantage 设计友好UI--WebCombo                    
<header caption="姓名"></header>
NetAdvantage 设计友好UI--WebCombo                
</igtbl:UltraGridColumn>
NetAdvantage 设计友好UI--WebCombo                
<igtbl:UltraGridColumn HeaderText="年龄">
NetAdvantage 设计友好UI--WebCombo                    
<header caption="年龄">
NetAdvantage 设计友好UI--WebCombo
<RowLayoutColumnInfo OriginX="1"></RowLayoutColumnInfo>
NetAdvantage 设计友好UI--WebCombo
</header>
NetAdvantage 设计友好UI--WebCombo                    
<footer>
NetAdvantage 设计友好UI--WebCombo
<RowLayoutColumnInfo OriginX="1"></RowLayoutColumnInfo>
NetAdvantage 设计友好UI--WebCombo
</footer>
NetAdvantage 设计友好UI--WebCombo                
</igtbl:UltraGridColumn>
NetAdvantage 设计友好UI--WebCombo            
</Columns>
NetAdvantage 设计友好UI--WebCombo        
</igcmbo:WebCombo>
NetAdvantage 设计友好UI--WebCombo        
&nbsp;&nbsp;</div>
NetAdvantage 设计友好UI--WebCombo    
</form>
NetAdvantage 设计友好UI--WebCombo
</body>
NetAdvantage 设计友好UI--WebCombo
</html>
NetAdvantage 设计友好UI--WebCombo
     七、保存项目,运行。在组合框的下拉列表里可以看到一个表格,表格中的行可以被选中。

相关文章:

  • 2021-11-05
  • 2021-06-02
  • 2022-12-23
  • 2021-09-16
  • 2021-08-10
  • 2021-08-20
  • 2021-07-30
  • 2021-08-23
猜你喜欢
  • 2022-02-01
  • 2021-08-10
  • 2021-12-16
  • 2021-05-27
  • 2021-05-23
  • 2022-03-02
  • 2021-11-22
相关资源
相似解决方案