TreeView（扩充XMLSelTree）（二）

来源：互联网发布：mac截图怎么截编辑：程序博客网时间：2024/06/05 03:09

TreeView（扩充XMLSelTree）

VisualSW

基于XML、JavaScript的TreeView。

}

else

{

ReadNode(Element.childNodes[i],s_Text,s_Value,OP);

}

else

{

//alert(Element.getAttribute("Title") + Element.getAttribute("CheckData") + Element.getAttribute("Checked"));

if((Element.getAttribute("Title")==s_Text) && (Element.getAttribute("CheckData")==s_Value))

{

switch(OP)

{

case "ADD":

var NewNode = oXMLDom.createNode(1, "TreeNode", "");

NewNode.setAttribute("Title",ipt_Title.value);

NewNode.setAttribute("CheckData","000");

NewNode.setAttribute("CHK","true");

Element.appendChild(NewNode);

break;

case "MODIFY":

Element.setAttribute("Title",ipt_Title.value);

Element.setAttribute("Caption",ipt_Caption.value);

break;

case "DELETE":

Element.parentNode.removeChild(Element);

break;

default:

break;

}

======================================================================

JavaScript鼠标右键菜单

作者：申旺

日期：2004/05/13

注意：

======================================================================

var Style;

Style="<style>" +

".skin0" +

"{" +

" position:absolute;" +

" text-align:left;" +

" width:80px;" +

" border-top-style: #000000 2px solid;" +

" border-right-style: #000000 2px solid;" +

" border-left-style: #000000 2px solid;" +

" border-bottom-style: #000000 2px solid;" +

" background-color:menu;" +

" font-family:Verdana;" +

" line-height:20px;" +

" cursor:default;" +

" visibility:hidden;" +

"}" +

".skin1" +

"{" +

" cursor:default;" +

" font:menutext;" +

" position:absolute;" +

" text-align:left;" +

" font-family: Arial, Helvetica, sans-serif;" +

" font-size: 10pt;" +

" width:120px;" +

" background-color:menu;" +

" border:1 solid buttonface;" +

" visibility:hidden;" +

" border:2 outset buttonhighlight;" +

"}" +

".menuitems" +

"{" +

" font-size: 9pt;" +

" font-family: "宋体",Arial;" +

" padding-left:15px;" +

" padding-right:10px;" +

"}" +

"-->" +

"</style>";

var OutDiv;

OutDiv="<div id="ie5menu" class="skin1" onMouseover="highlightie5()" onMouseout="lowlightie5()">" +

"<div class="menuitems" onclick="domenu('close')">返回</div>" +

"<hr>"+

"<div class="menuitems" onclick="domenu('modify')">修改</div>"+

"<hr>"+

"<div class="menuitems" onclick="domenu('add')">增加</div>"+

"<hr>"+

"<div class="menuitems" onclick="domenu('delete')">删除</div>"+

"</div>";

var AddORModify;

AddORModify="<div id="addormodify" class="skin0">" +

"Title:<input id=ipt_Title type=textbox value="">" + "<br>" +

"Caption:<input id=ipt_Caption type=textbox value="">" + "<br>" +

"<input id=btn_Cancel type=button value='取消' onclick="JavaScript:HideAddOrModify();">" +

"<input id=btn_Submit type=button value='确定' onclick="JavaScript:Submit();">" +

"<input type=hidden id=hid_Text value=''><input type=hidden id=hid_Value value=''>" +

"</div>";

var Select_Text;

var Select_Value;

function Init()

{

//write AddOrModify

document.write(AddORModify);

//write style

document.write(Style);

//write menu

document.write(OutDiv);

if(document.all&& window.print)

{

//ie5menu.className= menuskin;

document.oncontextmenu= DoNothing;

document.body.onclick= HideMenuIE5;

}

function DoNothing()

{

return false;

}

//初始化右键菜单

Init();

function ShowMenuIE5(p_Text,p_Value)

{

Select_Text=p_Text;

Select_Value=p_Value;

var rightedge= document.body.clientWidth-event.clientX;

var bottomedge= document.body.clientHeight-event.clientY;

if(rightedge< ie5menu.offsetWidth)

ie5menu.style.left= document.body.scrollLeft+ event.clientX -

ie5menu.offsetWidth;

else

ie5menu.style.left= document.body.scrollLeft+ event.clientX;

if(bottomedge< ie5menu.offsetHeight)

ie5menu.style.top= document.body.scrollTop+ event.clientY -

ie5menu.offsetHeight;

else

ie5menu.style.top= document.body.scrollTop+ event.clientY;

ie5menu.style.visibility="visible";

addormodify.style.visibility="hidden";

return false;

}

function HideMenuIE5()

{

Select_Text="";

Select_Value="";

ie5menu.style.visibility="hidden";

//addormodify.style.visibility="hidden";

}

function highlightie5()

{

if(event.srcElement.className=="menuitems")

{

event.srcElement.style.backgroundColor="highlight";

event.srcElement.style.color="white";

}

function lowlightie5()

{

if(event.srcElement.className=="menuitems")

{

event.srcElement.style.backgroundColor="";

event.srcElement.style.color="black";

window.status="";

}

function domenu(src)

{

switch(src)

{

case "return":

HideMenuIE5();

break;

case "delete":

if(confirm("确认删除？"))

{

DeleteNode(Select_Text,Select_Value);

}

break;

case "add":

ShowAddOrModify("add");

break;

case "modify":

ShowAddOrModify("modify");

default:

break;

}

function Submit()

{

if(btn_Submit.value=="修改")

{

ModifyNode(hid_Text.value,hid_Value.value);

HideAddOrModify();

}

else

{

AddNode(hid_Text.value,hid_Value.value);

HideAddOrModify();

}

function HideAddOrModify()

{

Select_Text=="";

Select_Value=="";

addormodify.style.visibility="hidden";

ipt_Title.value="";

ipt_Caption.value="";

}

function ShowAddOrModify(src)

{

var rightedge= document.body.clientWidth-event.clientX;

var bottomedge= document.body.clientHeight-event.clientY;

if(rightedge< addormodify.offsetWidth)

addormodify.style.left= document.body.scrollLeft+ event.clientX -

addormodify.offsetWidth;

else

addormodify.style.left= document.body.scrollLeft+ event.clientX;

if(bottomedge< addormodify.offsetHeight)

addormodify.style.top= document.body.scrollTop+ event.clientY -

addormodify.offsetHeight;

else

addormodify.style.top= document.body.scrollTop+ event.clientY;

addormodify.style.visibility="visible";

if(src=="modify")

{

ipt_Title.value=Select_Text;

ipt_Caption.value=Select_Text;

hid_Text.value=Select_Text;

hid_Value.value=Select_Value;

btn_Submit.value="修改";

}

else

{

ipt_Title.value="";

ipt_Caption.value="";

hid_Text.value=Select_Text;

hid_Value.value=Select_Value;

btn_Submit.value="新增";

}

代码不是很规范，给大家参考。