1

現在、私はAJAXハンドラーを使用してJSTreeにデータを入力しています。

$(function () {
        $("#jstree").jstree({
            "json_data": {
                "ajax": {
                    "url": "AJAXHandler.aspx?action=GetMenu"
                }
            },
            "plugins": ["themes", "json_data", "dnd"]
        })
        .bind("move_node.jstree", function (node, ref, position, is_copy, is_prepared, skip_check) {
            console.log(node); });

  });

ハンドラーは実際にデータベース呼び出しを行い、メニュー項目をループし、シリアル化され、返送され、レンダリングされるJSONオブジェクトを作成します。

 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Select Case Request("action")
            Case "GetMenu"
                GetMasterMenu()
            Case "UpdateMenuHiearchy"
                UpdateMenuHiearchy()
        End Select
    End Sub

    Private Sub GetMasterMenu()
        Dim dt As DataTable = GetMenu()
        Dim nodesList As New List(Of JsTreeNode)()
        PopulateNodes(dt, nodesList)
        Dim ser As New JavaScriptSerializer()
        Dim res As String = ser.Serialize(nodesList)
        Response.ContentType = "application/json"
        Response.Write(res)
        Response.[End]()
    End Sub

    Private Sub PopulateNodes(ByRef dt As DataTable, ByVal nodes As List(Of JsTreeNode))

        Dim parents() As DataRow = dt.Select("PARENT_MENU_ID = 0")

        'Root Nodes
        For Each dr As DataRow In parents
            Dim node As New JsTreeNode()
            node.attributes = New Attributes()
            node.attributes.id = dr("APPLICATION_MENU_ID").ToString
            node.attributes.rel = "root" & dr("APPLICATION_MENU_ID").ToString
            node.data = New Data()
            node.data.title = dr("DESCRIPTION")
            node.state = "open"

            'Check for Children
            Dim strSQL As New StringBuilder
            With strSQL
                .Append(" SELECT * FROM APPLICATION_MENU WHERE PARENT_MENU_ID = " & dr("APPLICATION_MENU_ID") & "")
            End With

            Dim dtChildren As DataTable = DatabaseManager.Query(strSQL.ToString)
            If dtChildren.Rows.Count > 0 And dtChildren IsNot Nothing Then
                For Each drChild As DataRow In dtChildren.Rows
                    AddChildNodes(dt, dr("APPLICATION_MENU_ID"), node)
                Next
            End If
            node.attributes.mdata = "{draggable : true}"
            nodes.Add(node)
        Next
    End Sub

    Private Sub AddChildNodes(ByRef dt As DataTable, ByVal parentID As Integer, ByVal node As JsTreeNode)
        Dim strSQL As New StringBuilder
        With strSQL
            .Append(" SELECT * FROM APPLICATION_MENU WHERE PARENT_MENU_ID = " & parentID.ToString & "")
        End With
        Dim dtChildren As DataTable = DatabaseManager.Query(strSQL.ToString)
        node.children = New List(Of JsTreeNode)()

        For Each drChild As DataRow In dtChildren.Rows
            Dim cnode As New JsTreeNode()
            cnode.attributes = New Attributes()
            cnode.attributes.id = drChild("APPLICATION_MENU_ID").ToString
            node.attributes.rel = "folder"
            cnode.data = New Data()
            cnode.data.title = drChild("DESCRIPTION")
            cnode.attributes.mdata = "{draggable : true }"

            strSQL = New StringBuilder
            With strSQL
                .Append(" SELECT * FROM APPLICATION_MENU WHERE PARENT_MENU_ID = " & drChild("APPLICATION_MENU_ID") & "")
            End With

            Dim dtChildren2 As DataTable = DatabaseManager.Query(strSQL.ToString)
            If dtChildren.Rows.Count > 0 And dtChildren IsNot Nothing Then
                AddChildNodes(dt, drChild("APPLICATION_MENU_ID"), cnode)
            End If
            node.children.Add(cnode)
        Next
    End Sub

ここでの考え方は、move_nodeを、ハンドラーにヒットする関数にバインドし、オブジェクトを移動した場所に関してデータベースを更新することです。それを行うためのバインドを作成することができました。しかし、問題は、IDを取得できないように見えることです。JSONオブジェクトの母集団の属性に設定していますが、console.logを介してNODEオブジェクトとREFオブジェクトを監視すると、idフィールドが空になります。

何が得られますか？何か案は？重要なものが欠けていますか？

4

2 に答える 2

1

もう一度それをいじった後、私は答えを見つけました：

cnode.attributes
node.attributes

動作するには、下に特定の名前が必要です。これらはcnode.attrおよびnode.attrである必要があります。

于 2010-09-10T00:47:32.820 に答える
0

あなたは確かに正しいです-

JSTree V1 +はjqueryバインディングなどを使用します。したがって、attrを使用してオブジェクト属性を取得する必要があります。補足として、IE7はノードデータで大文字と小文字を区別します。例：

$("#node").attr("id")!=$("#node").attr("ID")

于 2010-09-13T15:02:20.403 に答える