⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 columns-datalist-template.aspx

📁 Professional ASP.NET source code
💻 ASPX
字号:
🔍 
<%@Page Language="C#"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>Using Multiple Display Columns with a DataList Control</title>
<style type="text/css">
body, td {font-family:Tahoma,Arial,sans-serif; font-size:10pt}
input {font-family:Tahoma,Arial,sans-serif; font-size:9pt}
.heading {font-family:Tahoma,Arial,sans-serif; font-size:14pt; font-weight:bold}
.subhead {font-family:Tahoma,Arial,sans-serif; font-size:12pt; font-weight:bold; padding-bottom:5px}
.cite {font-family:Tahoma,Arial,sans-serif; font-size:8pt}

.rHead {font-family:Lucida Handwriting,Comic Sans MS,Tahoma,Arial;
        font-size:14pt; font-weight:bold; padding:8px; color:green}
.rFoot {font-family:Tahoma,Arial; font-size:8pt; padding:8px; color:darkgray}

</style></head>
<body bgcolor="#ffffff">
<span class="heading">Using Multiple Display Columns with a DataList Control</span><hr />
<!--------------------------------------------------------------------------->

<form runat="server">
  Number of Columns:
  <ASP:RadioButton id="Cols1" GroupName="Cols" AutoPostback="True" runat="server" /> One &nbsp;
  <ASP:RadioButton id="Cols2" GroupName="Cols" AutoPostback="True" runat="server" /> Two &nbsp;
  <ASP:RadioButton id="Cols3" GroupName="Cols" AutoPostback="True" runat="server" /> Three<br />
  Layout Direction:
  <ASP:RadioButton id="Horiz" GroupName="Dir" AutoPostback="True" runat="server" /> Horizontally &nbsp;
  <ASP:RadioButton id="Vert" GroupName="Dir" AutoPostback="True" runat="server" /> Vertically<p />
</form>

<ASP:DataList id="MyDataList" runat="server" RepeatLayout="Table">

  <HeaderTemplate>
    <div class="rHead">
      Some of the Latest Wrox Press Books
    </div>
    <img src="images/redrule.gif">
  </HeaderTemplate>

  <ItemTemplate>
    <span>
      <img src="images/<%# Container.DataItem %>" />
    </span>
  </ItemTemplate>

  <FooterTemplate>
    <img src="images/redrule.gif">
    <div class="rFoot">
      For more information visit <a href="http://www.wrox.com">http://www.wrox.com</a>
    </div>
  </FooterTemplate>

</ASP:DataList><p />

<!--------------------------------------------------------------------------->

<script language="C#" runat="server">

	void Page_Load(Object sender, EventArgs e)
	{
		if (Page.IsPostBack)
		{
			// set the number of columns to display
			if (Cols1.Checked == true)
				 MyDataList.RepeatColumns = 1;
			if (Cols2.Checked == true)
				 MyDataList.RepeatColumns = 2;
			if (Cols3.Checked == true)
				 MyDataList.RepeatColumns = 3;

			// set the repeat direction of the items in the columns
			if (Horiz.Checked == true)
				 MyDataList.RepeatDirection = RepeatDirection.Horizontal;
			if (Vert.Checked == true)
				 MyDataList.RepeatDirection = RepeatDirection.Vertical;
		}
		else
		{
			// create an ArrayList of values to bind to
			// only do this the first time the page is loaded as
			// the data is held in the VIEWSTATE for postbacks
			ArrayList arrValues = new ArrayList(6);
			arrValues.Add("appcenter.gif");
			arrValues.Add("aspplus.gif");
			arrValues.Add("aspxml.gif");
			arrValues.Add("components.gif");
			arrValues.Add("webmaster.gif");
			arrValues.Add("asp3.gif");

			// bind the ArrayList to the DataList control
			MyDataList.DataSource = arrValues;
			MyDataList.DataBind();

			// set default columns and direction when page first loads
			Cols2.Checked = true;
			MyDataList.RepeatColumns = 2;
			Horiz.Checked = true;
			MyDataList.RepeatDirection = RepeatDirection.Horizontal;
		}
	}

</script>

<!--------------------------------------------------------------------------->
<!-- #include file="..\global\foot.inc" -->
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -