分类导航

Dojo 发布时间：2022-04-21 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了为dojo普及做贡献-C--ajax操作是完成了，但把添加、修改等按钮改成右键，再把提交表单改酷点，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

前面：树DOJO AJAX操作是完成了，但把添加、修改等按钮不够酷，而且，提交修改的表单就是一个框(prompt()框)，也太不适用了。

这次把右键增加进去，并且把表单改酷点。

先贴源码:

JSP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <<a href="http://code.js-code.com/tag/Meta/" target="_blank" class="keywords">Meta</a> <a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>-equiv="Content-Type" content="text/html; charset=UTF-8"> <<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e>dojo树到服务器交互-Cool--全部完成-表单改造完成</<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e> <link rel="stylesheet" href="css/Tree_Notification_API.css" mce_href="css/Tree_Notification_API.css" type="text/css"></link> <mce:script type="text/javascript" src="../libs/dojo1.4.x/dojo/dojo.js" mce_src="libs/dojo1.4.x/dojo/dojo.js" charset="utf-8"></mce:script> <mce:script type="text/javascript" src="js/My_Tree_Dynamic_Cool_menu.js" mce_src="js/My_Tree_Dynamic_Cool_menu.js"></mce:script> </head> <body class="tundra">  <ul dojoType="dijit.Menu" id="tree_menu" style="display: none; width: 8em;"> <li dojoType="dijit.MenuItem" id="addMenu" iconClass="dijitEditorIcon dijitEditorIconIndent"> <a href="http://code.js-code.com/tag/tianjia/" target="_blank" class="keywords">添加</a> <mce:script type="dojo/method" event="onClick" args="evt"></mce:script> </li> <li dojoType="dijit.MenuSeparator"></li> <li dojoType="dijit.MenuItem" id="editMenu" iconClass="dijitEditorIcon dijitEditorIconWikiword"> 编辑 <mce:script type="dojo/method" event="onClick" args="evt"></mce:script> </li> <li dojoType="dijit.MenuSeparator"></li> <li dojoType="dijit.MenuItem" id="removeMenu" iconClass="dijitEditorIcon dijitEditorIcon<a href="http://code.js-code.com/tag/delet/" target="_blank" class="keywords">delet</a>e"> <a href="http://code.js-code.com/tag/shanchu/" target="_blank" class="keywords">删除</a> <mce:script type="dojo/method" event="onClick" args="evt"></mce:script> </li> </ul> <div dojoType="dijit.layout<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>orderContainer" class="treeLayout" design="headline" liveSizing="true"> <div dojoType="dijit.layout.ContentPane" region="leading" splitter="true" style="width: 300px"> <div dojoType="dojo.data.ItemFileWriteStore" url="categoryTree.action?parentId<a href="http://code.js-code.com/tag/0/" target="_blank" class="keywords">=0</a>" jsId="categoryJson"> <mce:script type="dojo/connect" event="onNew" args="newItem"></mce:script> </div> <div dojoType="dijit.tree.TreeStoreModel" store="categoryJson" jsId="treeModel"></div> <div dojoType="dijit.Tree" id="<a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree" model="treeModel" dndController="dijit._tree.dnd<a href="http://code.js-code.com/tag/sourc/" target="_blank" class="keywords">sourc</a>e" query="<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a>parent:null}" style="height: 90%; overflow: auto;"> <mce:script type="dojo/connect"></mce:script> <mce:script type="dojo/method" event="onClick" args="item"></mce:script> </div> <div> <div dojoType="dijit.form<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>utton"> <a href="http://code.js-code.com/tag/tianjia/" target="_blank" class="keywords">添加</a> <mce:script type="dojo/method" event="onClick" args="evt"></mce:script> </div> <div dojoType="dijit.form<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>utton"> <a href="http://code.js-code.com/tag/shanchu/" target="_blank" class="keywords">删除</a> <mce:script type="dojo/method" event="onClick" args="evt"></mce:script> </div> <div dojoType="dijit.form<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>utton"> <a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a> <mce:script type="dojo/method" event="onClick" args="evt"></mce:script> </div> </div> </div> <div dojoType="dijit.layout.ContentPane" region="center"> <h2> 实现CRUD<a href="http://code.js-code.com/tag/gongneng/" target="_blank" class="keywords">功能</a>,实现右键<a href="http://code.js-code.com/tag/caidan/" target="_blank" class="keywords">菜单</a>编辑,实现拖放，但没有执行<a href="http://code.js-code.com/tag/xiangyingde/" target="_blank" class="keywords">相应的</a><a href="http://code.js-code.com/tag/shujuku/" target="_blank" class="keywords">数据库</a>操作,最后，完美<a href="http://code.js-code.com/tag/jiejue/" target="_blank" class="keywords">解决</a> </h2> </div> </div> <div dojoType="dijit.Dialog" id="cDialog" <a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e="编辑<a href="http://code.js-code.com/tag/fenlei/" target="_blank" class="keywords">分类</a>信息" class="myDialog"> <table> <tr> <td style="text-align: right;" mce_style="text-align: right;"> <label for="c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e"> 目录<a href="http://code.js-code.com/tag/mingcheng/" target="_blank" class="keywords">名称</a>： </label> </td> <td> <input id="c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e" dojoType="dijit.for<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Validatio<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>" size="36" maxlength="36" <a href="http://code.js-code.com/tag/required/" target="_blank" class="keywords">required</a>="true" prompt<a href="http://code.js-code.com/tag/messa/" target="_blank" class="keywords">messa</a>ge="请输入<a href="http://code.js-code.com/tag/fenlei/" target="_blank" class="keywords">分类</a><a href="http://code.js-code.com/tag/mingcheng/" target="_blank" class="keywords">名称</a>." invalid<a href="http://code.js-code.com/tag/messa/" target="_blank" class="keywords">messa</a>ge="<a href="http://code.js-code.com/tag/fenlei/" target="_blank" class="keywords">分类</a><a href="http://code.js-code.com/tag/mingcheng/" target="_blank" class="keywords">名称</a>必须填写!" trim="true" style="width: 36em;"> </td> </tr> <tr> <td style="text-align: right;" mce_style="text-align: right;"> <label for="cUrl"> 管理地址： </label> </td> <td> <input id="cUrl" dojoType="dijit.for<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Validatio<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>" size="36" maxlength="136" style="width: 36em;"> </td> </tr> <tr> <td style="text-align: right;" mce_style="text-align: right;"> <label for="cDescription"> 目录说明： </label> </td> <td>  <input id="cDescription" dojoType="dijit.for<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Validatio<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>" size="36" maxlength="136" style="width: 36em;">

javascript :

js/My_Tree_Dynamic_Cool_menu.js

/<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">**</a> * dojo树到服务器交互-Cool--全部完成-表单改造完成开始改按钮为为右键<a href="http://code.js-code.com/tag/caidan/" target="_blank" class="keywords">菜单</a> 2010-02-10 d㊣Guang QQ:二一三零二七九六 * 二一三零二七九六@OO.com */ dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dojo.parser"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.layout<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>orderContainer"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.layout.ContentPane"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dojo.data.ItemFileReadStore"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dojo.data.ItemFileWriteStore"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.Tree"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.Editor"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.form<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>utton"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.Dialog"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.for<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Text<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.for<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Validatio<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit._tree.dnd<a href="http://code.js-code.com/tag/sourc/" target="_blank" class="keywords">sourc</a>e"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>ire("dijit.Menu"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // For use in <a href="http://code.js-code.com/tag/delet/" target="_blank" class="keywords">delet</a>e and R<a href="http://code.js-code.com/tag/ename/" target="_blank" class="keywords">ename</a> var last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted = null; /* 是<a href="http://code.js-code.com/tag/tianjia/" target="_blank" class="keywords">添加</a>还是<a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a> */ var state = ""; dojo.addOnLoad(function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // 解析dojo dojo.parser.parse(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> clearItem<a href="http://code.js-code.com/tag/input/" target="_blank" class="keywords">input()</a>; //wire up the <a href="http://code.js-code.com/tag/chec/" target="_blank" class="keywords">chec</a>kItemAcceptance handler... dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId("<a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree").<a href="http://code.js-code.com/tag/chec/" target="_blank" class="keywords">chec</a>kItemAcceptance = function(target,<a href="http://code.js-code.com/tag/sourc/" target="_blank" class="keywords">sourc</a><a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //convert the target (DOM nod<a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> to a tree node and //then get the item out of it var item = dijit.getEnclosingWidget(target).item; //do not allow dropping onto the top (fabricated) level and //do not allow dropping onto items,only categories return (ite<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>id <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">!=</a> "root" && ite<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>type == "category"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> }; }) /<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">**</a> * 清除表单为空 */ function clearItem<a href="http://code.js-code.com/tag/input/" target="_blank" class="keywords">input()</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cId').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cUrl').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cDescription').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } function addCategory() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // 检查节点是否选择 if (!last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted || !categoryJson.isItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted)) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // alert('<a href="http://code.js-code.com/tag/tianjia/" target="_blank" class="keywords">添加</a>节点!'+!last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted || !categoryJson.isItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted)<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> alert('请选择节点!'<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> return; } // 取上级节点 var pInfo = last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted ? <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> parent : last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted,attribute : "children" } : null; var parentId = last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.id; var c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e').getValue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // <a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a>的时候有用,此处没用var cId = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cId').getValue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> var cUrl = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cUrl').getValue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> var cDescription = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cDescription').getValue(""<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.xhrGet( <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> encoding : 'UTF-8',url : "editTree.action?id<a href="http://code.js-code.com/tag/0/" target="_blank" class="keywords">=0</a>&parentId=" + parentId + "<a href="http://code.js-code.com/tag/ampd/" target="_blank" class="keywords">&d</a>escription=" + cDescription + "&url=" + cUrl + "&<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e=" + c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e,handleAs : "json",handle : function(respons<a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // 只有成功后才插入tree node categoryJson.<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(categoryJson.newItem( <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> id : response.id,<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e : c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e,url : cUrl,description : cDescription,parentId : last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.id },pInfo),"<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e",new<a href="http://code.js-code.com/tag/Name/" target="_blank" class="keywords">Name)</a>; // alert(" RESPONSE：" + response.id + " --new Name " + c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a><a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a>; console.debug(" RESPONSE：" + response.id + " --new Name " + c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a><a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a>; } }<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> console.debug(" <a href="http://code.js-code.com/tag/tianjia/" target="_blank" class="keywords">添加</a>插入到：" + last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e + " ID:" + last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.id<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } function removeCategory() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> if (!last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted || !categoryJson.isItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted)) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> alert('请选择节点!'<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> return; } categoryJson.<a href="http://code.js-code.com/tag/delet/" target="_blank" class="keywords">delet</a>eItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // 提交到服务器 dojo.xhrPost( <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> url : "removeTreeNode.action",// <a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree参数名是随意起的 content : <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> <a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e : last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e,id : last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.id },timeout : 1000,load : function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> console.debug("<a href="http://code.js-code.com/tag/shanchu/" target="_blank" class="keywords">删除</a>成功!"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> },error : function(<a href="http://code.js-code.com/tag/resourc/" target="_blank" class="keywords">resourc</a><a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> alert('Uh oh. <a href="http://code.js-code.com/tag/shanchu/" target="_blank" class="keywords">删除</a>失败.' + <a href="http://code.js-code.com/tag/resourc/" target="_blank" class="keywords">resourc</a>e + <a href="http://code.js-code.com/tag/resourc/" target="_blank" class="keywords">resourc</a>e.error<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } }<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } /* 取表单值-到<a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a>,这里已经点击了树，所以当前last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted为需要<a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a>的当前节点 */ function do<a href="http://code.js-code.com/tag/update/" target="_blank" class="keywords">update()</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // 检查节点是否选择 if (!last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted || !categoryJson.isItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted)) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // alert('<a href="http://code.js-code.com/tag/tianjia/" target="_blank" class="keywords">添加</a>节点!'+!last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted || !categoryJson.isItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted)<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> alert('请选择节点!'<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> return; } dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a><a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a>; dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cId').attr("type","hidden"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cId').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.id<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cUrl').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.url<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cDescription').<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted.description<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } function <a href="http://code.js-code.com/tag/updat/" target="_blank" class="keywords">updat</a>eCategory() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> if (!last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted || !categoryJson.isItem(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted)) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> alert('请选择节点!'<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> return; } var c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a>e').getValue(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> var cId = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cId').getValue(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> var cUrl = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cUrl').getValue(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> var cDescription = dijit<a href="http://code.js-code.com/tag/b/" target="_blank" class="keywords">.b</a>yId('cDescription').getValue(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // 使用dijit对话框地更好 categoryJson.<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted,c<a href="http://code.js-code.com/tag/titl/" target="_blank" class="keywords">titl</a><a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a>; // categoryJson.<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted,"id",cId<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> categoryJson.<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted,"url",cUrl<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> categoryJson.<a href="http://code.js-code.com/tag/SETVAL/" target="_blank" class="keywords">SETVAL</a>ue(last<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>cted,"description",cDescription<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // 提交到服务器 dojo.xhrPost( <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> url : "editTree.action",// <a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree参数名是随意起的 content : <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> id : cId,url : cUrl },load : function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> console.debug("<a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a>成功!"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> },error : function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> alert('Uh oh. <a href="http://code.js-code.com/tag/xiugai/" target="_blank" class="keywords">修改</a>/'t 出错啦.'<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } }<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } saveAll = function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> // 把 JavaScript 转成 JSON. 类似 doj<a href="http://code.js-code.com/tag/oo/" target="_blank" class="keywords">o.o</a>b<a href="http://code.js-code.com/tag/je/" target="_blank" class="keywords">je</a>ctToJSON,但是<a href="http://code.js-code.com/tag/kao/" target="_blank" class="keywords">考</a>虑了dojo.data类型映射 var newFileContent<a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng = categoryJson._getNewFileContent<a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> dojo.xhrPost( <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> url : "data<a href="http://code.js-code.com/tag/sourc/" target="_blank" class="keywords">sourc</a>es/rma_<a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree.json",// <a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree参数名是随意起的 content : <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> <a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree : newFileContent<a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng },load : function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> console.debug("all <a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree saved"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> },error : function() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> alert('Uh oh. The <a href="http://code.js-code.com/tag/myT/" target="_blank" class="keywords">myT</a>ree weren/'t saved.'<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } }<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } // alert(dojo.version<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> // alert(dojo.version<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a>

我很陶醉，全部完成:

1:拖动

2:右键

3:表单改造

拖动提交到库其实很简单，无非就是改一下现在的父级ID，就不再做下去了，，，

要COOL就酷到底,马上开始写最新版本的dojo(1.4X) grid

写完了把部件整合到一起，来个综合应用;

下一篇：要COOL就酷到底

大佬总结

以上是大佬教程为你收集整理的为dojo普及做贡献-C--ajax操作是完成了，但把添加、修改等按钮改成右键，再把提交表单改酷点全部内容，希望文章能够帮你解决为dojo普及做贡献-C--ajax操作是完成了，但把添加、修改等按钮改成右键，再把提交表单改酷点所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：ajax c dojo 修改做右键完成按钮提交操作改改成普及添加点等表单贡献酷

上一篇: 要 COOL就酷到底- -dojo data gr... 下一篇:为dojo普及做贡献-B--增加服务器...

猜你在找的Dojo相关文章

Dojo学习笔记 2022-04-21
第一个dojo hello world 2019-10-11
dojo.addOnLoad 2019-10-11
dojo.byId and dijit.byId 2019-10-11
dojo验证函数 2019-10-11
dojo之ValidationTextbox 2019-10-11
用 Dojo 和 Ajax 创建可重用和可重新发布的组件 2019-10-11
dojo学习 2019-10-11
掌握 Dojo 工具包，第 1 部分: Dojo 入门简介 2019-10-11
Using the Dojo JavaScript Library to Build Ajax Applications一书翻译完毕 2019-10-11