Question

我在为网格视图和详细信息视图设置样式时遇到架构问题。

我们的Intranet服务器基本上是一个多应用程序网站。大多数报表和工具都使用网格结构，但由于它们可能执行截然不同的功能，因此网格格式和细节格式之间的格式略有不同。我试图为每个人制作一个专门的风格，但我遇到了继承问题例如：我想为一些Gridviews增加一个标题栏。 Gridview的设置如下：

intelhaxm-android.exe

详细信息视图以与css相同的方式引用。会发生什么是Caption表没有应用GVcaption，而是应用了.DetailsView-CommandRow a，tr：nth-child（1）。

这是css。

<asp:GridView
            ID="GridView_Links"
            runat="server"
            DataSourceID="SqlDataSource1"
            AutoGenerateColumns="False"
            DataKeyNames="link_key"
            AllowSorting="True"
            CssClass="GridView"
            GridLines="Vertical"
            EnableModelValidation="True"
            Caption='<table CssClass="GVcaption" ><tr><td>Link Manager</td></tr></table>'
            CaptionAlign="Top"
            OnRowCommand="GridView_Links_RowCommand">
            <FooterStyle CssClass="GridView-Footer" />
            <HeaderStyle CssClass="GridView-Header" />
            <AlternatingRowStyle CssClass="GridView-AlternateRow" />
            <RowStyle CssClass="GridView-Row" />
            <SelectedRowStyle CssClass="GridView-SelectedRow" />               
        </asp:GridView>

如果我错误地设置了css，我应该怎么做？我确实尝试使用像#GVcaption这样的命名元素，但是它适用于那些没有命名的表，它打破了网站上的其他东西（主导航栏）:(

Answer 1

我终于开始工作了。这不是100％完成的，并且有一些类可能看起来很奇怪或重复，但我还有一些来自全球包含的其他CSS。主要问题是我必须在2个不同的表中定位相同的元素，但不同的是，为GridView呈现的表格不会为DetailsView呈现相同的内容。

constructor(private fb: FormBuilder, private router: Router, private inventoryCategoryService: InventoryCategoryService) {
    this.form = fb.group({
        'categoryName': [null, Validators.compose([Validators.required, Validators.minLength(3), Validators.maxLength(50)]),
            Validators.composeAsync([this.categoryNameUnique.bind(this)])]
    });
}

GridView中的表使用了DetailsView控件中的CSS

1 个答案: