2011-07-01 7 views
0

ListItemのチェックボックスアイコンを非表示にして、value-textを表示する方法はありますか?チェックボックスリストのListItemのチェックボックスアイコンを非表示にする

以下同様 - 項目のチェックボックスは非表示です。

私は(目に見えない)私は無効(グレーアウト)または完全に隠すことができることのリスト項目を見つけ出すことができますが、単にチェックボックスのアイコン(四角)

items is a list item with the checkbox hidden

+0

s.repeater.aspx)。 –

答えて

2

を隠していない私は最近のようにこれをしませんでしたプロジェクトの一部であり、ListItemを作成するときに属性を設定し、その後CSSを使用してスタイルを設定することでそれを達成しました。

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

属性はタグの一部として追加されるため、CSSで次の記述子を使用できます。

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

もちろん、任意の方法でCSSをフォーマットすることができますが、これはあなたを始められるはずです。 CSSでセレクタを使用して詳細を知りたい場合は、this referencew3.orgからチェックしてください。

HTH!

0

CSS3は、インラインスタイルを定義し、あなたを助ける、良い点は、CheckBoxListのは、次のソリューション

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

を使用して、CheckBoxListのPreRenderイベントでCSS入力を適用するためのListItemを無効にするための特別なユーザーコントロールを作ることです:無効セレクタ

あなたは[リピータ](http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrolのような他のコントロールを使用することができ
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

関連する問題