Question

在我的中继器中我必须加载4个不同图像中的2个取决于某些条件。

这是4张图片

if (<%# DataBinder.Eval(Container.DataItem, "Voted") %> == "true") 'load these 2 images
    <img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/badge-circle-plus-24-ns.png" />
    <img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/arrow-down-24-ns.png" />
else 'load these 2 
    <img style="cursor: pointer" onclick="Dostuff" 
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/arrow-up-24-ns.png"  />
    <img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/arrow-down-24-ns.png"  />

我如何解决这个问题？

Answer 1

你可以;见more information。基本上，您应该将其格式化为：

<% if (DataBinder.Eval(Container.DataItem, "Voted")  == "true") {  %>
    <img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/badge-circle-plus-24-ns.png" />
    <img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/arrow-down-24-ns.png" />
<% } else { %>
    <img style="cursor: pointer" onclick="Dostuff" 
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/arrow-up-24-ns.png"  />
    <img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src="../../Images/arrow-down-24-ns.png"  />
<% } %>

我不确定是否完全支持，所以你也可以考虑尝试：

<img style="cursor: pointer" onclick="Dostuff"
         id='<%# DataBinder.Eval(Container.DataItem, "Uid") %>'
         src='../../Images/<%# DataBinder.Eval(Container.DataItem, "Voted")  == "true" ? "badge-circle-plus-24-ns.png" : "arrow-up-24-ns.png" %>' />
  .
  .

后者使用条件并根据条件渲染适当的图像。

转发器中的条件加载

1 个答案: