【文件属性】:
文件名称:js定制模板
文件大小:1KB
文件格式:TXT
更新时间:2015-10-12 03:55:22
js定制模板
js里面可以定制模板对象,然后将模板对象显示到某个控件上。
如
页面上有控件
首先通过js定制模板
<!--搜索条件产品下拉框 模版 begin -->
[removed]
[removed]
<!--搜索条件产品下拉框 模版 end -->
然后可以请求后台将数据查询出来替换模板中的$变量
function iniInputProductSelect()
{
var url = "/iniPruductDataSource.action";
jsUtil.ajaxJSONUtil(url, "", function(data)
{
var productInfo="<option value='0'>--请选择产品--</option>";
// 模版对象
var product_tpl = $("#productInfo").html();
// select 下拉框
var $pd=$("#inputProductSelect");
$.each(data.productInfoList, function (i, n) {
productInfo += product_tpl.replace(/\$prodId/g, n.prodid).replace(/\$prodName/, n.prodname);
});
$pd.html(productInfo);
});
}
这样就可以了。