DataList 用法详解

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataList.aspx.cs" Inherits="FileUpload自动上传文件.DataList" %>

<!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></title>

     <style type="text/css">

    .style1{

        width:784px;

    }

    .style2

    {

     width:126px;

     }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <asp:DataList ID ="dataList1" runat ="server" RepeatColumns ="1" GridLines ="Both"

                    RepeatLayout ="Table"   RepeatDirection ="Horizontal"

                    onitemcommand="dataList1_ItemCommand"

                    oneditcommand="dataList1_EditCommand"

            oncancelcommand="dataList1_CancelCommand"

            ondeletecommand="dataList1_DeleteCommand"

            onselectedindexchanged="dataList1_SelectedIndexChanged"

            onupdatecommand="dataList1_UpdateCommand"  DataKeyField ="Id"  >

        <HeaderTemplate ><%--页眉模版，和Repeater稍微不同，一般每个模版如果用到了table都应该在当前模版闭合，即当前模版用<table></table>包裹，而不是把<table>放在HeaderTemplate</table>放在FooterTemplate闭合，--%>

            <table><%--因为如果按照后者做会使得RepeatColumns不生效，RepeatColumns意思的每行显示的项个数，即显示多少个ItemTemplate，一般只会显示一项因为这样每列的标题和每列的内容容易对齐，如果不对齐需要用样式设置每列的宽度使其对齐--%>

             <tr class="style1">

                    <th class="style2">标题1</th>

                    <th class="style2">标题2</th>

                    <th class="style2">标题3</th>

                    <th class="style2">标题4</th>

                    <th class="style2">时间</th>

                </tr>

            </table>

        </HeaderTemplate>

        <ItemTemplate>

         <table >

           <tr class="style1">

            <td class="style2"><%#DataBinder.Eval(Container.DataItem,"title1")%></td>

            <td class="style2"><%#DataBinder.Eval(Container.DataItem, "title2")%></td>

            <td class="style2"><%#DataBinder.Eval(Container.DataItem, "title3")%></td>

            <td class="style2"><%#DataBinder.Eval(Container.DataItem, "title4")%></td>

            <td class="style2"><%#DateTime.Now.ToString()%></td>

            <td class="style2" id ="td">

            <ul>

            <li><asp:LinkButton id ="LinkButton2" runat ="server" CommandName ="edit" Text ="edit" ></asp:LinkButton></li>

            <li><asp:LinkButton id ="LinkButton1" runat ="server" CommandName ="select" Text ="select" ></asp:LinkButton></li>

            <li><asp:LinkButton id ="LinkButton3" runat ="server" CommandName ="delete" Text ="删除" ></asp:LinkButton></li>

            </ul>

             </td>

        </tr>

        </table>

        </ItemTemplate>

        <SelectedItemTemplate ><%--SelectedItemTemplate一般选中后需要呈现不同的控件才需要使用这个模版，如果只是样式不同只需要设置SelectedItemStyle--%>

         <table >

           <tr class="style1">

            <td class="style2" style="color:Red;"><asp:TextBox ID ="txtTitle1" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title1")%>'></asp:TextBox></td>

            <td class="style2"><asp:TextBox ID ="txtTitle2" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title2")%>'></asp:TextBox></td>

            <td class="style2"><asp:TextBox ID ="txtTitle3" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title3")%>'></asp:TextBox></td>

            <td class="style2"><asp:TextBox ID ="txtTitle4" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title4")%>'></asp:TextBox></td>

            <td class="style2"><%#DateTime.Now.ToString()%></td>

            <td class="style2" id ="td">

            <ul>

            <li><asp:LinkButton id ="Linkcancel" runat ="server" CommandName ="cancelselect" Text ="取消选中" ></asp:LinkButton></li>

            </ul>

             </td>

        </tr>

        </table>

        </SelectedItemTemplate>

        <EditItemTemplate ><%--EditItemTemplate一般用于编辑时程序文本框给用户输入--%>

            <table >

           <tr class="style1">

            <td class="style2" style="color:Red;"><asp:TextBox ID ="txtTitle1" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title1")%>'></asp:TextBox></td>

            <td class="style2"><asp:TextBox ID ="txtTitle2" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title2")%>'></asp:TextBox></td>

            <td class="style2"><asp:TextBox ID ="txtTitle3" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title3")%>'></asp:TextBox></td>

            <td class="style2"><asp:TextBox ID ="txtTitle4" runat ="server" Text ='<%#DataBinder.Eval(Container.DataItem, "title4")%>'></asp:TextBox></td>

            <td class="style2"><%#DateTime.Now.ToString()%></td>

            <td class="style2" id ="td">

            <ul>

            <li><asp:LinkButton id ="Linkupdate" runat ="server" CommandName ="update" Text ="更新" ></asp:LinkButton></li>

            <li><asp:LinkButton id ="Linkcancel" runat ="server" CommandName ="cancel" Text ="取消" ></asp:LinkButton></li>

            </ul>

             </td>

        </tr>

        </table>

        </EditItemTemplate>

        <FooterStyle BackColor="#990000" Font-Bold="true" ForeColor="White" />

        <AlternatingItemStyle BackColor="White" />

         <ItemStyle BackColor="#FFFBD6" ForeColor="#333333" />

            <SeparatorStyle BorderStyle="Dashed" />

            <SelectedItemStyle BackColor="#FFCC66" Font-Bold="true" ForeColor="Navy" />

        <FooterTemplate ></FooterTemplate>

    </asp:DataList>

    </div>

    </form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

