[Asp.net]注册控件CreateUserWizard移除外部表table

日常分享

starorbb · 2022-06-07 · 浏览： 464

标签：文档文章控件 table 渲染 login 模版

使用ASP.NET来制作一个网站非常方便简单，他提供了很多集成的控件如登录控件（Login），注册控件（CreateUserWizard）以及修改密码（ChangePassword）和忘记密码（PasswordRecovery）的控件来方便我们编程，这些控件提供了集成的功能，方便我们直接调用。但是很生草的是它提供的很多控件都默认使用了表格（table）来渲染，那么我们想要自定义或者套用css样式时就变得繁琐了。
不过，其中的Login控件可以通过更改属性RenderOuterTable为false来让页面渲染时不会用table包起来，但是在CreateUserWizard中呢，它并没有提供这个属性，即使你将所有内容全部转换成模版，到最后渲染时就会用table将所有模版都包起来。
这一时间让我头疼了起来，随着我使用强大的搜索引擎，我终于在一篇英文文章还有微软官方的文档中知道了添加LayoutTemplate即可覆盖，以让它渲染时不会一味把所有东西都用table包起来。

添加方式：
在**CreateUserWizard**控件中添加以下内容即可：
```asp
<LayoutTemplate>
                        <div>
                            <asp:PlaceHolder ID="headerPlaceHolder" runat="server" />
                        </div>
                        <div>
                            <asp:PlaceHolder ID="sideBarPlaceHolder" runat="server" />
                        </div>
                        <div>
                            <asp:PlaceHolder ID="WizardStepPlaceHolder" runat="server" />
                        </div>
                        <div>
                            <asp:PlaceHolder ID="navigationPlaceHolder" runat="server" />
                        </div>
                    </LayoutTemplate>
```

这样整个控件渲染出来的模版就会像上面输入的一样了。
使得最后的代码看起来像这样子：
```asp
<asp:CreateUserWizard ID="CreateUserWizard1" runat="server">
                    <LayoutTemplate>
                        <div>
                            <asp:PlaceHolder ID="headerPlaceHolder" runat="server" />
                        </div>
                        <div>
                            <asp:PlaceHolder ID="sideBarPlaceHolder" runat="server" />
                        </div>
                        <div>
                            <asp:PlaceHolder ID="WizardStepPlaceHolder" runat="server" />
                        </div>
                        <div>
                            <asp:PlaceHolder ID="navigationPlaceHolder" runat="server" />
                        </div>
                    </LayoutTemplate>
                    <WizardSteps>
......
```

学后余生

[Asp.net]注册控件CreateUserWizard移除外部表table