jstest.js

javascript实现的节点树,无限分级 还带有详细的使用说明,

function js_kkk()
{
  //_$('kkk').value = k1.nodeToData();
  _$('kkk').value = k1.treeToData();
  //_$('kkk').value = k1.treeToDataStr();
  var str = '7,15';
  alert("测试收缩或展开结点: "+str);
  //k1.shrinkTreeNodeByIds(str);
  k1.revsTreeNodeByIds(str);
}

function customTreeView(id)
{
  //alert("[user define method] nodeTextClick:"+id);
}

function nodeTextClick(vo)
{
  //alert("[user define method] nodeTextClick:"+vo); //ok ~
}

function nodeRowClick2(vo)
{
  //alert("[user define method] nodeRowClick:"+vo); //ok ~ 
}

function js_delete()
{
  k1.deleteNode(); //ok~ 
}

function js_k01()
{
  k1.setTreeData(datas);
  k1.show(); //ok~ 
}

function js_k02()
{
  if (!k1.vm.t) return;
  var els = k1.vm.t.getElementsByTagName("span");
  var len = els.length;
  for (var i=0; i<len; i++)
  {
    var chk = document.createElement("input");
    chk.style.cssText="height:100%;line-height:120%;";
    chk.setAttribute('type','checkbox');
    chk.setAttribute('id','chk'+k1.n);
    chk.setAttribute('name','chk'+k1.n);
    chk.setAttribute('value',pni(els[i].parentNode.id));
    //chk.onclick = function() { } //alert('my value is:'+this.name);
    if (',checkbox,text,'.indexOf(els[i].previousSibling.type+',')>0) els[i].parentNode.removeChild(els[i].previousSibling);
    els[i].parentNode.insertBefore(chk, els[i]);
  }
}


function js_k03()
{
  if (!k1.vm.t) return;
  var els = k1.vm.t.getElementsByTagName("span");
  var len = els.length;
  for (var i=0; i<len; i++)
  {
    var txt = document.createElement("input");
    txt.style.cssText="width:20px;background:#ccc;text-align:right;height:90%;line-height:120%;border:1px dotted red;font-size:11px;";
    txt.setAttribute('type','text'); 
    txt.setAttribute('id','txt'+pni(els[i].parentNode.id));
    txt.setAttribute('name','txt'+pni(els[i].parentNode.id));
    txt.setAttribute('value',pni(els[i].parentNode.id));
    if (',checkbox,text,'.indexOf(els[i].previousSibling.type+',')>0) els[i].parentNode.removeChild(els[i].previousSibling);
    els[i].parentNode.insertBefore(txt, els[i]);
  }
}

function js_k04()
{
  if (!k1.vm.t) return;
  var els = k1.vm.t.getElementsByTagName("span");
  var len = els.length;
  for (var i=0; i<len; i++)
  {
    if (els[i].nextSibling && ',object,'.indexOf(typeof(els[i].nextSibling)+',')>0) 
      els[i].parentNode.removeChild(els[i].nextSibling);
    var img = document.createElement("IMG");
    img.setAttribute('src', 'bg/loading.gif');
    els[i].parentNode.appendChild(img);
  }
}

function js_k05()
{
  if (!k1.vm.t) return;
  var els = k1.vm.t.getElementsByTagName("span");
  var len = els.length;
  for (var i=0; i<len; i++)
  {
    if (els[i].nextSibling && ',object,'.indexOf(typeof(els[i].nextSibling)+',')>0) 
      els[i].parentNode.removeChild(els[i].nextSibling);
  }
}

function js_edit()
{
  if (!k1.vm.n) { alert("请选择修改结点"); return; }
  var sel = k1.vm.n.getElementsByTagName("span");
  var temp = k1.vm.n.getElementsByTagName("span")[0].innerHTML || '';
  var name = prompt("请输入修改名称", temp, '请修改');
  k1.modifyNode([null,null,name]); //id,pid,name,lys,v4,v5...
}

function js_add1() {addNode(true);}
function js_add2() {addNode(false);}

//mark:[true:上级,false:下级]
function addNode(mark)
{
  if (!k1.vm.n) { alert('从哪里添加');　return; } 
  var name = prompt("请输入结点名称", '结点XXX', '请输入');
  if (_b(name)<1)
  {
     alert('结点为空,退出');
     return;
  }
  k1.appendNode([null,null,name], mark);
}