蝙蝠岛资源网 Design By www.hbtsch.com
                                在使用Web页面上的下拉列表框(SELECT element)显示数据列表时,有时我们会遇到有层次的数据条目。比如论坛中的子论坛和它的分类之间,以及一些具有包含关系的层次数据条目。使下拉列表框中,不同的level有一定的显示缩进将是非常友好的一种排版方式。
如果在HTML编写状态下,或在ASP等脚本语言中,制作这样的下拉列表窗口非常容易。我们知道空格" "在Option标签的前后是会被brower的显示引擎自动忽略掉的,所以我们使用硬空格 就可以了,效果如下图:
     
 
 <select>
<select>
 <option value="0">Level 00</option>
    <option value="0">Level 00</option>
 <option value="1"> Level 01</option>
    <option value="1"> Level 01</option>
 <option value="2">  Level 02</option>
    <option value="2">  Level 02</option>
 <option value="3">   Level 03</option>
    <option value="3">   Level 03</option>
 <option value="4">    Level 04</option>
    <option value="4">    Level 04</option>
 </select>
</select>
如此简单就实现这个效果了,似乎没有什么可说的。可是当我们在ASP.NET中使用服务器控件ListBox或DropDownList的时候,要实现这个效果问题就来了 。由于ListItem类的Text属性在输出为HTML代码的时候,会自动进行HtmlEncode转换,我们上面的示例会被输出为
。由于ListItem类的Text属性在输出为HTML代码的时候,会自动进行HtmlEncode转换,我们上面的示例会被输出为 :
:
    
 <select>
<select>
 <option value="0">Level 00</option>
    <option value="0">Level 00</option>
 <option value="1">&nbsp;Level 01</option>
    <option value="1">&nbsp;Level 01</option>
 <option value="2">&nbsp;&nbsp;Level 02</option>
    <option value="2">&nbsp;&nbsp;Level 02</option>
 <option value="3">&nbsp;&nbsp;&nbsp;Level 03</option>
    <option value="3">&nbsp;&nbsp;&nbsp;Level 03</option>
 <option value="4">&nbsp;&nbsp;&nbsp;&nbsp;Level 04</option>
    <option value="4">&nbsp;&nbsp;&nbsp;&nbsp;Level 04</option>
 </select>
</select>
真是让人郁闷,我第一次遇到这个问题时,使用了一个很ugly的方法来解决。就是重载控件,在Render的时候把"&nbsp;"变回为" "。大概就是: class XxxDropDownList : DropDownList
class XxxDropDownList : DropDownList


 {
{
 protected override void Render(HtmlTextWriter writer)
    protected override void Render(HtmlTextWriter writer)

 
     {
{
 StringBuilder strb = new StringBuilder();
        StringBuilder strb = new StringBuilder();
 StringWriter sw = new StringWriter(strb);
        StringWriter sw = new StringWriter(strb);
 HtmlTextWriter htw = new HtmlTextWriter(sw);
        HtmlTextWriter htw = new HtmlTextWriter(sw);
 base.Render(htw);
        base.Render(htw);
 strb.Replace("&nbsp;", " ");
        strb.Replace("&nbsp;", " ");
 writer.Write(strb.ToString());
        writer.Write(strb.ToString());
 }
    }
 }
}
这个解决方案问题很多,效率是一回事,并且非常不完备。除了使用这种"野蛮"的修改Render结果的方法,还有一个也是ugly的方法是使用全角的Space,就是" "。不过在中文的系统中这种方法似乎也说的过去,可是在纯英文(Not support East-Asian language)的环境下,这样的Option条目就晕菜了,错误效果如下图:
    
// 左图是在中文系统中,右图是在纯英文系统中
那么怎么办呢?重载ListItem?! 不过此路不通,ListItem类是被sealed修饰的 。后来我发现,可以使用 的"原始形式"来让DropListBox输出正确的HTML代码。什么是 的原始形式呢? 这个东西本来是在RFC 1866中定义的named entity,全称叫做:no-break space,CDATA格式为: 。我们把160作为字符放入ListItem的Text中,就能得到正确的HTML输出,效果和第一幅图中的HTML示例效果相同。服务器端代码为:
。后来我发现,可以使用 的"原始形式"来让DropListBox输出正确的HTML代码。什么是 的原始形式呢? 这个东西本来是在RFC 1866中定义的named entity,全称叫做:no-break space,CDATA格式为: 。我们把160作为字符放入ListItem的Text中,就能得到正确的HTML输出,效果和第一幅图中的HTML示例效果相同。服务器端代码为: 
 char nbsp = (char)0xA0;
char nbsp = (char)0xA0;
 for ( int i=0 ; i < 5 ; ++i )
for ( int i=0 ; i < 5 ; ++i )


 {
{
 ddl3.Items.Add(new ListItem("Level 0".PadLeft(i+7, nbsp) + i, i.ToString()));
    ddl3.Items.Add(new ListItem("Level 0".PadLeft(i+7, nbsp) + i, i.ToString()));
 }
}

生成的客户端代码为: <select>
<select>
 <option value="0">Level 00</option>
    <option value="0">Level 00</option>
 <option value="1"> Level 01</option>
    <option value="1"> Level 01</option>
 <option value="2">  Level 02</option>
    <option value="2">  Level 02</option>
 <option value="3">   Level 03</option>
    <option value="3">   Level 03</option>
 <option value="4">    Level 04</option>
    <option value="4">    Level 04</option>
 </select>
