Java实现动态加载页面_[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新)...
[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新)
0 2014-05-07 18:00:06
使用该控件,可以根据url,参数,加载html记录模板(包含json参数对应,以及具体记录位置Index根据参数描述加载对应的属性,并可以根据简单的判断分支加载对应html或者控件)至列表容器内(JQuery选择器字符串)
注: 该控件在使用前需引入JQuery框架支持,使用该控件,可极大的减少Ajax列表数据动态加载开发工作的实际工作量。
使用方式:
首先,添加控件引用,并加入Jquery支持
其次,加入需要绑定数据的模版(有两种方式添加该模版),可在同一页面中绑定多个模板。添加模板调用方法 html_tmplt.addCtnr(arguments);arguments详解:slt, length, temp, url, data, first, end, callbackslt:JQuery selector
length:显示数量(暂未正式使用)
temp:模版内容
url:请求url地址(该控件会针对此url对数据进行前台缓存)
data:请求参数
first:在数据迭代前插入的第一项内容
end:在数据迭代后插入的最后一项内容
callback:绑定完成后执行的回调方法在调用添加绑定的方法内部,直接加入字符串格式的模版内容;("#dgReckoningInfo1 tbody", 5,'
{key3}{key1[1:试一下样式{key1};2:efg]}{GII_Head}', 'handler.ashx', { r: Math.random(), type: "serviceList" });
将模版内容放置在一个容器内部,通过dom得到该容器内的模板。
html_tmplt.addCtnr(".pcomment", 10,$("#tmlCommentItm").html(), "getCommentByRelationId.do", { relationId: "1", pageIndex: pageIndex, pageSize: pageSize });
执行绑定数据调用dynamicLoad.init({options});
模板绑定表达式说明://temp 内置参数说明: // {parmName}为仅根据json内的key替换对应的value 如:{key3}; // {parmName[value1:output1;value2:output2;value3:output3...]} 如:{key1[1:;2:已下载]}; // {[attrName][count1_AttrValue;count2_AttrValue...]} 如:{[style][color:red;color:blue;color;]};
并可以根据实际情况,添加绑定数据完成后的事件操作,绑定表达式不需区分大小写。
控件下载地址以及详细使用方法:https://dljdtc.codeplex.com/
最新版现在已经支持对日期格式化、为每个模板添加回调函数等操作。我会尽快更新最新版,供大家使用。
本文网址:http://www.shaoqun.com/a/90597.html
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:admin@shaoqun.com。
JavaScript
0
Java实现动态加载页面_[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新)...相关推荐
- 【Java速成教学】桌球游戏项目_教你用最短的时间开发桌球小游戏_Java初学者项目
Java小游戏项目回归!今天给大家带来的是桌球游戏~ 本课程面向刚入门或者有一定Java基础的人群,帮助学员理解面向对象编程,并将基础知识进行实际应用,最终目标为开发出一个功能强大的桌球游戏.[Jav ...
- unity 加载关卡_Unity5.0_Application.isLoadingLevel 正在加载关卡_软件教程_资源库
摘要:Unity5.0_Application.isLoadingLevel 正在加载关卡_软件教程_资源库 Application.isLoadingLevel 正在加载关卡? static var ...
- 整理全网Shell脚本合集,Java脚本,运维脚本,告警脚本,监控脚本,日志脚本,docker脚本等---------持续更新!
整理全网Shell脚本合集,Java脚本,运维脚本,告警脚本,监控脚本,日志脚本,docker脚本等---------持续更新! 一.ffmpeg脚本 1.1 打开进程,并判断进程数量 1.2 关闭进 ...
- python编写数据库连接工具_详解使用Python写一个向数据库填充数据的小工具(推荐)...
一. 背景 公司又要做一个新项目,是一个合作型项目,我们公司出web展示服务,合作伙伴线下提供展示数据. 而且本次项目是数据统计展示为主要功能,并没有研发对应的数据接入接口,所有展示数据源均来自数据库 ...
- jquery 当页面图片加载之后_图片的懒加载和预加载
一.懒加载 [1.1]什么是懒加载? 懒加载也就是延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式.当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1 ...
- vue按需加载组件_微人事首页加载速度提高了 5 倍,我都做了什么?
「本文之前发过,但是比较零散,这里我把用到的方案都汇总一下,方便大家索引,有需要的小伙伴可以收藏下方便查找.里边提到的几种方案,大家都可以对照着视频试一下」 ElementUI 按需加载: 服务端开启 ...
- java如何设置文本框提示_[Java教程]一个友好的文本框内显示提示语 jquery 插件
[Java教程]一个友好的文本框内显示提示语 jquery 插件 0 2014-08-08 18:01:25 插件实现文本框内默认显示提示语,当文本框获得焦点时提示语消失. 如果没有输入或输入为空则失 ...
- h5 先加载小图_交互基础:加载的10种类型和应用场景分析
原文地址:白鹭漫谈(公众号) 作者:白鹭漫谈 目录: 一.为什么需要加载 二.常见的加载场景 三.加载的10种类型和分析 四.总结 一.为什么需要加载? 1 给用户反馈 在上篇<尼尔森10大可用 ...
- angular 首屏加载优化_[转]Angular4首页加载慢优化之路
Angular是一个比较完善的前端MVC框架,包含了模板,数据双向绑定,路由,服务,过滤器,依赖注入等等所有的功能.在Web开发前后端流行的今天,我们在某个项目中也尝试使用该框架. 很快按照官网上的例 ...
最新文章
- (一)Shiro笔记——简介、 架构分析
- struts.properties配置详解
- 安卓13来了!首个开发者版公布,三方图标随壁纸变色,电量管理系统也安排上了...
- mysql执行底层_天天写order by,你知道Mysql底层如何执行吗?
- [Java基础]Lambda表达式和匿名内部类的区别
- 第十二届湖南省赛 (B - 有向无环图 )(拓扑排序+思维)好题
- decode 类似 case when
- 【angularjs】【学习心得】ng-class总结
- C++11统一初始化形式,使用{}
- 内网群PING的shell
- linux控制主机风扇转速,怎么调整cpu风扇转速 cpu风扇转速调整方法【详解】
- Zim-个人wiki系统
- 2020届实习招商银行信用卡笔试题(IT算法方向)python版(同2019春招笔试题)
- 姿态估计mmpose一手体验 Ⅱ - 使用它!
- 随机采样和分布式光线追踪
- 9x07-usb state拔出usb线后状态仍为CONFIGURED,影响休眠(已解决)
- linux下面安装和配置nginx
- GAF安装部署-微服务架构下的云原生部署
- 使用MapReduce统计一篇微博数据的点赞次数,并且输出前五个最高的点赞数量。
- Scala自定义MEID效验工具类
热门文章
- ios时间相差多少天_上海自驾拉萨,走川进青出,应如何规划线路?需要多少天时间?...
- wordcount linux java_linux下在eclipse上运行hadoop自带例子wordcount
- flink 不设置水印_区分理解Flink水印延迟与窗口允许延迟的概念
- 去快捷方式小箭头_电脑桌面如何快速去掉快捷方式小箭头
- python的常见矩阵除法_Numpy矩阵除法返回所有零
- Docker容器的重启策略
- MySQL管理工具MySQL Utilities — 如何连接MySQL服务器
- awk教程入门与实例练习(三)
- Angular 9 新功能摘要
- 【manacher】Strings in the Pocket