Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我们可以为asp.net项目符号列表控件使用不同的图像吗?如果是,那怎么办?_Asp.net - Fatal编程技术网

我们可以为asp.net项目符号列表控件使用不同的图像吗?如果是,那怎么办?

我们可以为asp.net项目符号列表控件使用不同的图像吗?如果是,那怎么办?,asp.net,Asp.net,我正在使用asp.net项目符号列表控件。我可以通过设置项目符号列表的imageURL属性来使用图像,但这将反映在属于该项目符号列表的所有列表项上。如果我想为每个列表项使用不同的图像,该怎么办 对自定义项目符号列表使用控件如何?请参阅。添加一些类来表示不同的列表图像: CSS: 在HTML中,将每个列表项设置为将显示图像的类 HTML: 第1项 第2项 我没有使用BulletedList控件,但是您应该能够在每个独立列表项上设置CSSClass属性,可以直接在标记中,也可以在一个数据绑定事

我正在使用asp.net项目符号列表控件。我可以通过设置项目符号列表的imageURL属性来使用图像,但这将反映在属于该项目符号列表的所有列表项上。如果我想为每个列表项使用不同的图像,该怎么办

对自定义项目符号列表使用控件如何?请参阅。

添加一些类来表示不同的列表图像:

CSS:

在HTML中,将每个列表项设置为将显示图像的类

HTML:

    第1项 第2项
我没有使用BulletedList控件,但是您应该能够在每个独立列表项上设置CSSClass属性,可以直接在标记中,也可以在一个数据绑定事件中设置(如果您的列表是数据绑定的)

还可以在呈现页面后使用JQuery操作列表。例如,此脚本将每隔一个列表项设置为不同的图像:

<script type="text/javascript">
    $(document).ready(function () {
        $('#list li').each(function (index) {
            var imgClass = index % 2 == 0 ? 'bullet1' : 'bullet2';
            $(this).addClass(imgClass);
        })
    });
</script>

$(文档).ready(函数(){
$('#list li')。每个(函数(索引){
var imgClass=索引%2==0?'bullet1':'bullet2';
$(this).addClass(imgClass);
})
});
<ul>
  <li class="bullet1"><span>item 1</span></li>
  <li class="bullet2"><span>item 2</span></li>
</ul>
<script type="text/javascript">
    $(document).ready(function () {
        $('#list li').each(function (index) {
            var imgClass = index % 2 == 0 ? 'bullet1' : 'bullet2';
            $(this).addClass(imgClass);
        })
    });
</script>