使用jquery将treeview数据转换为json [英] convert treeview data to json using jquery

问题描述

我正在使用以下j查询重新排序树视图节点

现在我想在文件或服务器端保存这些节点

我怎么做到这一点。 ...

i'm using following j query to Reorder tree view Nodes
now i want to save these nodes in File or on Server Side
how i can do this....

<div id="tree">
   </div>

<script type="text/javascript"><!--
        $(function () {
         
            $("#tree").dynatree({
                initAjax: {
                    url: "sample-data3.json"
                },
                onLazyRead: function (node) {
         
                            });
                },
                dnd: {
                    onDragStart: function (node) {
                        logMsg("tree.onDragStart(%o)", node);
                        return true;
                    },
                    onDragStop: function (node) {

                        logMsg("tree.onDragStop(%o)", node);
                    },
                    autoExpandMS: 1000,
                    preventVoidMoves: true, 
                    onDragEnter: function (node, sourceNode) {
                      

                        logMsg("tree.onDragEnter(%o, %o)", node, sourceNode);
                        return true;
                    },
                    onDragOver: function (node, sourceNode, hitMode) {
                       
                        logMsg("tree.onDragOver(%o, %o, %o)", node, sourceNode, hitMode);
                       
                        if (node.isDescendantOf(sourceNode) && sourceNode.parent.data.title != node.parent.data.title) {
                            return false;
                        }
                       
                        if (!node.data.isFolder && hitMode === "over") {
                            return "after";
                        }
                    },
                    onDrop: function (node, sourceNode, hitMode, ui, draggable) {
                      
                        if (node.parent.data.title != sourceNode.parent.data.title)
                            return;
                        if (hitMode == 'over')
                            hitMode = 'before';

                        logMsg("tree.onDrop(%o, %o, %s)", node, sourceNode, hitMode);

                        sourceNode.move(node, hitMode);
                       
                    },
                    onDragLeave: function (node, sourceNode) {
                         logMsg("tree.onDragLeave(%o, %o)", node, sourceNode);
                    }
                }
            });
        }
        );
--></script>

推荐答案

（function（）{

(function () {

（ ＃tree）。dynatree（{
initAjax：{
url： sample-data3.json
}，
onLazyRead：function（node）{

}）;
}，
dnd：{
onDragStart：function（node）{
logMsg（ tree.onDragStart（％o），node）;
return true ;
}，
onDragStop：function（node）{

logMsg（ tree.onDragStop（％o） ，node）;
}，
autoExpandMS： 1000 ，
preventVoidMoves： true ，
onDragEnter：function（node，sourceNode）{


logMsg（ tree.onDragEnter（％o，％o），node，sourceNode）;
return true ;
}，
onDragOver：function（node，sourceNode，hitMode）{

logMsg（ tree.onDragOver（％o，％o，％o），node，sourceNode，hitMode）;

if （node.isDescendantOf（sourceNode）&& sourceNode.parent.data.title！= node.parent.data.title ）{
return false ;
}

如果（！node.data.isFolder&&& hitMode === over）{
return 在;之后
}
}，
onDrop：function（node，sourceNode，hitMode，ui，draggable）{

if （node.parent.data.title！= sourceNode.parent.data.title）
return ;
if （hitMode == ' over' ）
hitMode = ' 在'之前;

logMsg（ tree.onDrop（％o，％o，％s），node，sourceNode，hitMode）;

sourceNode.move（node，hitMode）;

}，
onDragLeave：function（node，sourceNode）{
logMsg（ tree.onDragLeave（％o，％o），node，sourceNode）;
}
}
}）;
}
）;
- > < / script >

("#tree").dynatree({ initAjax: { url: "sample-data3.json" }, onLazyRead: function (node) { }); }, dnd: { onDragStart: function (node) { logMsg("tree.onDragStart(%o)", node); return true; }, onDragStop: function (node) { logMsg("tree.onDragStop(%o)", node); }, autoExpandMS: 1000, preventVoidMoves: true, onDragEnter: function (node, sourceNode) { logMsg("tree.onDragEnter(%o, %o)", node, sourceNode); return true; }, onDragOver: function (node, sourceNode, hitMode) { logMsg("tree.onDragOver(%o, %o, %o)", node, sourceNode, hitMode); if (node.isDescendantOf(sourceNode) && sourceNode.parent.data.title != node.parent.data.title) { return false; } if (!node.data.isFolder && hitMode === "over") { return "after"; } }, onDrop: function (node, sourceNode, hitMode, ui, draggable) { if (node.parent.data.title != sourceNode.parent.data.title) return; if (hitMode == 'over') hitMode = 'before'; logMsg("tree.onDrop(%o, %o, %s)", node, sourceNode, hitMode); sourceNode.move(node, hitMode); }, onDragLeave: function (node, sourceNode) { logMsg("tree.onDragLeave(%o, %o)", node, sourceNode); } } }); } ); --></script>

您无法将JavaScript中的数据（在浏览器中）保存到任何存储空间！

为了安全起见网页与客户端机器（沙箱）隔离的原因，无法访问其资源，如磁盘......

You can not save data from JavaScript - inside a browser - to any storage!
For security reasons you web page is isolated from the client's machine (sandbox) and can not access it's resources, like disk...

这篇关于使用jquery将treeview数据转换为json的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！