Datalist中RepeatColumns 怎么样设置样式

zrj525525 2010-01-22 03:37:52
如题:假如RepeatColumns = "2"

也就是说在一排显示两组数据, 每组数据我都是用一个DIV包括起来 ,我怎么把左边的这个DIV应用个样式 右边的这个DIV用个样式

我想要生成的HTML代码如下

<div class="left">
</div>
<div class="right">
</div>






...全文
291 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
zrj525525 2010-01-22
  • 打赏
  • 举报
回复
mngzilin 灰常感谢 看了下感觉差不多,我先结账 要是再试不出来`用repeater做算了``
mngzilin 2010-01-22
  • 打赏
  • 举报
回复
后边的单括号写成大括号了,改正
FindControl("mydiv");
mngzilin 2010-01-22
  • 打赏
  • 举报
回复
<!-- div左 -->
<div id="mydiv" runat="server" class="x" style="border: 1px solid rgb(255, 251, 1);">

后台:
for(int i=0;i<datalistGold.Items.Count;i++)
{
HtmlGenericControl div= (HtmlGenericControl )datalistGold.Items[i].FindControl("mydiv"};
if(i%2==1)
div.Attributes["class"]="leftcss";
else
div.Attributes["class"]="rightcss";
}
zrj525525 2010-01-22
  • 打赏
  • 举报
回复

<div class="box">
<form id="form1" name="form1" method="post" action="items1.php">
<div class="x">
<ul>
<li class="i"><img src="items.php_files/Big%2520bones.gif" alt="Runescape Money 3M" height="31" width="31"></li>
<li class="n">
<p><b><strong>Big bones
<input id="item_name" value="Big bones" name="item_name" type="hidden">
</strong></b></p>Quantity:6K

<p class="p"><span>$5.34</span>
<input name="currency_code" id="currency_code" value="5.34" type="hidden"></p>
</li>
<li>
<input name="Submit22" class="oi1" value="" src="items.php_files/buy.gif" align="middle" type="image">
</li>
</ul>
</div>
</form>
<form id="form1" name="form1" method="post" action="items1.php">
<div class="x r">
<ul>
<li class="i"><img src="items.php_files/Law%2520rune.gif" alt="Runescape Money 4M" height="31" width="31"></li>
<li class="n">
<p><b>Law rune
<input name="item_name" id="item_name" value="Law rune" type="hidden">
</b></p>Quantity:10K

<p class="p"><span>$6.82</span>
<input name="currency_code" id="currency_code" value="6.82" type="hidden"></p>
</li>
<li>
<input name="Submit2" class="oi1" value="" src="items.php_files/buy.gif" align="middle" type="image">
</li>
</ul>
</div>
</form>
</div>


给我的静态页是这样的```
zrj525525 2010-01-22
  • 打赏
  • 举报
回复

<asp:DataList ID="datalistGold" runat="server" RepeatColumns="2" RepeatLayout="Flow">
<ItemTemplate>
<!-- div左 -->
<div class="x" style="border: 1px solid rgb(255, 251, 1);">
<ul>
<li class="i"><img src="rsimg/gold.gif" height="32" width="36"/></li><li class="n">
<p><b>
<%# Eval("productname") %>'
</b></p>
<p class="p">
<label>
<select gtbfieldid="1" id="Paymenttype" onchange="ty('1m','Paymenttype','2.78');" name="Paymenttype" class="huobi">
<option value="USD" selected="selected">USD</option>
<option value="GBP">GBP</option>
<option value="EUR">EUR</option>
<option value="AUD">AUD</option>
<option value="CAD">CAD</option>
</select>
</label>
 
<label id="1m" class="price">
<%# Eval("productprice") %></label>
</p>
</li>
<li>
<input onclick="tag('RuneScape Gold 1 Mil (16-24 Hours)','1m','Paymenttype','1m');" src="rsimg/buy.gif" value="Buy" name="submit1" align="middle" type="image"/>
</li>
</ul>
</div>
</ItemTemplate>
</asp:DataList>
zrj525525 2010-01-22
  • 打赏
  • 举报
回复
关键是Datalist 只循环生成一组数据 只能用到一个样式
koukoujiayi 2010-01-22
  • 打赏
  • 举报
回复
左右两边分别用不同的样式,如:
左:
<div class="leftCss">
</div>
右:
<div class="rightCss">
</div>
zrj525525 2010-01-22
  • 打赏
  • 举报
回复
也就是一行要生成两个不同样式的DIV
阿彪兄 2010-01-22
  • 打赏
  • 举报
回复
支持一下
zrj525525 2010-01-22
  • 打赏
  • 举报
回复
mngzilin

呵呵``昨天我就是用你给的方法
zrj525525 2010-01-22
  • 打赏
  • 举报
回复
我现在就是改一静态页成动态页

以前的CSS 他是一行显示两组数据
左边div Float = left;右边div Float = right;

我现在是动态数据 设置DataList的分列显示为2 但样式得不到很好的控制
mngzilin 2010-01-22
  • 打赏
  • 举报
回复
为左右的div设置class="mycss"

.mycss{width:100px;....}
wiki14 2010-01-22
  • 打赏
  • 举报
回复
你试过了么?楼主,没用么?
zrj525525 2010-01-22
  • 打赏
  • 举报
回复
忘记说了,我现在的生成HTML代码
如:

<div class="left">
</div>
<div class="left">
</div>
.
.
.
.
.
.

62,050

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