استفاده از جی کوئری در اسلاید شو ساخته شده با Datalist
باسلام خدمت دوستان گرامی
بنده یک اسلاید شو داینامیک با استفاده از دیتا لیست ساخته ام
بعد از قرار دادن آن در update panel ، هنگام تغییر صفحات دیتا لیست این امکان وجود دارد که صفحات با افکت تغییر کند؟
نمونه استفاده شده از کد:
http://jdas.ac.ir
(بخش گزارش تصویری)
کد های Asp:
کد HTML:
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<div class="btnvideoreport">
<asp:LinkButton ID="LinkButton2" runat="server" Width="3px" Height="50px" CssClass="btn"
OnClick="LinkButton2_Click">
<div style="float:right; padding-top:13px;"></div>
</asp:LinkButton>
</div>
<div style="float: left">
<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
<ItemTemplate>
<div style="width: 210px; height: 150px">
<div style="position: absolute; top: 15px; height: 30px; width: 150px;">
<asp:Label ID="Label1" Style="opacity: 0.7; text-align: center; padding-top: 10px;"
runat="server" Text='Country,City' BackColor="#E67E22" Width="200" ForeColor="White"
Height="30"></asp:Label>
</div>
<asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("name","~/img/{0}")%>' Width="200"
Height="140" />
</div>
</ItemTemplate>
</asp:DataList>
</div>
<div class="btnvideoreport2">
<asp:LinkButton ID="LinkButton1" runat="server" Width="3px" Height="50px" CssClass="btn"
OnClick="LinkButton1_Click">
<div style="float:left; padding-top:13px;"></div>
</asp:LinkButton>
</div>
</asp:UpdatePanel>
</form>
C#:
public partial class WebForm1 : System.Web.UI.Page
{
PagedDataSource pds = new PagedDataSource();
protected void Page_Load(object sender, EventArgs e)
{
GetFile();
}
public int CurrentPage
{
get
{
if (this.ViewState["CurrentPage"] == null)
return 0;
else
return Convert.ToInt16(this.ViewState["CurrentPage"].ToString());
}
set
{
this.ViewState["CurrentPage"] = value;
}
}
void GetFile()
{
string path = Server.MapPath("~/img/");
DirectoryInfo folderImg = new DirectoryInfo(path);
List<FileInfo> filelist = folderImg.GetFiles("*.jpg").ToList();
DataList1.DataSource = filelist.ToList();
DataList1.DataBind();
pds.DataSource = filelist.ToList();
pds.AllowPaging = true;
pds.PageSize = 3;
pds.CurrentPageIndex = CurrentPage;
LinkButton1.Enabled = !(pds.IsLastPage);
LinkButton2.Enabled = !(pds.IsFirstPage);
DataList1.DataSource = pds;
DataList1.DataBind();
doPaging();
}
protected void LinkButton2_Click(object sender, EventArgs e)
{
CurrentPage--;
GetFile();
}
protected void LinkButton1_Click(object sender, EventArgs e)
{
CurrentPage++;
GetFile();
}
private void doPaging()
{
DataTable dt = new DataTable();
dt.Columns.Add("PageIndex");
dt.Columns.Add("PageText");
for (int i = 0; i < pds.PageCount; i++)
{
DataRow dr = dt.NewRow();
dr[0] = i;
dr[1] = i + 1;
dt.Rows.Add(dr);
}
}
}