jquery tmpl的使用
1、引用jquery.tmpl.min.js
<script type="text/javascript" src="/js/jquery/jquery.tmpl.min.js"></script>
从https://github.com/jquery/jquery-tmpl下载
2、写模板的内容
<script id="titleTemplate" type="text/x-jquery-tmpl">
<tr class='odd' id="tr{{= randomid}}">
<td align='center'></td>
<td>
<input type='hidden' name='id' value='{{= id}}'/>
<input type='text' name='shbhc' class="vesearchbox validate[required,maxSize[10]]" id='shbhc{{= randomid}}' οnclick="$.showShBox($(this),{valueField:'shbh{{= randomid}}'})" value='{{= shmc}}'/>
<input type='hidden' name='shbh' id="shbh{{= randomid}}" value='{{= shbh}}'/>
<font color="red">*</font>
</td>
<td>
<select name="cpbh" style="100px" class="searchselect validate[required,maxSize[30]]" id="select{{= randomid}}">
<option value="">=全部=</option>
<c:forEach items="${cplist}" var="cp">
<option value="${cp.cpbh}">${cp.cpmc }</option>
</c:forEach>
</select>
<font color="red">*</font>
</td>
<td><input name='jzgy' class='inputtext validate[required,maxSize[500]]' id='jzgy' size='20' value='{{= jzgy}}'/>
<font color="red">*</font>
</td>
<td align='center'>
<img src='/images/qk-del.gif' title='删除' style='cursor: pointer;' οnclick="del('{{= randomid}}');"/>
</td>
</tr>
</script>
3、点按钮触发
//修改 添加一行
function add(){
var randomid = new Date().getTime();//获取当前时间
// {"id":"","shbh":"","jzgy":"","cpbh":"","shmc":"","randomid":randomid} 代表转入的参数
//把模板名为titleTemplate,参数为 {"id":"","shbh":"","jzgy":"","cpbh":"","shmc":"","randomid":randomid} 的模板追加到tb2标签的后面。
$("#titleTemplate").tmpl( {"id":"","shbh":"","jzgy":"","cpbh":"","shmc":"","randomid":randomid} ).appendTo("#tb2");
}
jquery tmpl的使用相关推荐
- Jquery tmpl模板中if条件有多个时的写法
场景 jquery tmpl正常if-else用法 {{if barNumber==null}} 是 {{else}}否{{/if}} 但是如果 想表示当barNumber为空或者为0时显示为是,即想 ...
- jQuery.tmpl.js
1.这个插件挺好用的,可以用它来代替微软的gridview,前提是您用了asp.net mvc模式开发 下面是找到的一些英文资料,大家可以参考下 网址如下: http://api.jquery.com ...
- Jquery.tmpl
它是一个基于jquery的模板展示插件,有了它就可以去展示JSON数据渲染到HTML页中! 一.使用方法 引入Jquery 引入 tmpl <script src="../Script ...
- php 掌握jquery,完全掌握jquery tmpl模板
之前用模板渲染都是用angular,无意间发现了jquery tmpl这种轻量级,其文档在这里,本文主要为大家带来一篇jquery tmpl模板(实例讲解).小编觉得挺不错的,现在就分享给大家,也给大 ...
- html jquery 模板,用模版生成HTML的的框架jquery.tmpl使用详解
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在 ...
- jQuery .tmpl() 用法
参考效果: DEMO 下载: jquery-tmpl-master 动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回 ...
- jQuery .tmpl(), .template()学习
昨晚无意中发现一个有趣的jQuery插件.tmpl(),其文档在这里. 官方解释对该插件的说明:将匹配的第一个元素作为模板,render指定的数据,签名如下: .tmpl([data,][option ...
- 放弃用你的InnerHTML来输出HTML吧,jQuery Tmpl不详细讲解
在Ajax横道的今天,我们在页面交互上有了更高的要求,动态生成HTML毫无疑问是其中的一种.动态生成HTML的方式多种多样,其核心不外乎在前段(JS)或者后端(C#/PHP-)将数据组装成我们想要的模 ...
- jquery tmpl 详解
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在 ...
最新文章
- 系统SDK介绍-02
- WWDC的31个年头,来点不一样的!听说库克还忍不住要收割13岁以上程序员
- 神经网络模式识别matlab,基于matlab仿真的神经网络模式识别
- boost::mp11::mp_second相关用法的测试程序
- iOS之深入解析内存管理散列表SideTables和弱引用表weak_table的底层原理
- HarmonyOS之常用布局DirectionalLayout的使用
- 欧冠淘汰赛第二回合!我厂生死战!!
- 超详细 - SVN下载安装及使用教程
- 转:概述RAID磁盘的IOPS
- Win8 Metro(C#)数字图像处理--2.40二值图像轮廓提取算法
- 90后程序猿失业倒计时,还剩4年时间!!!
- java提高篇(四)-----抽象类与接口
- linux 批量ping ip脚本,Linux下批量ping某个网段ip的脚本
- C语言:从入门到进阶笔记(完整版)
- 动态矩阵控制(DMC)的简单理解及其示例
- c语言二进制十进制十六进制之间的转化(详解,含源代码)
- android代码 发警报音,为提醒设置自定义Android警报
- 远程主机强迫关闭一个现有连接-=-解决办法
- 苹果手机屏幕突然变暗_手机突然屏幕失灵
- Unity URP贴花系统的简单使用
热门文章
- Kettle:创建资源库
- Bzoj4556 [Tjoi2016Heoi2016]字符串
- POJ 1192 最优连通子集(树形DP)
- 问题十五:C++中抽象类,虚函数是什么鬼?怎么测试
- 数据挖掘二手车价格预测 Task05:模型融合
- 政务大数据需要避免三个误区
- 数据质量低该如何解决
- 手机号归属地区编码_Excel隐藏手机号中间4位的6种方法,你见过几种?
- java哈密尔顿回路算法,用回溯方法求哈密尔顿回路——java求解
- c语言不用switch做计算器,求助这个题目~不用switch语句用多重if 或者嵌套if的做法...