• 模板数据数据列表DataList模板之实例


    本篇文章朋友在深圳游玩的时候突然想到的...近期就有想写几篇关于模板数据的文章,所以回家到之后就奋笔疾书的写出来发布了

        1数据列表DataList与重复列表Repeator很类似,但是DataList应用更广泛,因为他可以选择和修改数据项的内容。

        DataList的数据显示和布局与Repeator控件一样都是通过“模板”控制的。

        (注:模板最少要定义一个“数据项模板”(ItemTemplate)来指定显示布局)

        2DataList支撑的模板类型:

        

    模板

    名称

    说明

    ItemTemplate

    数据项模板

    必需的,它定义了数据项及其表现情势

    AlternatingItemplate

    数据项交替模板

    为了使相邻的数据项可以有所区别,可以定义交替模板,它使得相邻的数据项看起来显著不同,缺省情况下,他和ItemTemplate模板定义分歧,即却剩下相邻数据无表示区分

    SeparatorTemplate

    分隔符模板

    定义数据项之间的分隔符

    SelectedItemTemplate

    选中项模板

    定义被选择的数据项的表现内容与布局情势,当未定义“SelectedItemTemplate”模板时,选中项的表现内容与情势无特殊化,由ItemTemplate模板定义所决议

    EditItemTemplate

    修改选项模板

    定义即将被修改的数据项的显示内容与布局情势,缺省情况下,修改选项模板就是数据项模板(ItemTemplate)的定义

    HeaderTemplate

    报头定义模板

    定义表头变现情势

    FooterTemplate

    表尾定义模板

     

        

     

        

     

        

    实例:

        

    模板和数据

        

    用到的数据库charge_sys中的student_Info表:
        每日一道理
    正所谓“学海无涯”。我们正像一群群鱼儿在茫茫的知识之海中跳跃、 嬉戏,在知识之海中出生、成长、生活。我们离不开这维持生活的“海水”,如果跳出这个“海洋”,到“陆地”上去生活,我们就会被无情的“太阳”晒死。

        

    studentNo

    studentName

    grade

    cash

    1

    韩学杨

    大一

    123.000

    2

    韩寒

    大二

    123.000

    3

    韩红

    大三

    222.000

    4

    韩学敏

    大四

    20000.000

        

     

        

    程序在Default.aspx中:

        

    Default.aspx中:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>DataList控件训练</title>
    </head>
    <body>
        <form id="form1" runat="server">
      <div>
         <!--添加控件“DataList1”,并设置属性-->
            <asp:DataList ID="DataList1" runat="server" BackColor="LightGoldenrodYellow" 
                BorderColor="Tan" BorderWidth="1px" CellPadding="2" ForeColor="Black" 
                oncancelcommand="DataList1_CancelCommand" oneditcommand="DataList1_EditCommand" 
                onitemcommand="DataList1_ItemCommand" onupdatecommand="DataList1_UpdateCommand" 
                Width="308px">
    
               <%--修改选项模板--%>
                <EditItemTemplate> 
                    <!--添加“LinkButton2”按钮,并设置ComandName="update"-->
                    <asp:LinkButton ID="LinkButton2" runat="server" CommandName="update">保存</asp:LinkButton>
                    <!--添加“LinkButton3”按钮,并设置CommandName="cancel"-->
                    <asp:LinkButton ID="LinkButton3" runat="server" CommandName="cancel">取消</asp:LinkButton>
                    <!--数据绑定,绑定字段为学号“studentNo”-->
                     <%#DataBinder.Eval(Container.DataItem,"studentNo") %>
                   <!--添加“txtGrade”文本框,并绑定字段年级grade-->
                    <asp:TextBox ID="txtGrade" runat="server" 
                        Text='<%# DataBinder.Eval(Container.DataItem,"grade") %>'></asp:TextBox>
                </EditItemTemplate>
                
                <%--表尾模板款式 --%> 
                <FooterStyle Font-Bold="True" Font-Italic="False" Font-Size="18pt" /> 
                    
                <%--报头模板款式 --%>
                <HeaderStyle Font-Bold="True" Font-Size="18pt" />
                
                <%--数据项模板款式--%>
                <ItemStyle ForeColor="#000066" />
               
                 <%--报头模板--%> 
                <HeaderTemplate>
                    模板页眉
                    <br /> 
                    <hr />
                </HeaderTemplate>
    
                <%--数据项模板--%>
                <ItemTemplate>
                    <!--添加“lBtnShowDetails”按钮,并设置CommandName="select"-->
                    <asp:LinkButton ID="lBtnShowDetails" runat="server" CommandName="select">查看详细信息</asp:LinkButton>
                    <!--添加“LinkButton1”按钮-->
                    <asp:LinkButton ID="LinkButton1" runat="server" CommandName="edit">编辑</asp:LinkButton>
                    <!--绑定学号studentNo字段-->
                    <%#DataBinder.Eval(Container.DataItem,"studentNo") %>
                </ItemTemplate>
              
               <%--选中项模板--%>
                <SelectedItemTemplate>
                    学号:
                    <!--绑定学号studentNo字段-->
                   <%#DataBinder.Eval(Container.DataItem,"studentNo") %>           
                    <br /> 
                    姓名:
                    <!--绑定姓名studentName字段-->
                    <%#DataBinder.Eval(Container.DataItem,"studentName") %>
                    <br /> 
                    金额:
                    <!--绑定金额cash字段-->
                    <%#DataBinder.Eval(Container.DataItem,"cash") %>
                </SelectedItemTemplate>
    
                <%--表尾模板 --%> 
                <FooterTemplate>
                  <hr />
                  <br />
                  模板页脚
               </FooterTemplate>
            </asp:DataList>
        </div>
        </form>
    </body>
    </html>

         

        效果图:

        模板和数据

        
     

        Default.aspx.cs中:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data;
    using System.Data.SqlClient;
    
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!this.IsPostBack)
            {
                this.DataBindToDataList();
    
            }
    
        }
        //用来绑定到DataList控件的方法  
        private void DataBindToDataList()
        {
            SqlConnection con = DB.createCon();
            SqlDataAdapter sda = new SqlDataAdapter();
            sda.SelectCommand = new SqlCommand("select * from student_Info", con);
            DataSet ds = new DataSet();
            sda.Fill(ds, "studentInfo");
            this.DataList1.DataKeyField = "cardno";
            this.DataList1.DataSource = ds.Tables["studentInfo"];
            this.DataList1.DataBind();
    
        }
        protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e)
        {
            if (e.CommandName == "select")
            {
                this.DataList1.SelectedIndex = e.Item.ItemIndex;
                this.DataBindToDataList();       //调用方法DataBindToDataList()
    
            }
        }
        protected void DataList1_EditCommand(object source, DataListCommandEventArgs e)
        {
            this.DataList1.EditItemIndex = e.Item.ItemIndex;
            this.DataBindToDataList();
    
        }
        protected void DataList1_CancelCommand(object source, DataListCommandEventArgs e)
        {
            this.DataList1.EditItemIndex = -1;
            this.DataBindToDataList();
    
        }
        protected void DataList1_UpdateCommand(object source, DataListCommandEventArgs e)
        {
            string cardNo = this.DataList1.DataKeys[e.Item.ItemIndex].ToString();
            string grade = ((TextBox)e.Item.FindControl("txtGrade")).Text;
            SqlConnection con = DB.createCon();
            SqlCommand cmd = new SqlCommand("update student_Info set grade='" + grade + "' where cardno='" + cardNo + "'", con);
            con.Open();
            cmd.ExecuteNonQuery();
            this.DataList1.EditItemIndex = -1;
            this.DataBindToDataList();
    
        }
    }

        运行结果:

        页面加载:

        模板和数据
     

         点击“查看详细信息”按钮后:

        模板和数据

        点击“编辑”按钮后:

        模板和数据

        总结:“动手”才是硬道理

    文章结束给大家分享下程序员的一些笑话语录: 问答
    Q:你是怎么区分一个内向的程序员和一个外向的程序员的? A:外向的程序员会看着你的鞋和你说话时。
    Q:为什么程序员不能区分万圣节和圣诞节? A:这是因为 Oct 31 == Dec 25!(八进制的 31==十进制的 25)

    --------------------------------- 原创文章 By
    模板和数据
    ---------------------------------

  • 相关阅读:
    Javascript MVC学习杂记3
    Backbone.js 0.9.2 源码分析收藏
    Javascript MVC学习杂记2
    Javascript MVC学习杂记1
    C语言string.h中常用字符函数介绍
    10点网页设计要注意的细节
    js日期函数
    结合回调函数介绍下泛型函数
    【转载】互斥量和信号量的区别
    设计模式之Singleton
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3102230.html
Copyright © 2020-2023  润新知