控制布局模板

时间:2010-10-14 20:03:46

标签: c# asp.net css listview ascx

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

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

随意添加更多标签。

1 个答案:

答案 0 :(得分:1)

这样的事情可以用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>

对于这样简单的任务,模板化控制非常强大,尤其是当您不需要更改模板内容时。