DHTML，Tabledo 使用案例和注意

案例

    <script type="text/javascr强调内容ipt" src="${ctx}/js/tabledo.js"></script>    <script language="JavaScript">    $(document).ready(function(){        ${mRecordData}        //发送ajax请求-------------返回json------------后面就去组织数据（调用函数） \\可以不用ajax，由页面响应一次性传值        //当进入更新页面时-----------直接获取服务器返回的串   [{"id":"1","productNo":""},{"id":"1","productNo":""},{"id":"1","productNo":""}]    });    /* 实现表格序号列自动调整 created by wyj 20081219 */    function sortnoTR(){        sortno('mRecordTable', 2, 1);    }    function addTRRecord(objId, id, productNo, cnumber, grossWeight, netWeight, sizeLength, sizeWidth, sizeHeight, exPrice, tax) {        var _tmpSelect = "";        var tableObj = document.getElementById(objId);        var rowLength = tableObj.rows.length;        oTR = tableObj.insertRow();        oTD = oTR.insertCell(0);        oTD.style.whiteSpace="nowrap";        oTD.ondragover = function(){this.className="drag_over" };   //动态加事件, 改变样式类        oTD.ondragleave = function(){this.className="drag_leave" };        oTD.onmousedown = function(){ clearTRstyle("result"); this.parentNode.style.background = '#0099cc';};           //this.style.background="#0099cc url(../images/arroww.gif) 4px 9px no-repeat";        oTD.innerHTML = "&nbsp;&nbsp;";         oTD = oTR.insertCell(1);        oTD.innerHTML = "<input class=\"input\" type=\"checkbox\" name=\"del\" value=\""+id+"\"><input type=\"hidden\" name=\"mr_id\" value=\""+id+"\"><input class=\"input\" type=\"hidden\" id=\"mr_changed\" value=\"0\" name=\"mr_changed\">";        oTD = oTR.insertCell(2);        oTD.innerHTML = "<input class=\"input\" type=\"text\" name=\"mr_orderNo\" readonly size=\"3\" value=\"\">";        oTD = oTR.insertCell(3);        oTD.innerHTML = "<b><font face='微软雅黑'><font color='blue'>"+productNo;+"</font></font></b> "        oTD = oTR.insertCell(4);        oTD.innerHTML = "<input type=\"text\" name=\"mr_cnumber\" maxLength=\"10\" value=\""+cnumber+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(5);        oTD.innerHTML = "<input type=\"text\" name=\"mr_grossWeight\" maxLength=\"10\" value=\""+grossWeight+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(6);        oTD.innerHTML = "<input type=\"text\" name=\"mr_netWeight\" maxLength=\"10\" value=\""+netWeight+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(7);        oTD.innerHTML = "<input type=\"text\" name=\"mr_sizeLength\" maxLength=\"10\" value=\""+sizeLength+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(8);        oTD.innerHTML = "<input type=\"text\" name=\"mr_sizeWidth\" maxLength=\"10\" value=\""+sizeWidth+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(9);        oTD.innerHTML = "<input type=\"text\" name=\"mr_sizeHeight\" maxLength=\"10\" value=\""+sizeHeight+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(10);        oTD.innerHTML = "<input type=\"text\" name=\"mr_exPrice\" maxLength=\"10\" value=\""+exPrice+"\" onchange=\"setUpdate(this);\" size=\"15\">";        oTD = oTR.insertCell(11);        oTD.innerHTML = "<input type=\"text\" name=\"mr_tax\" maxLength=\"10\" value=\""+tax+"\" onchange=\"setUpdate(this);\" size=\"15\">";        dragtableinit();    //拖动表格行        sortnoTR();         //排序号    }        function setUpdate(obj) {        var currTr = obj.parentNode.parentNode;        if(obj.value!=obj.defaultValue){    //当填写的框内容发生变化时,设置本行记录发生变化标识            //currTr.childNodes[1].childNodes[2].value = "1";//这个也可以用            currTr.getElementsByTagName("input")[2].value = "1";        }    }</script> 

---

浏览器兼容问题解决
Js修改

页面修改