首页 > Web开发 > 详细

js编辑技术累积

时间:2016-01-29 20:12:27      阅读:268      评论: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 版权所有
打开技术之扣,分享程序人生!