DHTML，Tabledo 使用案例和注意

最新推荐文章于 2022-07-20 21:19:38 发布

点滴Java

最新推荐文章于 2022-07-20 21:19:38 发布

阅读量858

点赞数 1

分类专栏： JAVA

本文链接：https://blog.csdn.net/m0_37596145/article/details/78311669

版权

JAVA 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

案例

    <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>