2011-07-01 7 views
0

ListItem의 체크 박스 아이콘을 숨기고 값 텍스트를 표시하는 방법이 있습니까?체크 박스 목록의 ListItem에 대한 체크 박스 아이콘을 숨기기

아래처럼 - 항목의 체크 박스가 숨겨져 있습니다.

내가 비활성화 (회색 아웃) 또는 완전히 (보이지 않는) 숨길 수있는 목록 항목을 알아낼 수 있지만 그냥 내가 최근으로 이런 짓을 체크 박스 아이콘 (사각형)

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에서 선택기를 사용하여 자세한 정보를 보려면 this reference에서 w3.org을 확인하십시오.

HTH! CheckBoxList는 CSS 입력을 적용

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

및 CheckBoxList PreRender 이벤트에서 솔루션

다음 사용을 ListItem을 해제하는

0

CSS3, 당신을 도울 인라인 스타일을 정의합니다, 좋은 점은 특별한 UserControl을 만드는 것입니다 : 장애인 선택

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