تغییر شکل نمایش اطلاعات در گرید ویو

[rahil_2008]

سلام دوستان
من دارم یه سایت کتابخانه می سازم
می خواستم یکی از فرم هام رو به شکلی در بیارم که در ضمیمه هست.
یعنی یه گرید ویو توش بزارم که به این شکل باشه. ولی نمی دونم اولا چی کار کنم که دو ردیف دوردیف کنار هم قرار بگیرند ؟ دوما اینکه چه جوری بعضی از اطلاعات ستونها را زیر هم نمایش بده؟ ضمن اینکه این گرید ویو سرستون نداره؟
یا اینکه اصلا این کار باید با گرید ویو انجام بشه؟(توجه کنید که از paging هم باید استفاده کنم)
لطفا راهنمایی کنید

[z_bluestar]

در سایت هایی که از این روش برای نمایش استفاده می کنند .از Repeater استفاده می کنند بجـای Grid و چیز هایی مثل Paging رو خودشون کنترل می کنند .

البته با Grid های Telerik میشه چنین نمایشی رو به وجود آورد ولی کنترل های Asp رو نمی دونم ؟؟؟

[Vahid_moghaddam]

از Repeater، Datalist استفاده کنید و برای page بندی از paged datasource

[rahil_2008]

من از repeater استفاده کردم ولی نتونستم متن ها را در کنار تصویر قرار بدم. خواهش می کنم به شکل کاملا توجه کنید
راستی نمونه کدی با یه همچین شکل و شمایلی سراغ دارین؟

[z_bluestar]

برای حل مشکلتون باید برید سراغ Css وگرنه مشکل از استفاده از Repeater نیست.
میشه کدتون رو بذارید اینجـا تا ما بگیم مشکل از چیه ؟؟

[rahil_2008]

نمی دونم چرا وقتی می خوام از این آیکون های نقل قول و ایتالیک و ... استفاده کنم error می ده؟
اجبارا کدمو ضمیمه کردم. فقط توجه کنید که هر دو تا ردیف جدولم باید در یک ردیف repeater نمایش بدم

[z_bluestar]

کدتون رو براتون اصلاح کردم

<div style="width: 900px">
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<div style="width: 300px; float: left;">
<table>
<tr>
<td valign="top">
name:
<asp:Label ID="lbl1" runat="server" Text='<%#Eval("name")%>'></asp:Label>
<br />
lastname:
<asp:Label ID="lbl2" runat="server" Text='<%#Eval("lastname")%>'></asp:Label>
<br />
age:
<asp:Label ID="lblage" runat="server" Text='<%#Eval("age")%>'></asp:Label>
</td>
<td valign="top">
<img src="images/<%#Eval("picname")%>" width="100px" height="100px" alt="a" />
</td>
</tr>
</table>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:aspDataBaseConnectionString %>"
SelectCommand="SELECT * FROM [personel]"></asp:SqlDataSource>

باید از Div استفاده کنید و بهش width بدید

[z_bluestar]

برای DataList هـا هم همین طوره فقط باید Property RepeatColumns رو هم به تعداد ستون هایی که می خواهین داشته باشید set کنید

RepeatColumns="3"

[rahil_2008]

Z_bluestar عزیز از راهنمایی خوبتون ممنونم مشکل تا حد زیادی حل شد
اما اینکه گفته بودین که paging باید بطور دستی انجام بشه اینو نمی دونم چه جوریه؟ لطفا بیشتر توضیح بدین

[Vahid_moghaddam]

درباره صفحه بندی این لینک ها رو ببینید:
http://www.4guysfromrolla.com/articles/081804-1.aspx

http://www.aspdotnetcodes.com/DataList_Dynamic_Paging_PagedDataSource.aspx

http://articles.sitepoint.com/article/asp-nets-pageddatasource

[Vahid_moghaddam]

برای راحتی در طراحی به جای table از div و css استفاده کنید. بسیار انعطاف پذیر تره

[rahil_2008]

شاید حق با شما باشه ولی من کار با div را درست بلد نیستم اگر با همین table هم جواب بده راضیم