juicer模板引擎使用
2024-08-26 13:56:13
http://www.juicer.name/ <script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/juicer.js"></script> 页面模板 <div class="refund-bottom" id="divRefundRecord"> </div> <script id="tpl" type="text/template">
{&each ObjectData as it,index}
<div class="lectuer-info">
<span class="photos"><img alt="" src="~/Content/images/pics/50x50.jpg"></span>
<div class="cont">
<span class="clearfix"><em class="fl-l">${it.UserId}</em><em class="fl-r">${it.CreateTime}</em></span>
<span>${it.Explain}</span>
<span class="leave-img"> </span>
</div>
</div>
{&/each}
</script> // 调用JS
$(function () {
GetList();
}); function GetList()
{
var refundId = ;
$.ajax({
url: '/Refund/GetRefundRecordList',
type: 'POST',
dataType: "json",
data: { refundId: refundId },
async: true,
success: function (result) {
$("#divRefundRecord").html(juicer($("#tpl").html(), result));
//result是一个JSON对象, result.ObjectData 是一个数据集合属性,提供遍历模板使用
}
});
} //后台代码
public ActionResult GetRefundRecordList(int refundId)
{
ResponseModel responseModel = new ResponseModel();
using (var db = new BusinessEntities())
{
var RefundList = db.RefundRecord.Where(e => e.RefundId == refundId).Select(e => new {
e.UserId,
e.Explain,
e.CreateTime
}).ToList();
responseModel.ObjectData = RefundList;
responseModel.IsSuccess = true;
return Content(JsonConvert.SerializeObject(responseModel));
}
}
最新文章
- hbase 1.1.7在centor6.5安装过程
- ASP.NET4.5Web API及非同步程序开发系列(3)
- 随机生成UUID(GUID)的方法
- laravel(三):larave基本使用
- [HTML]页面间传值的五种方法
- Android--ListView显示列表数据
- [SQL SERVER系列]存储过程,游标和触发器实例[原创]
- rpm命令数据库修复日志
- Android中View绘制优化之一---- 优化布局层次
- Linux内核和根文件系统引导加载程序
- DM8168 layout
- 组织Golang代码
- 43. leetcode 459. Repeated Substring Pattern
- 安装Django时报错&#39;module&#39; object has no attribute &#39;lru_cache&#39;
- Session 快速开始 通过session的attribute通信
- php 函数func_get_args()、func_get_arg()与func_num_args()之间的比较
- 外媒速递:系统管理员必须掌握的20条Linux命令
- MySQL 二进制文件恢复
- java中文显示乱码的解决方式
- 洛谷P1342请柬
热门文章
- JavaScript 判断一个字符串是否在另一个字符串中
- C++ multimap 的插入,遍历,删除
- spring Scurity终于测试OK了,复杂的功能还待深入研究!发布出来一起探讨吧!
- [Redux] Redux: Extracting Container Components -- AddTodo
- Swift纯代码走进UICollectionView
- Tomcat 原理篇
- dataset导出成excel
- 九个Console命令,让 JS 调试更简单
- (一)backbone - API入门
- HDU 5900 - QSC and Master [ DP ]