学习atlas有一段时间了,培训讲座也听了些,但是具体没有使用过,准备写一个atlas学习系列,从简单的开始,逐一学习总结一下atlas的用法,本文介绍如何使用atlas来支持简单的无刷新效果。主要目的是体会一下atlas的强大功能。用的也是atlas官方demo,大家可以在它网站上下载,自己只是简单重复的实践了一把。
1.母页
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<div>任务列表</div>
<div>
<ASP:contentplaceholder id="ContentPlaceHolder1" runat="server">
</ASP:contentplaceholder>
</div>
</form>
</body>
</HTML>
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.ASPx.cs" Inherits="_Default" Title="Untitled Page" %>
<ASP:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" ></atlas:ScriptManager>
<div>
<ASP:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
<ASP:ListItem Value="true">Compeleted</ASP:ListItem>
<ASP:ListItem Value="false">Active</ASP:ListItem>
</ASP:DropDownList>
<atlas:UpdateProgress ID="UpdateProcess1" runat="server">
<ProgressTemplate>updateing
</ProgressTemplate>
</atlas:UpdateProgress>
</div>
<div>任务列表-Grid形式</div>
<div>
<atlas:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Block" Mode="Always">
<ContentTemplate>
<ASP:GridView ID="GridView1" runat="server" DataSourceID="ObjectDataSource2" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" CellPadding="4" DataKeyNames="ID" ForeColor="#333333" GridLines="None" Width="422px">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<Columns>
<ASP:CommandField ShowDeleteButton="True" ShowEditButton="True" />
<ASP:BoundField DataField="ProjectName" HeaderText="ProjectName" SortExpression="ProjectName" />
<ASP:CheckBoxField DataField="Compeleted" HeaderText="Compeleted" SortExpression="Compeleted" />
</Columns>
<RowStyle BackColor="#EFF3FB" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</ASP:GridView>
</ContentTemplate>
</atlas:UpdatePanel>
<ASP:ObjectDataSource ID="ObjectDataSource2" runat="server" DeleteMethod="Delete"
InsertMethod="Insert" OldValuesParameterFormatString="original_{0}" SelectMethod="GetDataTable"
TypeName="SimpleDemo1DataSet1TableAdapters.SimpleDemo1TableAdapter" UpdateMethod="Update" EnableCaching="True" SqlCacheDependency="AtlasDemoDb:SimpleDemo1">
<DeleteParameters>
<ASP:Parameter Name="Original_ID" Type="Int32" />
</DeleteParameters>
<UpdateParameters>
<ASP:Parameter Name="ProjectName" Type="String" />
<ASP:Parameter Name="Compeleted" Type="Boolean" />
<ASP:Parameter Name="Original_ID" Type="Int32" />
</UpdateParameters>
<SelectParameters>
<ASP:ControlParameter ControlID="DropDownList1" Name="IsCompleted" PropertyName="SelectedValue"
Type="Boolean" />
</SelectParameters>
<InsertParameters>
<ASP:Parameter Name="ProjectName" Type="String" />
<ASP:Parameter Name="Compeleted" Type="Boolean" />
</InsertParameters>
</ASP:ObjectDataSource>
</div>
<div>
<atlas:UpdatePanel ID="UpdatePanel2" runat="server" Mode="Conditional"><ContentTemplate>
<ASP:DetailsView ID="DetailsView1" runat="server" Height="50px" Width="423px" AutoGenerateRows="False" BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" CellPadding="3" DataKeyNames="ID" DataSourceID="ObjectDataSource2" GridLines="Horizontal" DefaultMode="Insert">
<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
<EditRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
<PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
<Fields>
<ASP:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True"
SortExpression="ID" />
<ASP:BoundField DataField="ProjectName" HeaderText="ProjectName" SortExpression="ProjectName" />
<ASP:CheckBoxField DataField="Compeleted" HeaderText="Compeleted" SortExpression="Compeleted" />
<ASP:CommandField ShowInsertButton="True" />
</Fields>
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
<AlternatingRowStyle BackColor="#F7F7F7" />
<RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
</ASP:DetailsView>
</ContentTemplate>
<Triggers><atlas:ControlValueTrigger ControlID="DropDownList1" PropertyName="SelectedValue" /></Triggers>
</atlas:UpdatePanel>
</div>
</ASP:Content>
