2011-07-01 153 views
0

有没有办法隐藏ListItem的复选框图标并只显示值文本。在复选框列表中隐藏复选框ListItem的图标

Like Below - 隐藏项目的复选框。

我能弄清楚,我可以禁用(变灰),或者完全隐藏(不可见)列表项,但不只是隐藏复选框图标(方形)

items is a list item with the checkbox hidden

+0

你可以使用像[转发](http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrol其他控件s.repeater.aspx)。 –

回答

2

我最近做这个作为一个项目的一部分,并通过在创建ListItem时设置一个属性并使用CSS对其进行设置来完成它。

li.Attributes.Add("id", "removecheckbox"); 

由于该属性是作为标记的一部分添加的,因此可以在CSS中使用以下描述符。

#removecheckbox 
{ 
    color: Gray; 
} 
#removecheckbox input 
{ 
    display: none; 
} 

当然,你可以任何你想要的方式格式化CSS,但这应该让你开始。 如果您需要使用CSS中的选择器更多信息,请从w3.org查看this reference

HTH!

0

CSS3会帮助你,定义内嵌式的,好的一点是,使特殊用户控件进行的CheckBoxList使用下面的解决方案

<style> 
    input:disabled { 
     display: none; 
    } 
</style> 

和CheckBoxList的PreRender事件禁用列表项申请CSS输入:禁用选择

protected void CheckBoxListMajad_PreRender(object sender, EventArgs e) 
{ 
    foreach (ListItem it in this.CheckBoxListMajad.Items) 
    { 
     if (it.Value.Equals("0")) 
     { 
      it.Enabled = false; 
      it.Selected = false; 
      it.Attributes.Add("style", "font-size:14px;height:16px;font-weight:bold;"); 
     } 
    } 
} 

CheckBoxListMajad.RepeatColumn=3