Deaktivieren ASP.net treeview mit Checkboxen

Wie würden Sie Jungs bedingt deaktivieren Sie die Checkboxen asp treeview?

Zum Beispiel, wenn ein Benutzer der Anwendung nicht einer gewissen Berechtigung, deaktivieren Sie diese Berechtigung Eintrag Kontrollkästchen Berechtigungen in einer treeview.

Hier ist, was ich Suche, dies ist die equivaqlent in einer winform-app (die Kontrollkästchen sind deaktiviert, wo ist der text Grau dargestellt):

Sah ich die anderen Lösungen, bei denen das Ereignis click auf die Checkboxen, wird abgefangen und ignoriert. Ich würde lieber eine Lösung, wo die Checkboxen sind einfach zu deaktivieren.

Ich bin auf der Suche nach einem C# - Lösung, aber gerne mit einer C#/Javascript-Lösung.

Dank!

InformationsquelleAutor zukanta | 2013-02-25

asp.net c#checkbox javascript treeview

Ok, fand eine ziemlich saubere Lösung:

in der code-behind:

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);

in Javascript, Scannen Sie alle treeview-Knoten für diejenigen, die haben, die className, und deaktivieren Sie das Kontrollkästchen verbunden, um zu Ihnen:

    //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];
}

Dies funktionierte gut, aber ich hatte eine wirklich seltsame Frage. Mein treeview ist unverändert auf postbacks, aber ich würde zum ausführen dieser JS 2x, um es anzuwenden, es sei denn, ich änderte Ihre Linie der if (textSpan.firstChild.className == "disabledTreeviewNode") zu if (textSpan.className == "disabledTreeviewNode" || textSpan.firstChild.className == "disabledTreeviewNode") Auf der 1. Anruf textSpan.className == "disabledTreeviewNode" ist true, und nachfolgende Aufrufe von Ihr code funktioniert der textSpan.firstChild.className == "disabledTreeviewNode". Nicht 100% sicher, ob ich verstehe, aber Sie beide Bedingungen diese Arbeit geleistet.
Als follow-up, sehen Sie in diesem Beitrag habe ich die nicht alle dieses JavaScript in etwa 3 Zeilen jQuery: stackoverflow.com/questions/18858842/...
Wenn Sie arbeiten mit einem UpdatePanel, binden die DisableCheckBoxes-Funktion, um die $(document).ready jQuery Veranstaltung und zu den postback-end-Veranstaltung, und loszuwerden, die bösen server-side code.

InformationsquelleAutor zukanta

1

Leider habe ich nicht genug Ruf um in der Lage sein, um Kommentare direkt auf zukanta die Antwort, die ein bisschen wie ein Schmerz, aber ich musste eine änderung in der javascript um diese Arbeit zu machen:
```
if (textSpan.firstChild)
                if (textSpan.className == "disabledTreeviewNode")
                    childCheckBoxes[i].disabled = true;
```
d.h. ersetzen textSpan.firstChild.ClassName mit textSpan.ClassName

Auch darauf hinzuweisen, dass der JavaScript-Fehler aus, wenn alle Ihre Baum-Knoten in der Strukturansicht, die Sie ansprechen, haben eine
```
<span></span> 
```
in Ihnen. Sie erhalten ein null-Verweis an
```
if (textSpan.firstChild) 
```
und keine nachfolgenden Knoten verarbeitet werden.

Bekam ich um diesen Punkt, indem ein span mit class=enabledTreeviewNode auf alle Knoten im Baum, dass ich nicht möchte deaktiviert.

Sie könnte auch die Ausnahme im JavaScript, denke ich.

Hoffe, dies hilft jemand, der stolpert über das (ansonsten hervorragende) Lösung später auf.

InformationsquelleAutor stygian_pit
0

Könnten Sie die Einschränkung aus Sicherheitsgründen nicht zeigen Elemente, die der Benutzer nicht zugreifen. Ich weiß nicht, jeder Weg, um die Elemente angezeigt, aber nicht aktiv. Deaktivieren der Kontrollkästchen auf der client-Seite nur schaffen könnte, ein Sicherheits-Loch.

Exemplarische Vorgehensweise: Filtern von siteübersichtsknoten auf Security Rollen

ASP.NET Site-Map Sicherheit Trimmen
- Dank DaveB, aber die Berechtigungen treeview-war nur ein Beispiel. Ich würde einfach gerne einige Checkboxen auf 'deaktiviert' in einer asp.net treeview-unter bestimmten Bedingungen. Ich brauche auch, zu zeigen, die treeview-Knoten, sondern einfach legen Sie Sie auf deaktiviert. So sicherheitsanpassungen scheint wie eine weit hergeholte Lösung, aber trotzdem danke.
InformationsquelleAutor DaveB
0

Die OP war auf der Suche für bedingte deaktivieren, aber ich will einfach verwenden Sie die Strukturansicht zum anzeigen der historischen Daten aus Audits, Protokolle, wenn Elemente wurden eingeschaltet.
Alle Checkboxen auf meiner Seite deaktiviert werden soll. Es hat mich einige Zeit zu finden, dieses elegante jQuery-Lösung. Ich hoffe es hilft jemand mit einem ähnlichen Problem.

Fügen Sie den folgenden code in Ihr Skript-Abschnitt. Wie alle Eingabefelder werden deaktiviert, es gibt keine Notwendigkeit, änderungen an alle Ihre codebehind.
```
<script type="text/javascript">
    $(document).ready(function () {
        $("input:checkbox").each(function () {
            $(this).prop('disabled', true);
        });
    });
</script>
```
InformationsquelleAutor Resource

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.