Avalon.js 实现列表

<table border="0" cellpadding="0" cellspacing="0" class="tab1" >
                        <tr>
                            <td width="7%">&nbsp;</td>
                            <td width="19%">运输类型</td>
                            <td width="7%">包裹类型</td>
                             <td width="8%">计费重量</td>
                            <td width="12%" class="sort-box"><span class="sort-price" ms-click='changeTimeSort'>参考时效<font class="sort-img unsort"></font></span></td>
                            <td width="8%">燃油价</td>
                            <td width="10%">运输价</td>
                            <td width="10%" class="sort-box"><span class="sort-price" ms-click='changePriceSort'>总价<font class="sort-img unsort"></font></span></td>
                            <td class="cz-list" width="10%">操作</td>
                            <td width="10%">&nbsp;</td>
                        </tr>
                    </table>
                    //循环AirlLineList
                    <div class="myTable" ms-repeat="AirlLineList">
                        <table border="0" cellpadding="0" cellspacing="0" class="tab1"  ms-repeat-el="ek.Item" >
                            <tr>
                                <td width="7%">
                                    <img ms-src="{{el.logo}}" style=" 60px; height: 50px;" /></td>
                                <td width="20%"><span>{{el.TransportName}} ({{el.PackageTypeName}})&nbsp;&nbsp;
                                    <img src="images/wenhao.png" style=" 15px; height: 15px;" ms-if="el.ClientDesc!=null&&el.ClientDesc!=''" ms-mouseover="tipAir(this,el)" ms-mouseout="tipClose(this)" /></span><br />
                                     {{el.AirLineName}}</td>
                                <td width="7%">{{el.PackageTypeName}}</td>
                                <td width="8%" ms-if="el.Type!='2'"><span> {{el.weight|number(2,'.',',')}}</span>&nbsp;kg</td>
                                <td width="8%" ms-if="el.Type=='2'"><span> {{el.weight3}}</span>&nbsp;m³</td>
                                <td width="12%" ms-if="el.Duration!=null&&el.IsDraw=='0'">
                                    <span>{{el.Duration}}个工作日</span>
                                </td>
                                 <td width="12%" ms-if="el.Duration!=null&&el.IsDraw=='1'">
                                    <span>{{el.Duration}}个工作日提取</span>
                                </td>
                                <td width="8%" >￥<span> {{el.OilPrice|number(2,'.',',')}}</span></td>
                                <td width="10%">￥<span>{{el.Price2|number(2,'.',',')}}</span></td>
                                <td width="10%" class="money" >￥<span>{{el.Price|number(2,'.',',')}}</span><img src="images/tip_gth.png" style=" 20px; height: 20px;" ms-mouseover="tipPrice(this,el)" ms-mouseout="tipPriceClose(this)" /></td>
                                <td class="cz-list" width="10%" ms-click=" checkOrder(el.ZoneID,el.AirLineID,el,this)" align="right">
                                    <p class="xd-btn">下单</p>
                                </td>
                                <td class="pull-btn pull-btn1" width="10%"><span ms-if="$index==0&&ek.Count>1" ms-click="openList(this)">
                                    <label class="more">更多</label><img src="images/bottom.png" /></span></td>
                                <td style="display:none" id="calcWeight">{{el.weight|number(2,'.',',')}}</td>
                            </tr>
                            <tr ms-if="el.OtherDesc!=null">
                                <td></td>
                                <td colspan="6">{{el.OtherDesc}}</td>
                                <td colspan="3"></td>
                            </tr>
                        </table>
                    </div>

 
//声明定义avalon
var vm = avalon.define({
            $id: 'internationalLineList',
             AirlLineList: [],
        
        });

//查询方法
 function QueryAirLinePriceList() {
            debugger;
            _czc.push(["_trackEvent", "在线下单", "查询"]);  //czc记录点击事件

var country = $('#SendCountry').val();
            if (country == null || country == "" || country==0) {
                var countryID = $("#countryID").val();
                $('#SendCountry').val(countryID)
            }
            var weight = $("input[name='Quantity']").val();
            if (country == "" || country == 0 || weight == "" || weight == 0) {
                return false;    
            }

            vm.AirlLineList = [];
            var expressType = $("#ExpressType").val();
            $.ajax({
                url: "Handle/NewQueryOrderData.ashx?action=QueryAirlineOrderList",
                type: "post",
                data: $("#form1").serialize(),
                beforeSend: function () {
                    $("#loading").show();
                },
                dataType: "json",
                success: function (data) {
                    $("#loading").hide();
                    if (data.success) {
                        debugger;
                        vm.AirlLineList = data.data;

                        hideData();
                        $('.more').html("更多");
                        $('.more').next().attr("src", "images/bottom.png");
                    }
                    else
                    {
                        alert("未查到任何数据！");
                     }

                },
                error: function (data) {
                    $("#loading").hide();
                }
            });
        }