禁用ASP.net树形视图复选框。

Question

禁用ASP.net树形视图复选框。

c#javascriptasp.netcheckboxtreeview

3

您好，如何在 asp treeview 中有条件地禁用复选框？

例如，如果应用程序用户没有某个权限，则在权限树中禁用该权限条目复选框。

这就是我要找的，这是 winform 应用程序中的等效物（文本呈灰色的复选框被禁用）：

enter image description here

我看到其他解决方案截获并忽略了复选框上的单击事件。我更喜欢将复选框简单设置为禁用的解决方案。

我正在寻找使用 C# 解决方案，但也可以接受使用 C# / Javascript 解决方案。

谢谢！

- zukanta

4个回答

1

很遗憾，我没有足够的声望来直接评论zukanta的答案，这有点麻烦，但我不得不修改javascript使其正常工作：

if (textSpan.firstChild)
                if (textSpan.className == "disabledTreeviewNode")
                    childCheckBoxes[i].disabled = true;

即用textSpan.ClassName替换textSpan.firstChild.ClassName

还值得指出的是，除非您要处理的树形视图中的所有树节点都有一个

<span></span>

在编程中，您会遇到这样的问题。您会在代码中得到一个空引用错误。

if (textSpan.firstChild)

并且不会处理任何后续节点。

我通过给所有我不想禁用的树节点添加一个class=enabledTreeviewNode的span来解决了这个问题。

你也可以在JavaScript中处理异常，我猜。

希望这能帮助那些以后遇到这个（非常好的）解决方案的人。

- stygian_pit

0

OP正在寻找条件禁用，但我只想使用TreeView来显示历史审计数据，记录项目何时被打开。我的页面上所有复选框都应该被禁用。我花了一些时间才找到这个优雅的jQuery解决方案。我希望它能帮助任何遇到类似问题的人。

将下面的代码添加到您的脚本部分。由于所有输入框都将被禁用，因此无需对您的代码进行任何更改。

<script type="text/javascript">
    $(document).ready(function () {
        $("input:checkbox").each(function () {
            $(this).prop('disabled', true);
        });
    });
</script>

- Resource

0

您可以使用安全修剪来隐藏用户无权访问的项目。我不知道有什么方法可以显示但不激活项目。仅在客户端禁用复选框可能会创建安全漏洞。基于安全角色过滤站点地图节点的演练 ASP.NET站点地图安全修剪

- DaveB

谢谢DaveB，但权限TreeView只是一个例子。我只是想在某些条件下将ASP.NET TreeView中的一些复选框设置为“禁用”。我还需要显示这些树视图节点，但只需将它们设置为禁用即可。因此，安全修剪似乎是一个牵强的解决方案，但还是谢谢。 - zukanta

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- zukanta · Accepted Answer

好的，我找到了一个相当简洁的解决方案：

在代码后台：

TreeNode newNode = new TreeNode(permission.ToString());
newNode.SelectAction = TreeNodeSelectAction.None; // no Link

    if (shouldDisableCheckbox)
    {
        // Set a class so disabled nodes can be formatted thru CSS
        // and be identifiable as disabled in Javascript.
        newNode.Text = "<span class=disabledTreeviewNode>" + newNode.Text +"</span>";
    }

nodes.Add (newNode);

在Javascript中，扫描所有具有该类名的树形视图节点，并禁用与它们相关联的复选框：

    // Called via a startup script created in Code Behind.
    // Disables all treeview checkboxes that have a text with a class=disabledTreeviewNode.
    // treeviewID is the ClientID of the treeView
    function DisableCheckBoxes(treeviewID)
    {
        TREEVIEW_ID = treeviewID;

        var treeView = document.getElementById(TREEVIEW_ID);

        if (treeView)
        {
            var childCheckBoxes = treeView.getElementsByTagName("input");
            for (var i = 0; i < childCheckBoxes.length; i++)
            {
                var textSpan = GetCheckBoxTextSpan(childCheckBoxes[i]);

                if (textSpan.firstChild)
                    if (textSpan.firstChild.className == "disabledTreeviewNode")
                        childCheckBoxes[i].disabled = true;
            }
        }
    }

function GetCheckBoxTextSpan(checkBox)
{
    // Set label text to node name
    var parentDiv = checkBox.parentNode;
    var nodeSpan = parentDiv.getElementsByTagName("span");

    return nodeSpan[0];
}