</select>
                                如果在HTML编写状态下,或在ASP等脚本语言中,制作这样的下拉列表窗口非常容易。我们知道空格" "在Option标签的前后是会被brower的显示引擎自动忽略掉的,所以我们使用硬空格 就可以了,效果如下图:
 
 
 <select>
<select> <option value="0">Level 00</option>
    <option value="0">Level 00</option> <option value="1"> Level 01</option>
    <option value="1"> Level 01</option> <option value="2">  Level 02</option>
    <option value="2">  Level 02</option> <option value="3">   Level 03</option>
    <option value="3">   Level 03</option> <option value="4">    Level 04</option>
    <option value="4">    Level 04</option> </select>
</select>如此简单就实现这个效果了,似乎没有什么可说的。可是当我们在ASP.NET中使用服务器控件ListBox或DropDownList的时候,要实现这个效果问题就来了
 。由于ListItem类的Text属性在输出为HTML代码的时候,会自动进行HtmlEncode转换,我们上面的示例会被输出为
。由于ListItem类的Text属性在输出为HTML代码的时候,会自动进行HtmlEncode转换,我们上面的示例会被输出为 :
:
 <select>
<select> <option value="0">Level 00</option>
    <option value="0">Level 00</option> <option value="1">&nbsp;Level 01</option>
    <option value="1">&nbsp;Level 01</option> <option value="2">&nbsp;&nbsp;Level 02</option>
    <option value="2">&nbsp;&nbsp;Level 02</option> <option value="3">&nbsp;&nbsp;&nbsp;Level 03</option>
    <option value="3">&nbsp;&nbsp;&nbsp;Level 03</option> <option value="4">&nbsp;&nbsp;&nbsp;&nbsp;Level 04</option>
    <option value="4">&nbsp;&nbsp;&nbsp;&nbsp;Level 04</option> </select>
</select>真是让人郁闷,我第一次遇到这个问题时,使用了一个很ugly的方法来解决。就是重载控件,在Render的时候把"&nbsp;"变回为" "。大概就是:
 class XxxDropDownList : DropDownList
class XxxDropDownList : DropDownList

 {
{ protected override void Render(HtmlTextWriter writer)
    protected override void Render(HtmlTextWriter writer)
 
     {
{ StringBuilder strb = new StringBuilder();
        StringBuilder strb = new StringBuilder(); StringWriter sw = new StringWriter(strb);
        StringWriter sw = new StringWriter(strb); HtmlTextWriter htw = new HtmlTextWriter(sw);
        HtmlTextWriter htw = new HtmlTextWriter(sw); base.Render(htw);
        base.Render(htw); strb.Replace("&nbsp;", " ");
        strb.Replace("&nbsp;", " "); writer.Write(strb.ToString());
        writer.Write(strb.ToString()); }
    } }
}这个解决方案问题很多,效率是一回事,并且非常不完备。除了使用这种"野蛮"的修改Render结果的方法,还有一个也是ugly的方法是使用全角的Space,就是" "。不过在中文的系统中这种方法似乎也说的过去,可是在纯英文(Not support East-Asian language)的环境下,这样的Option条目就晕菜了,错误效果如下图:

// 左图是在中文系统中,右图是在纯英文系统中
那么怎么办呢?重载ListItem?! 不过此路不通,ListItem类是被sealed修饰的
 。后来我发现,可以使用 的"原始形式"来让DropListBox输出正确的HTML代码。什么是 的原始形式呢? 这个东西本来是在RFC 1866中定义的named entity,全称叫做:no-break space,CDATA格式为: 。我们把160作为字符放入ListItem的Text中,就能得到正确的HTML输出,效果和第一幅图中的HTML示例效果相同。服务器端代码为:
。后来我发现,可以使用 的"原始形式"来让DropListBox输出正确的HTML代码。什么是 的原始形式呢? 这个东西本来是在RFC 1866中定义的named entity,全称叫做:no-break space,CDATA格式为: 。我们把160作为字符放入ListItem的Text中,就能得到正确的HTML输出,效果和第一幅图中的HTML示例效果相同。服务器端代码为: 
 char nbsp = (char)0xA0;
char nbsp = (char)0xA0; for ( int i=0 ; i < 5 ; ++i )
for ( int i=0 ; i < 5 ; ++i )

 {
{ ddl3.Items.Add(new ListItem("Level 0".PadLeft(i+7, nbsp) + i, i.ToString()));
    ddl3.Items.Add(new ListItem("Level 0".PadLeft(i+7, nbsp) + i, i.ToString())); }
}
生成的客户端代码为:
 <select>
<select> <option value="0">Level 00</option>
    <option value="0">Level 00</option> <option value="1"> Level 01</option>
    <option value="1"> Level 01</option> <option value="2">  Level 02</option>
    <option value="2">  Level 02</option> <option value="3">   Level 03</option>
    <option value="3">   Level 03</option> <option value="4">    Level 04</option>
    <option value="4">    Level 04</option> </select>
</select>蝙蝠岛资源网 Design By www.hbtsch.com
                            
                                广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
                        免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com
                        暂无在asp.net下实现Option条目中填充前导空格的方法的评论...
                                    RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2025年11月01日
                                2025年11月01日
                    - 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]
 
                        