動態表格和wipe插件

(function($){
    $.fn.extend({
            /*
                獲得、失去焦點,調用時覆蓋 defaultValue即可,
                $("#wipeText").wipe({defaultValue:"insert here"});
            */
            wipe : function(opts){
                var defaults = {
                    defaultValue:"按商品編號,商品名稱,規格型號等查詢"
                };
                var options = $.extend(defaults, opts || {});
                $(this).bind("focus",function(){
                        var txt_value=$(this).val();   // 得到當前文本框的值
                        if(txt_value==options.defaultValue){  
                        $(this).val("");              // 如果符合條件,則清空文本框內容
                    }
                }).bind("blur",function(){
                            var txt_value=$(this).val();
                            if($.trim(txt_value)==""){
                                    $(this).val(options.defaultValue);
                                }
                        });
            },
            /**
             * 動態增刪
             * @param {Object} $
             */
            dynamicTable:function(opts){
                    var defaults = {
                        //a標籤的id
                        addHref:"addTableTr",
                        //table的id
                        tableId:"warehouseTables",
                        //計算
                        calculate:function(arg1,arg2)
                               {
                            
                            var m=0,s1=arg1.toString(),s2=arg2.toString();
                            try{m+=s1.split(".")[1].length}catch(e){}
                            try{m+=s2.split(".")[1].length}catch(e){}
                            return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
                            },
                        //非空數字和倉庫id
                        turingNumber:function(num){
                            if(num===""||num===null){
                                showDialog("alert","請填寫數據!","信息",300);
                            }
                            if(isNaN(num)||num<0){
                                  showDialog("alert","請輸入正數!","信息",300);
                                 $(this).children().val(0);
                                 return;
                             }
                        },
                
                        checkNullAndExist:function(tr){
                            //只有一行記錄,只驗證數據非空
                            if($("#"+options.tableId).find("tr").size()===2){
                                    if(tr.find("td").eq(0).children().val()==""){
                                    showDialog("alert","請選擇倉庫!","信息",300);
                                    return false;
                                    }
                                    
                                    if(tr.find("td").eq(1).children().val()==""){
                                        showDialog("alert","請輸入數量!","信息",300);
                                        return false;
                                    }
                                    if(tr.find("td").eq(2).children().val()==""){
                                        showDialog("alert","請輸入單價!","信息",300);
                                        return false;
                                    }else{
                                        return true;
                                    }
                            }
                            //2條記錄以上,存放除了第一行的tr
                             var $obj=$("#"+options.tableId).children().find("tr:gt(0)");
                            
                             //回頭修改一行,判斷索引是否一樣
                             if(tr.index()==$obj.index()){
                                             if(tr.find("td").eq(0).children().val()==""){
                                            showDialog("alert","請選擇倉庫!","信息",300);
                                            return false;
                                            }
                                            
                                            if(tr.find("td").eq(1).children().val()==""){
                                                showDialog("alert","請輸入數量!","信息",300);
                                                return false;
                                            }
                                            if(tr.find("td").eq(2).children().val()==""){
                                                showDialog("alert","請輸入單價!","信息",300);
                                                return false;
                                            }
                                 return false;
                             }
                                 //循環比較倉庫id
                                var eachflag=true;
                                 for (var i=0; i<$obj.size(); i++) {
                                //alert(i+$($obj[i]));
                                 $.each($($obj[i]),function(n,value) {
                                        //alert(n+' '+$(value).children().children().eq(0).val()+' '+tr.index());
                                        //比較不同的索引,
                                        if (tr.index()!= $($obj[i]).index()) {
                                            if (tr.children().children().eq(0).val() === $($obj[i]).children().children().eq(0).val()) {
                                                showDialog("alert", "不能添加相同的倉庫!", "信息", 300);
                                                eachflag = false;
                                                return false;
                                            }
                                        }
                                       }
                                );
                                };
                                
                                if(!eachflag){
                                  return false;   //結束function
                              }
                                 
                                       if(tr.find("td").eq(0).children().val()==""){
                                            showDialog("alert","請選擇倉庫!","信息",300);
                                            return false;
                                            }
                                            
                                            if(tr.find("td").eq(1).children().val()==""){
                                                showDialog("alert","請輸入數量!","信息",300);
                                                return false;
                                            }
                                            if(tr.find("td").eq(2).children().val()==""){
                                                showDialog("alert","請輸入單價!","信息",300);
                                                return false;
                                            }else{
                                                return true;
                                            }    
                                
                        }

                    };
                    var options = $.extend(defaults, opts || {});
                    //第二行
                    var $firstTr=$(this).find("tr:eq(1)");
                    //添加行
                    $("#"+options.addHref).bind("click",function(){
                            //添加之前處理程序,判斷最後一行的數據
                             var $lastTr=$("#"+options.tableId).children().children().eq(-1);
                            //添加新行驗證本行數據
                                    if(!options.checkNullAndExist($lastTr)){
                                        return;
                                    }
                                    
                            //複製行包括事件處理
                            var $tr = $firstTr.clone(true);
                            $tr.find("td:gt(0):not(:last)").children().val("");
                            //插入倒數第一行
                            $tr.insertAfter($("#"+options.tableId).find("tr:last"));
                            //新建行的下標
                            var index=$("#"+options.tableId).find("tr").size()-2;
                            for (var i=0; i<4; i++) {
                                    switch(i)
                                        {
                                        case 0:
                                          x="wareHouse.id";
                                          break;
                                        case 1:
                                           x="initQty";
                                          break;
                                        case 2:
                                           x="cost";
                                          break;
                                        case 3:
                                           x="totalPrice";
                                          break;
                                        }
                                    $("#"+options.tableId).find("tr:last").children().eq(i).children().attr("name","productInitItems["+index+"]."+x);     
                                };
                        

                    });
                    //遍歷tr
                    $("#"+options.tableId).children().find("tr:gt(0)").each(function(){
                            //三個td
                                $(this).find("td:gt(0):not(:last)").live("blur",function(){
                                    //td的值
                                    var ival=$(this).children().val();  
                                    //turingNumber方法被每一個td調用
                                    options.turingNumber.call(this,ival);
                                    $(this).parent().children().eq(0).children().val();
                                    
                                    //options.checkNullAndExist($(this).parent());
                                     var multiplier1=$(this).parent().children().eq(1).children().val();
                                     var multiplier2=$(this).parent().children().eq(2).children().val();
                                      var reslut=options.calculate($.trim(multiplier1),$.trim(multiplier2));
                                    //第四個td插入結果
                                    $(this).parent().children().eq(3).children().val(reslut);    
                            
                                    //計算總價
                                });
                            });

                            
                    //刪除行
                    $("#"+options.tableId).find("a").each(function(){
                        if($(this).attr("title")=="刪除"){
                            $(this).unbind("click");
                            $(this).bind("click",function(){
                                if($(this).parent().parent().index()==1){
                                    return;//不給刪除第一行- -
                                }
                                if($("#"+options.tableId).children().children().size()===2){
                                     showDialog("alert","請輸保留一行!","信息",300);
                                     return;
                                }
                                //前一行
                                var $preTr=$(this).parent().parent().prev();
                                $(this).parent().parent().remove();
                                var changeTrNum=$preTr.nextAll();
                                for (var j=1; j<changeTrNum.size()+1; j++) {
                                    
                                    var offsetIndex=$preTr.index();
                                    var temp=offsetIndex+j;
                                    //alert(i);
                                        for (var i=0; i<4; i++) {
                                        switch(i)
                                            {
                                            case 0:
                                              x="wareHouse.id";
                                              break;
                                            case 1:
                                               x="initQty";
                                              break;
                                            case 2:
                                               x="cost";
                                              break;
                                            case 3:
                                               x="totalPrice";
                                              break;
                                            }
                                        $("#"+options.tableId).find("tr").eq(temp).children().eq(i).children().attr("name","productInitItems["+(temp-1)+"]."+x);
                                    };
                                  };
                                
                            });
                        }
                    });        
            return{
                    checkNullAndExist:function(tr){}
                }            
            }
            
    });
})(jQuery);

    $("#getHover").wipe({defaultValue:"請輸入單據號或備註"});  target爲input id


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章