首页 > Web开发 > 详细

js编辑技术累积

时间:2016-01-29 20:12:27      阅读:266      评论:0      收藏:0      [点我收藏+]

1.当输入框发生改变时的方法。

$("#member").on(input,function(){
                 ...
         } );

2.数据保留两位小数。

price=price.toFixed(2)

3.改变价格(多条同样的标签,例如下面例子:)

技术分享

实现方法:

//价格改变 
function changePrice(){
    //统计改变后的总价
     var price = 0;
     $("input[name$=‘.number‘]").each(function(){
        var realprice = parseFloat($(this).parent().next().children().first().val());
        if(isNaN(realprice)){
             price = price + 0;
         }else{
             price = price+parseInt($(this).val())*realprice;
         }
     });
     //订单总额
     price=price.toFixed(2);
     $("#price").val(price);
}

4.datagrid编辑框(numberbox)使用例子:

{field:realPrice,title:单价,sortable:true,width:80,
                    editor: {  
                            type: numberbox,  
                           options: {  
                                   max:100000,
                                   precision:2
                           }  
                    },  
                },

5.datagrid操作栏的显示

{field:opt,title:操作,width:50,align:center,
                    formatter:function(value,rec,index){  
                        var d = <a href="#" mce_href="#" onclick="delMainItem(\‘+ index +\‘)">删除</a> ;  
                        return d;  
                    }
                }

6.datagrid开始编辑和结束编辑:

//结束表格编辑
    function endEditing(){
        if (editIndex == undefined){return true}
        if ($(#itemList_selected).datagrid(validateRow, editIndex)){
            var ed_realPrice = $(#itemList_selected).datagrid(getEditor, {index:editIndex,field:realPrice});
            var ed_number = $(#itemList_selected).datagrid(getEditor, {index:editIndex,field:number});
            
            var realPrice = $(ed_realPrice.target).numberbox(getValue);
            var number = $(ed_number.target).numberbox(getValue);
            
            $(#itemList_selected).datagrid(getRows)[editIndex][realPrice] = realPrice;
            $(#itemList_selected).datagrid(getRows)[editIndex][realPrice] = number;
            $(#itemList_selected).datagrid(endEdit, editIndex);
            editIndex = undefined;
            changePrice();
            return true;
        } else {
            return false;
        }
    }    

7.清空datagrid数据

function clearAllItemByType(){
        var rows = $(#itemList).datagrid(getRows);
        $.each(rows, function (index, item){
            $(#itemList).datagrid(deleteRow, 0);
        });
     }

8.datagrid计算价格

 var rowsOfSelected = $(#itemList_selected).datagrid(getRows);
        var price = 0;
        $.each(rowsOfSelected, function (index, item){
            var realPrice = item.realPrice;
            var number = item.number;
            if(realPrice != undefined && number != undefined){
                if(IsNum(realPrice) && IsNum(number)){
                    if(realPrice>=0 && number>=0){//为正数 
                        price += realPrice * number;
                    }
                }
            }
        });

 

js编辑技术累积

原文:http://www.cnblogs.com/changeQian/p/5169683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!