namespace FileUpload自动上传文件

{

    public partial class DataList : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                BindRptData();

            }

        }

        private void BindRptData()

        {

            DataTable dt = new DataTable();

            dt.Columns.Add("Id");

            dt.Columns.Add("title1");

            dt.Columns.Add("title2");

            dt.Columns.Add("title3");

            dt.Columns.Add("title4");

            for (int i = ; i < ; i++)

            {

                DataRow row = dt.NewRow();

                row["id"] = i;

                row["title1"] = "title1" + i;

                row["title2"] = "title2" + i;

                row["title3"] = "title3" + i;

                row["title4"] = "title4" + i;

                dt.Rows.Add(row);

            }

            dataList1.DataSource = dt;

            dataList1.DataBind();

        }

        protected void dataList1_ItemCommand(object source, DataListCommandEventArgs e)

        {

            //所有的操作都可以放在这个方法进行，比如编辑，取消，更新，删除都可以放到此处进行，也可以用单独的方法，如dataList1_EditCommand

            switch (e.CommandName.ToLower())

            {

                case "select":

                    //选中控件时如果使用了SelectedItemTemplate需要重新绑定数据，绑定数据可以在此处进行，也可以在dataList1_SelectedIndexChanged进行，若在此处进行需要设置dataList1.SelectedIndex = e.Item.ItemIndex;，因为此时dataList1.SelectedIndex为-1

                    //dataList1.SelectedIndex = e.Item.ItemIndex;

                    //BindRptData();

                    break;

                //取消操作要根据取消的操作类型做不同动作，如取消选中应该把SelectedIndex设置为-1，取消编辑，应该把EditItemIndex设置为-1，并且设置后都要重新绑定数据

                case "cancelselect":

                    dataList1.SelectedIndex = -;

                    BindRptData();

                    break;

            }

        }

        protected void dataList1_EditCommand(object source, DataListCommandEventArgs e)

        {

            //datalist编辑需要设置编辑索引，然后重新绑定数据，只要用到EditItemTemplate， SelectedItemTemplate这两个模版点击对应的操作时都要重新绑定数据

            dataList1.EditItemIndex = e.Item.ItemIndex;

            BindRptData();

        }

        protected void dataList1_CancelCommand(object source, DataListCommandEventArgs e)

        {

            //这里只对应CommandName 为cancel的动作，每个方法都对应着特定的CommandName，如dataList1_EditCommand对应的CommandName为edit，

            //如果有多种取消动作则需要取不同的CommandName放到dataList1_ItemCommand方法去做

            dataList1.EditItemIndex = -;

            BindRptData();

        }

        protected void dataList1_SelectedIndexChanged(object sender, EventArgs e)

        {

            BindRptData();

        }

        protected void dataList1_UpdateCommand(object source, DataListCommandEventArgs e)

        {

            TextBox txtTitle1 = e.Item.FindControl("txtTitle1") as TextBox;

            TextBox txtTitle2 = e.Item.FindControl("txtTitle2") as TextBox;

            TextBox txtTitle3 = e.Item.FindControl("txtTitle3") as TextBox;

            TextBox txtTitle4 = e.Item.FindControl("txtTitle4") as TextBox;

            /*** 更新到数据库代码

             *

             *

             *

             * ***/

            //更新后取消编辑状态，重新绑定数据显示到界面

            dataList1.EditItemIndex = -;

            BindRptData();

        }

        protected void dataList1_DeleteCommand(object source, DataListCommandEventArgs e)

        {

            //DataKeys 存放的是每行记录的主键，需要设置DataKeyField字段

            string id = dataList1.DataKeys[e.Item.ItemIndex].ToString();

            //删除当前记录，重新绑定数据

            //SqlCommand cmd = new SqlCommand("Delete From Union_User Where ID=" + id, conn);

            //cmd.ExecuteNonQuery();

            BindRptData();

        }

    }

}

