asp.net asp:TreeView中的对齐核取方块

a9wyjsp7  于 2022-11-19  发布在  .NET
关注(0)|答案(2)|浏览(146)

我在我的www.example.com页面中有asp.netasp:TreeView,它在代码隐藏中生成复选框。

<asp:TreeView  ID="TreeView1" Width="250px" NodeWrap="true" 
 ExpandDepth="1 ShowCheckBoxes="All" runat="server">
</asp:TreeView>

在代码隐藏中,元素和子元素在结果集循环中以这种方式生成。

TreeNode tn1 = new TreeNode();

 TreeNode tn2 = new TreeNode();
 tn2.Text = "Child1";
 tn2.Value = "Child2";
 tn1.ChildNodes.Add(tn2);

然而,在页面的复选框没有正确对齐。我想他们水平左对齐。任何建议,请。

qybjjes1

qybjjes11#

树视图使用了一个很难改变的特定HTML结构...但是你可以使用CSS来调整复选框的位置,或者使用一个替代控件(repeater绑定到一个数据源,该数据源有一个索引参数指示缩进多少空格,但这将不具有展开折叠功能)。

ar7v8xwq

ar7v8xwq2#

添加了一个css类,现在复选框和水平对齐前的空格被删除,工作正常。

.tv table tbody tr 
{  
    display: inline-block;  
    padding: 0px;
    margin-left :5px;
    width: 100%;  
}

<asp:TreeView ID="TreeView1" CssClass="tv" NodeIndent="2" NodeWrap="true" ExpandDepth="1" ShowCheckBoxes="All" runat="server">

相关问题