代码之家  ›  专栏  ›  技术社区  ›  BeemerGuy

控件布局模板

  •  1
  • BeemerGuy  · 技术社区  · 14 年前

    我需要一种在页面中设置控件布局的方法。 我来举个例子问你。
    我有四个不同的操作按钮(编辑、删除等),它们在任何页面上执行相同的操作,但有时我希望它们水平排列,有时垂直排列,这取决于显示它们的页面。
    所以我想把这四个按钮都放在一个用户控件中,并使用某种模板控件来管理它们的布局。

    是否存在与ListView的模板管理一样灵活的控件?
    当然,一个懒惰的解决方案是在一个面板中水平放置四个按钮,在另一个面板中垂直放置四个按钮,并显示/隐藏所请求的面板,但我不希望有两个按钮实例;我只希望每个按钮有一个实例,但布局不同。

    请随意添加更多标签。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Ladislav Mrnka    14 年前

    这样的事情可以通过CSS实现。我不擅长使用CSS,但我相信这是可行的:

    HTML

    <div class="horizontal">
        <input type="button" value="1" />
        <input type="button" value="2" />
        <input type="button" value="3" />
        <input type="button" value="4" />
    </div>
    

    在DIV元素中简单地设置两个CSS类(可以用usercontrol包装按钮,并将DIV的类映射到usercontrol的属性)

      <head>
        <style type="text/css">
            .horizontal input 
            {
                margin:0px 2px 0px 2px;
            }
    
            .vertical input
            {
                display:block;
                margin:2px 0px 2px 0px;
            }
        </style>
      </head>
    

    模板化控制对于如此简单的任务来说非常强大,特别是当您不需要更改模板内容时。