<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="width: 60px; height: 50px;" /></td>
<td width="20%"><span>{{el.TransportName}} ({{el.PackageTypeName}})&nbsp;&nbsp;
<img src="data:images/wenhao.png" style="width: 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="data:images/tip_gth.png" style="width: 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="data: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();
}
});
}

Avalon.js 实现列表的更多相关文章

  1. avalon.js 1.4.6简单列表数据绑定ms-repeat ms-click

    1.列表数据绑定 <html> <head> <meta charset="UTF-8"> <meta name="viewpo ...

  2. MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

    注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是 ...

  3. avalon.js路由

    之前自己写了一个AJAX加载页面的方法:有时候一个页面里面会分区域加载不同的东西(div,html),但是IE的回退按钮,就失去任何意义了: 这两天研究了一下avalon.js的路由: 需要准备: 1 ...

  4. avalon.js 多级下拉框实现

    学习avalon.js的时候,有一个多级下拉框的例子,地址 戳这里 代码实现了联动, 但是逻辑上面理解有点难度,获取选择的值 和 页面初始化 功能存在问题. 在写地图编辑的时候,也用到了多级下拉框,特 ...

  5. avalon.js实践 svg地图配置工具

    MVVM模式,在很多复杂交互逻辑下面,有很大的优势.现在相关的框架也很多,现在项目中使用了avalon.js,选择它的原因,是兼容性的考虑,当然也要支持下国内开发大牛,至于性能方面的,没有实际测试过, ...

  6. avalon.js实现一个简易日历

    使用MVVM框架avalon.js实现一个简易日历   最近在做公司内部的运营管理系统,因为与日历密切相关,同时无需触发条件直接显示在页面上,所以针对这样的功能场景,我就用avalon快速实现了一个简 ...

  7. 一款轻量级前端框架Avalon.Js

    avalon2是一款基于虚拟DOM与属性劫持的 迷你. 易用. 高性能 的 前端MVVM框架, 拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开 ...

  8. 15个Node.js项目列表

    前言: Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascri ...

  9. avalon.js的循环操作在表格中的应用

    avalon.js的循环操作在表格中的应用 一个JAVA开发,因为做的门户系统中,数据的展示加载的速度很影响使用效果,想到的是尽量少的请求后台,然后接触到了avalon,看介绍这是一个很轻很轻的MVV ...

随机推荐

  1. Spark RDD概念学习系列之Pair RDD的action操作

    不多说,直接上干货! Pair RDD的action操作 所有基础RDD 支持的行动操作也都在pair RDD 上可用

  2. 流式计算新贵Kafka Stream设计详解--转

    原文地址:https://mp.weixin.qq.com/s?__biz=MzA5NzkxMzg1Nw==&mid=2653162822&idx=1&sn=8c4611436 ...

  3. HD-ACM算法专攻系列(21)——Wooden Sticks

    题目描述: AC源码: 此题考查贪心算法,解题思路:首先使用快速排序,以w或l按升序排序(注意相等时,应按另一值升序排序),这样就将二维变量比较,变为了一维的,排好序的一边就不需要去管了,只需要对未排 ...

  4. P3图片导致iOS9.3以下崩溃问题

    如果你刚刚升级了Xcode8,而你的项目的Deployment Target是iOS 9.3以下,运行iOS8的时候过了几十秒后crash到main函数,出现EXC_BAD_ACCESS,或者崩溃到i ...

  5. SQLAlchemy tutorial

    SQLAlchemy tutorial 重要概念 ORM:数据库对象 <--> class --> 类实例instance 定义数据库连接 session:数据库事务通过sessio ...

  6. Springboot use tomcat JNDI

    Springboot use tomcat JNDI [use database pool :  dbcp Druid bonecp C3P0 proxool] [1]apache-tomcat-9. ...

  7. vue-cli webpack配置中 如何启动less-loader sass-loader

    在vue-cli中构建的项目是可以使用less的,但是查看package.json可以发现,并没有less相关的插件,所以我们需要自行安装. //第一步:安装 npm install less les ...

  8. XMind双十一会放什么大招?

    XMind一直是一款备受欢迎的思维导图软件,同时也是一款开源思维导图软件,以强大的免费功能为支持,向用户提供极致的使用体验.XMind现在分别有XMind免费版(XMind Free),XMind专业 ...

  9. NTP同步底层实现

    RFC http://www.ietf.org/rfc/rfc5905.txt https://www.eecis.udel.edu/~mills/ntp/html/select.html https ...

  10. 使用 Jersey 和 Apache Tomcat 构建 RESTful Web 服务

    作者: Yi Ming Huang, 软件工程师, IBM Dong Fei Wu, 软件工程师, IBM Qing Guo, 软件工程师, IBM 出处: http://www.ibm.com/de ...