DataList 用法详解的更多相关文章

C#中string.format用法详解
C#中string.format用法详解本文实例总结了C#中string.format用法.分享给大家供大家参考.具体分析如下: String.Format 方法的几种定义: String.Form ...
@RequestMapping 用法详解之地址映射
@RequestMapping 用法详解之地址映射引言: 前段时间项目中用到了RESTful模式来开发程序,但是当用POST.PUT模式提交数据时,发现服务器端接受不到提交的数据(服务器端参数绑定没 ...
linux管道命令grep命令参数及用法详解---附使用案例|grep
功能说明:查找文件里符合条件的字符串. 语法:grep [-abcEFGhHilLnqrsvVwxy][-A<显示列数>][-B<显示列数>][-C<显示列数>] ...
mysql中event的用法详解
一.基本概念mysql5.1版本开始引进event概念.event既“时间触发器”,与triggers的事件触发不同,event类似与linux crontab计划任务,用于时间触发.通过单独或调用存 ...
CSS中伪类及伪元素用法详解
CSS中伪类及伪元素用法详解伪类的分类及作用: 注:该表引自W3School教程伪元素的分类及作用: 接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的 ...
c++中vector的用法详解
c++中vector的用法详解 vector(向量): C++中的一种数据结构,确切的说是一个类.它相当于一个动态的数组,当程序员无法知道自己需要的数组的规模多大时,用其来解决问题可以达到最大节约空间 ...
AngularJS select中ngOptions用法详解
AngularJS select中ngOptions用法详解一.用法 ngOption针对不同类型的数据源有不同的用法,主要体现在数组和对象上. 数组: label for value in a ...
systemctl命令用法详解
systemctl命令用法详解系统环境:Fedora 16binpath:/bin/systemctlpackage:systemd-units systemctl enable httpd.serv ...
CSS3的@keyframes用法详解:
CSS3的@keyframes用法详解:此属性与animation属性是密切相关的,关于animation属性可以参阅CSS3的animation属性用法详解一章节. 一.基本知识:keyframes ...

随机推荐

Knockout.js随手记(3)
下拉菜单 <select>也是网页设计重要的一环,knockout.js(以下简称KO)也有不错的支持.针对<select>,在data-bind除了用value可对应下拉菜单 ...
网络科学 - 社区发现 Community structure and detection及其几个实现工具
首先什么是社区(Community structure)呢?其实并不是指一个网络相互连接的部分,而是一个网络中链接“紧密的部分”,至于怎么定义紧密就有很多方法了. 社区发现算法可以参考下面的博客:博客 ...
iOS第三方Api及常用框架总结
iOS常用框架汇总: SVProgressHUD:产生覆盖层,禁止某种操作 SDWebImage: 专业下载图片框架 AFN:网络数据请求框架 MJExtension,模型对象之间互转第三方分享第三 ...
import this， Python 之禅
优美胜于丑陋(Python 以编写优美的代码为目标) 明了胜于晦涩(优美的代码应当是明了的,命名规范,风格相似) 简洁胜于复杂(优美的代码应当是简洁的,不要有复杂的内部实现) 复杂胜于凌乱(如果复杂不 ...
JAVA反编工具件安装 JD-eclipse
想看Android API源码,但是只有class文件,于是找了个反编译工具Java Decompiler,免费的反编译工具.eclipse插件:JD-eclipse. 安装步骤: 1.确保计算机上 ...
EaseMode
The following graphs demonstrate the different values of EasingMode, where f(t) represents the anima ...
移动端lCalendar纯原生js日期时间选择器
网上找过很多的移动端基于zepto或jquery的日期选择器,在实际产品中也用过一两种,觉得都不太尽如人意,后来果断选择了H5自己的日期input表单,觉得还可以,至少不用引用第三方插件了,性能也不错 ...
李洪强iOS经典面试题144-数据存储
李洪强iOS经典面试题144-数据存储数据存储 sqlite中插入特殊字符的方法和接收到处理方法. 除'其他的都是在特殊字符前面加"/",而 ' -> '' .方法:k ...
妙味课堂——HTML+CSS基础笔记
妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - P ...
Oracle ITL(Interested Transaction List)理解
ITL(Interested Transaction List) ITL是位于数据块头部的事物槽列表,它是由一系列的ITS(Interested Transaction Slot,事物槽)组成,其初始 ...

DataList 用法详解

DataList 用法详解的更多相关文章

随机推荐

热门专题