PDA

View Full Version : تنظیمات مربوط به رپیتر



emilly
پنج شنبه 29 مرداد 1394, 19:24 عصر
سلام دوستان

من یه همچنین کدی برای رپیترم نوشتم .........................
میخوام این 5 تا div رو کنار هم بیاره بعد این 5 تا 5 تای بعدی رو تو سطر بعدی و ال آخر ..................................................
ولی div اول رو 5 بار تو سطر اول تکرار میکنه div دوم رو 5 بار تو سطر بعدی تکرار میکنه و الی آخر ...................



<asp:Repeater ID="repmain1" runat="server" DataSourceID="sdsmain1">
<ItemTemplate>
<div>
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<div>
<asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<div>
<asp:Image ID="Image3" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<div>
<asp:Image ID="Image4" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<div>
<asp:Image ID="Image5" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>


</ItemTemplate>
</asp:Repeater>

xsbehx
پنج شنبه 29 مرداد 1394, 20:20 عصر
سلام
این قسمت مربوط به ریپیتر نمی شه بلکه مربوط به html و Css هست
کدت رو اینطوری کن:


<asp:Repeater ID="repmain1" runat="server" DataSourceID="sdsmain1">
<ItemTemplate>
<div class="rowOfItem">
<div class="columnOfItem">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<divclass="columnOfItem">
<asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<divclass="columnOfItem">
<asp:Image ID="Image3" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<divclass="columnOfItem">
<asp:Image ID="Image4" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
<divclass="columnOfItem">
<asp:Image ID="Image5" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
</div>
</ItemTemplate>
</asp:Repeater>

<style>
.rowOfItem
{
width:100%;
height:auto;
overflow:hidden;
}
.columnOfItem
{
width:200px;
height:200px;
float:right;
}
.columnOfItem *
{
width:100%;
height:100%;
}
</style>

emilly
پنج شنبه 29 مرداد 1394, 20:50 عصر
فکر کنم نتونتم منظورم رو برسونم ؟!؟!؟؟!!؟!؟!؟!؟!؟؟!!!!!!!!!!!!!!!!!!!!!

کد شما رو امتحان کردم حالا div اول رو توی سطر اول 5 بار تکرار میکنه و div دوم رو 5 بار تو سطر دوم .... و الی آخردر صورتیکه باید هر مقدار هر div رو که از دیتابیس برمیداره رو فقط یه بار بیاره نه اینکه 5 بار تکرار کنه و کنار هم .......

می دونید چه طوریه : مقادیری رو که از دیتابیس برمیداره رو 5 بار تکرار میکنه

LostOfMind
پنج شنبه 29 مرداد 1394, 22:54 عصر
دوست عزیز
دلیل تکرار شدن کاملا مشخصه،
ریپیتر کارش اینه که یک مطلب رو به تعداد مورد نیاز تکرار میکنه شما باید کد رو به اینصورت بنویسی:


<asp:Repeater ID="repmain1" runat="server" DataSourceID="sdsmain1">
<ItemTemplate>
<div>
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>

</ItemTemplate>
</asp:Repeater>



حالا Repeater همین div رو به تعدادی که میخوای تکرار میکنه
بقیه اش رو باید باید با CSS تنظیم کنی که کنار هم قرار بگیرن

emilly
پنج شنبه 29 مرداد 1394, 23:13 عصر
میشه کمی راهنمایی کنین که چطوری باcss این کار رو انجام بدم چون بلد نبودم ۵ تا div اوردم تا همچین کاری کنم....

LostOfMind
جمعه 30 مرداد 1394, 00:06 صبح
همون طوری که دوستمون xsbehx گفتن عمل کنید اما با یک div

<asp:Repeater ID="repmain1" runat="server" DataSourceID="sdsmain1">

<ItemTemplate>
<div class="rowOfItem">

<div class="columnOfItem">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>

</div>

</div>
</ItemTemplate>
</asp:Repeater>



یا اینکه از کنترل DataList استفاده کنید به این شکل :

<asp:DataList ID="DataList1" runat="server" DataKeyField="BannerID" DataSourceID="SqlDataSource1" RepeatColumns="5" RepeatDirection="Horizontal">
<ItemTemplate>
<div>
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
</ItemTemplate>
</asp:DataList>

emilly
جمعه 30 مرداد 1394, 00:12 صبح
همون طوری که دوستمون xsbehx گفتن عمل کنید اما با یک div

<asp:Repeater ID="repmain1" runat="server" DataSourceID="sdsmain1">

<ItemTemplate>
<div class="rowOfItem">

<div class="columnOfItem">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>

</div>

</div>
</ItemTemplate>
</asp:Repeater>



یا اینکه از کنترل DataList استفاده کنید به این شکل :

<asp:DataList ID="DataList1" runat="server" DataKeyField="BannerID" DataSourceID="SqlDataSource1" RepeatColumns="5" RepeatDirection="Horizontal">
<ItemTemplate>
<div>
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("filepath")%>'></asp:Image>
</div>
</ItemTemplate>
</asp:DataList>


روش دوست عزیزمون رو انجام دادم ولی واسم فقط یه ستون آورد من میخوام ۵ ستون داشته باشم.....

LostOfMind
جمعه 30 مرداد 1394, 00:15 صبح
از دیتالیست استفاده کنید مانند نمونه ای که گفتم

emilly
جمعه 30 مرداد 1394, 00:25 صبح
تشکرات فراوان دوست عزیزLostOfMind:قلب:

مشکلم با دیتا لیست کاملا حل شد...:تشویق:

از دوست عزیزمونxsbehx هم کامل تشکررو دارم:قلب: