时间:2016-02-15 23:48 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【一步一步asp.net ajax类别Tree生成】，下面是详细的讲解！
一步一步asp.net ajax类别Tree生成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>产品类别管理</title>
</head>
<body>
<div class="mini-toolbar">
<h1>产品类别管理</h1>
<div class="mini-panel" title="产品类别管理" iconCls="icon-add" style="width:100%;height:500px;"
showToolbar="true" showCollapseButton="true" showFooter="true"
>
<!--toolbar-->
<div property="toolbar">
</div>
<!--footer-->
<div property="footer">
</div>
<!--body-->
<ul id="tree1" class="mini-tree" url="Data/GetProductInfo.ashx?method=GetProductType" style="width:100%;height:100%;padding:5px;"
showTreeIcon="true" textField="text" idField="id" contextMenu="#treeMenu"
>
</ul>
<ul id="treeMenu" class="mini-menu" style="display:none;" onbeforeopen="onBeforeOpen">
<!-- <li name="move" iconCls="icon-move" onclick="onMoveNode">移动节点</li>-->
<li class="separator"></li>
<li name="addNode" onclick="onAddNode" iconCls="icon-add">插入节点</li>
<li name="edit" iconCls="icon-edit" onclick="onEditNode">编辑节点</li>
<li name="remove" iconCls="icon-remove" onclick="onRemoveNode">删除节点</li>
<li name="cancel" iconCls="icon-cancel" onclick="onCancel">取消</li>
<li class="separator"></li>
</ul>
</div>
<br /><br />
</div>
<script type="text/javascript">
mini.parse();
var AddTpye="add";
function onCancel(e){
var tree=mini.get("tree1");
var node=tree.getSelectedNode();
tree.isExpandedNode (node);
}
function onAddBefore(e) {
AddType="before";
AddItem(e);
}
function onAddAfter(e)
{
AddType="after";
AddItem(e);
}
function AddItem(e) {
var tree=mini.get("tree1");
var node=tree.getSelectedNode();
var newNode={id:0,text:"空",pid:node.id};
mini.prompt("请输入类别内容：", "请输入",
function (action, value) {
if (action=="ok"){
$.ajax({
url:"Data/GetProductInfo.ashx",
type:"post",
data:"method=AddProductType&text="+value+"&pid="+node.id+"&IsLeaf="+tree.isLeaf(node),
success:function(msg){
if(msg){
alert("添加成功!");
TreeLoad();
// newNode.text=value;
// if(node!=null){
//
// tree.addNode(newNode, AddType, node);
// }
}
else
alert("添加失败!");
}
});
}
else {
newNode.text="空";
}
});
}
//刷新树
function TreeLoad(){
$.ajax({
url:"Data/GetProductInfo.ashx?method=GetProductType",
type:"json",
success:function(json){
var tree=mini.get("tree1");
// alert(json);
var data=eval("("+json+")");
tree.loadData(data);
}
});
}
function onAddNode(e) {
AddType="add";
AddItem(e);
}
function onEditNode(e) {
var tree=mini.get("tree1");
var node=tree.getSelectedNode();
mini.prompt("请输入类别内容：", "请输入",
function (action, value) {
if (action=="ok") {
$.ajax({
url:"Data/GetProductInfo.ashx",
type:"post",
data:"method=SaveProductType&id="+node.id+"&text="+value+"&pid="+node.pid+"&IsLeaf="+tree.isLeaf(node),
success:function(msg){
if(msg){
alert("保存成功!");
tree.setNodeText(node,value);
//TreeLoad();
}
else
alert("保存失败!");
}
});
}
});
}
function onRemoveNode(e) {
var tree=mini.get("tree1");
var node=tree.getSelectedNode();
if (node) {
if (confirm("确定删除选中节点?")) {
//这里提交到服务器
$.ajax({
url:"Data/GetProductInfo.ashx",
type:"post",
data:"method=RemoveProductType&id="+node.id,
success:function(msg){
if(msg){
tree.removeNode(node);
alert("删除成功!");
}
else{
alert("删除失败!");
}
}
});
}
}
}
function onBeforeOpen(e) {
var menu=e.sender;
var tree=mini.get("tree1");
var node=tree.getSelectedNode();
// if (node && node.id=="-1") { //如果根节点(总根目录,那么阻止菜单显示)
// e.cancel=true;
// //阻止浏览器默认右键菜单
// e.htmlEvent.preventDefault();
// return;
// }
////////////////////////////////
var editItem=mini.getbyName("edit", menu);
var removeItem=mini.getbyName("remove", menu);
var addNodeItem=mini.getbyName("addNode",menu);
//var moveItem=mini.getbyName("move",menu);
editItem.show();
removeItem.show();
addNodeItem.show();
if (node.id=="-1") {//总根目录
removeItem.hide();
// moveItem.hide();
}
}
</script>
</body>
</html>
关于一步一步asp.net ajax类别Tree生成的用户互动如下：
相关问题：ASP程序设计是开发什么的 ？ 学了有什么用 ？？ 和...
答：4. ASP（Active Server Pages）, ASP.NET 两个分别是 动态网页开发语言，动态网页开发语言和结构 (1) 关于ASP的淘汰 ASP, Active Server Pages已经过时了, 但因为其出现的早，96年就有了，所以现在有些中小网站还用（但，使用最多最广的是PHP，... >>详细
相关问题：PHP，JSP，ASP是什么？干什么用的？之间有什么关系...
答：PHP，Hypertext Preprocessor，最初在95年问世（那时以前叫Personal Home Page）。PHP最初是制作动态网页的服务器端脚本语言，但现在PHP已经可以作为command line运行有GUI的standalone的程序。现在是PHP Group在开发和管理PHP的规则，功能等。... >>详细
相关问题：ASP.NET中，点TREE的节点,无刷新
答：有点难度呀。你要传数据，有不能不刷新treeview，那么只能用框架了。 把treeview放在一个div里面，把一个框架iframe放在另一个div里面 让treeview的链接目标设置为iframe，这样这个iframe会刷新，但是其他地方不刷新。 treeview有个Target属性，... >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 【asp】asp.net开发中常见公共捕获异常方式总结(
- 【Visual】分享Visual Studio原生开发的10个调试
- 【全局】.net全局定时定期执行某些操作在Global.a
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-