qlist.js.svn-base

Struts+Hibernate实现MVC

  var slfr, slto;
  function chgSel(typ, sfr, sto) {
    slfr = sfr;
    slto = sto;
    if(slfr && slto) {
      slto.length = 0;
      getJson("queryXml.do?med="+typ+"&id="+slfr.value, qselret);
    }
  }
  function qselret(ret) {
    if(slto && ret.length>0) {
      slto.length = 0;
      for(var i=0; i<ret.length; i++)
        slto.options.add(new Option(ret[i].name, ret[i].id));
    }
  }

  document.write("<div id='divqlist' style='display:none; position:absolute; background-color:#fffff8; border:1px solid; padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px'></div>");
  var toName, toId, qtyp;
  var wwtim = 0, qccsel = -1;
  var bpptt = false
  function queryList(typ, tname, tid) {
    if(bpptt) return;
    toName = tname;
    toId = tid;
    qtyp = typ;
    document.getElementById("divqlist").style.display = "none";
    if(wwtim) window.clearTimeout(wwtim);
    if(toName.value.length>0)
      wwtim = window.setTimeout(loadqd, 500);
  }
  function loadqd() {
    getJson("queryXml.do?med="+qtyp+"&name="+toName.value, qlistret);
    wwtim = 0;
  }
  function qlistret(ret) {
    if(ret.length>0) {
      var s = "<table id=tbqlist width=100%>";
      for(var i=0; i<ret.length; i++)
        s += "<tr onmouseover=\"qpsel("+i+");\" style=\"cursor:default\" onclick=\"qsel("+i+");\"><td>"+ret[i].name+"</td><td align=right style='display:none'>"+ret[i].id+"</td></tr>";
      s += "</table>";
      qccsel = -1;
      var divqlist = document.getElementById("divqlist");
      divqlist.innerHTML = s;
      divqlist.style.left = element_left(toName);
      divqlist.style.top = element_top(toName)+toName.offsetHeight;
      divqlist.style.width = toName.offsetWidth;
      divqlist.style.display = "";
    }
  }
  function qpsel(iid) {
    if(iid>=0 && qccsel!=iid) {
      var tbqlist = document.getElementById("tbqlist");
      if(tbqlist && iid<tbqlist.rows.length) {
        if(qccsel>=0 && qccsel<tbqlist.rows.length)
          tbqlist.rows[qccsel].bgColor = "#fffff8";
        qccsel = iid;
        tbqlist.rows[qccsel].bgColor = "#e0e0ff";
      }
    }
  }
  function qsel(iid) {
    var tbqlist = document.getElementById("tbqlist");
    if(tbqlist && iid<tbqlist.rows.length) {
      var row = tbqlist.rows[iid];
      toName.value = row.cells[0].innerHTML;
      if(toId) toId.value = row.cells[1].innerHTML;
    }
  }
  function element_top(el) {
    var et = 0;
    while (el)
    {
      et += el.offsetTop;
      el = el.offsetParent;
    }
    return et;
  }
  function element_left(el) {
    var et = 0;
    while (el) {
      et += el.offsetLeft;
      el = el.offsetParent;
    }
    return et;
  }

  function dmclick() {
    document.getElementById("divqlist").style.display = "none";
  }
  function dmkeyd(e) {
    var keyc;
    if(window.event)
      keyc = event.keyCode;
    else
      keyc = e.which;
    if((keyc>=37 && keyc<=40) || keyc==13) {
      var divqlist = document.getElementById("divqlist");
      var tbqlist = document.getElementById("tbqlist");
      if(divqlist.style.display!="none" && tbqlist && tbqlist.rows.length>0) {
        if(keyc==38 && qccsel>0 && qccsel<tbqlist.rows.length)
          qpsel(qccsel-1);
        else if(keyc==40 && qccsel>=-1 && qccsel<tbqlist.rows.length-1)
          qpsel(qccsel+1);
        else if(keyc==13 && qccsel>=0 && qccsel<tbqlist.rows.length) {
          qsel(qccsel);
          divqlist.style.display = "none";
        }
        bpptt = true;
        return false;
      }
    }
    bpptt = false;
  }
  document.onclick = dmclick;
  document.onkeydown = dmkeyd;

  if(typeof(Ext)=="undefined") document.write("<scr" + "ipt src='js/ext.js'></scri" + "pt>");
  function getJson(url, cb) {
    Ext.Ajax.request({
      url: url,
      method: 'GET',
      success: function ( result, request ) {
          //window.alert('Success: Data return from the server: '+ result.responseText);
          try {
            cb(Ext.util.JSON.decode(result.responseText));
          } catch (e) {}
        },
      failure: function ( result, request) {
          //window.alert('Failed:  ');
        }
    });
  }