项目Js源码整合
整合一下目前做的项目中JS中用到的相关源码等,留待记录和使用。
一、ajaxgrid源码部分
1、初始化
2、查询
var code = $('#city option:selected').val();//Jquery获取选中的值
var radius = $('#radius option:selected').val();//Jquery获取选中的值
3、删除
①:
function deleteData(obj) {
//获取当前行对象
var row = ajaxgrid.getEventRecord(obj);
//根据row获取当前行的相关数据
var province = row.data.province;
var year = row.data.year;
var stage = row.data.stage;
//向后台action发起request请求
$.request({
action:"delete",
//附加参数传递方法:params中传递附加的参数
params:{'uuid':row.data.uuid},
success:onsavecomplete
}) ;
}
function onsavecomplete(response){
setRM('success', response.getMessage(), retrieve());
}
4、保存
5、根据id获取值,时间值等
JSP:
<td align="center" width="80">月报年份</td>
<td>
<hy:date width="100px" id="yearId" editor="year" name="year" upload="true" startyear="2018" endyear="${test}"/></td>
<td align="center" width="80">月份</td>
<td>
<hy:drop width="100px" id="stageId" list="stageList" listKey="value" listValue="label" name="stage" upload="true" />
</td>
JS:根据日期id获取日期的相关数据
function checkIsHave() {
var year = yearId.getValue();
var stage = stageId.getSelectedValue();
if (year == null || year == "") {
setRM('error', "请选择年份!");
return false;
}
if (stage == null || stage == "") {
setRM('error', "请选择期数!");
return false;
}
$.request({
action:"checkIsHave",
params:{'yearStr':year, 'stageStr':stage},
success:function (response) {
var isHave = response.getParameter("isHave");
var nohave=response.getParameter("message");
if (nohave) {
alert("尚未报送该月数据,无法生成月报")
}else{
if (isHave) {
$.confirm("提示", "已经生成过本月月报是否要重新生成?", function() {
createMonthReport();
}, function() {
});
} else {
createMonthReport();
}
}
}
}) ;
}
6、详情、跳转链接 : a 标签
JSP:
<hy:gridcustom title="操作" width="200" customstylefunc="setLink()">
<!-- <a href="javascript:void(0)" onclick="edit(this)">详情</a>
<a href="javascript:void(0)" id="rid" onclick="rid(this)" >解除注销</a> -->
</hy:gridcustom>
JS方法:
function setLink(record){
var htmlstr="";
var status = record.get("busStatus");
if (status == "2") {
htmlstr += "<a href=\"javascript:void(0)\" onclick=\"edit(this)\">详情</a> ";
htmlstr += "<a href=\"javascript:void(0)\" onclick=\"rid(this)\">解除注销</a>";
}else{
htmlstr += "<a href=\"javascript:void(0)\" onclick=\"edit(this)\">详情</a>";
}
return htmlstr;
}
二、ajaxform源码部分
1、获取ajaxform中的某个对象
var city = ajaxform.getColumnValue("city");
var jtyktVal = response.getParameter("jtykt");
ajaxform.setValue("jtykt",jtyktVal);
三、源码片段
1、界面取值、赋值计算等
function lineDrop1(){
var code = $('#city option:selected').val();//Jquery获取选中的值
var lineDrop1 = $('#lineDrop1 option:selected').val();
var upMiler1 = $('input[name=upMiler][type=text]');
var downMiler1 = $('input[name=downMiler][type=text]');
var upDownMiler1 = $('input[name=upDownMiler][type=text]');
$.post('/gj/gj/application/gjOnlineApplication.do?action=getBusLineUp',{'lineDrop1':lineDrop1,'code':code},function(result){
upMiler1.val((Number(result.BusLineUp)/1000).toFixed(2));
downMiler1.val((Number(result.BusLineDown)/1000).toFixed(2));
upDownMiler1.val((Number(upMiler1.val())+Number(downMiler1.val())).toFixed(2));
$('input[name=yyxlcd][type=text]').val(((Number(upMiler1.val())+Number(downMiler1.val())+Number(upDownMiler1.val()))/2).toFixed(2));
})
}
2、级联下拉部分
JSP:
<td align="center" width="80">城市</td>
<td>
<hy:drop width="103px" list="cityList" listKey="value" listValue="label"
name="city" upload="true" nullable="false" id="cityId" onchange="refreshDrop()"/>
</td>
<td align="center" width="80">企业</td>
<td>
<hy:drop width="103px" id="unitDrop" list="unitWorkList" listKey="value" listValue="label" listFilter="filter" name="unit" upload="true" />
</td>
<td align="center" width="80">线路</td>
<td>
<hy:drop width="103px" id="lineDrop" name="lineUuid" list="lineList" listKey="value" listValue="label" listFilter="filter" upload="true" ></hy:drop>
</td>
JS:级联下拉
function refreshDrop() {
var city = cityId.getSelectedValue();
unitDrop.refreshByFilter(city);
lineDrop.refreshByFilter(city);
}
3、0-100的数字校验,小数校验、整数校验
function vaild3 (title,column) {
var columnObj = ajaxform.getColumnComponent(column);
//0——100的数字校验
var patrn = /^(((\d|[1-9]\d)(\.\d{1,2})?)|100|100.0|100.00)$/;
//2为小数校验
var patrn = /^(([0-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/;
//正则整数校验
var patrn = /^[0-9]*$/;
var columnValue = ajaxform.getColumnValue(column);
if (columnValue!=null && columnValue!="" && !patrn.test(columnValue)) {
notPassMsg = title + ':只能输入0-100,小数点后两位的数字!';
notPassArray[column]=notPassMsg;
columnObj.css({"background-color":"#FDC8CC"});
$.alert('提示信息', notPassMsg, function(){});
} else {
delete notPassArray[column];
columnObj.css({"background-color":""});
}
}
4、后台response,前台得到值
Action:
private String planBeginYear;
private Long city;
//添加set和get方法
responseData.setParameter("planBeginYear", planBeginYear);
responseData.setParameter("city", city);
JS:
var year = response.getParameter("planBeginYear");
var city = response.getParameter("city");
项目Js源码整合的更多相关文章
- vue.js源码精析
MVVM大比拼之vue.js源码精析 VUE 源码分析 简介 Vue 是 MVVM 框架中的新贵,如果我没记错的话作者应该毕业不久,现在在google.vue 如作者自己所说,在api设计上受到了很多 ...
- underscore.js 源码
underscore.js 源码 underscore]JavaScript 中如何判断两个元素是否 "相同" Why underscore 最近开始看 underscore.js ...
- vue源码分析—Vue.js 源码构建
Vue.js 源码是基于 Rollup 构建的,它的构建相关配置都在 scripts 目录下.(Rollup 中文网和英文网) 构建脚本 通常一个基于 NPM 托管的项目都会有一个 package.j ...
- 修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题
原文地址:https://www.cnblogs.com/jying/p/9642445.html,转载请说明出处. 最近项目需要播放视频且限制未观看部分的快进功能,找了两款js插件ckplayer和 ...
- 以V8中js源码为例了解GitHub查看代码功能
GitHub作为开源仓库,许多开源项目仓库这里,当然不乏十分优秀的,比如Node.V8,我一直比较好奇js源码,像java的话,因为环境是JDK,我们结合IDE很容易就能跳转到其源码内部去查看实现,但 ...
- 嗨,让我带你逐行剖析Vue.js源码
本项目受到了阮一峰老师的肯定,已刊登在阮一峰老师微信公众号的科技爱好者周刊第87期,同时也被多个微博大V转发,短短一个月时间内在github上star数量就已经突破2k! Hello,大家好,我最近在 ...
- Vue.js 源码构建(三)
Vue.js 源码是基于 Rollup 构建的,它的构建相关配置都在 scripts 目录下. 构建脚本 通常一个基于 NPM 托管的项目都会有一个 package.json 文件,它是对项目的描述文 ...
- 手写Express.js源码
上一篇文章我们讲了怎么用Node.js原生API来写一个web服务器,虽然代码比较丑,但是基本功能还是有的.但是一般我们不会直接用原生API来写,而是借助框架来做,比如本文要讲的Express.通过上 ...
- 手写Koa.js源码
用Node.js写一个web服务器,我前面已经写过两篇文章了: 第一篇是不使用任何框架也能搭建一个web服务器,主要是熟悉Node.js原生API的使用:使用Node.js原生API写一个web服务器 ...
随机推荐
- Queue的使用说明
普通的Queue.Queue是单个进程间的队列,不同进程不能共享:multiprocessing.Queue()是不同进程间使用的,可以共享:如果是进程池的话需要使用multiprocessing.M ...
- 「译」 .NET 5 新增的Http, Sockets, DNS 和 TLS 遥测
.NET 一直在稳定的增加和改善对应用程序进行跨平台的诊断分析,在.NET Core 3.0, 我们看到了 EventCounters 的介绍,用于观察和分析指标测量. 我最近在几个 .NET Cor ...
- vue的路由以后的页面整合
前面呢也提到一点点,今天就吧这个页面整合给分享一下.有不对的地方还望包容. 在vue中,一般在主显示的界面的路径呢一般是'/'也就是单括号中有一斜杠的这个呢是默认的显示路径.只要路由配置了这个路径用& ...
- 浅谈 Checkbox Group 的双向数据绑定
前言 不曾想在忙碌的工作面前,写一篇技术博客也成了奢求. Checkbox 作为表单中最常见的一类元素,使用方式分为单值和多值,其中单值的绑定很简单,就是 true 和 false,但是多值(Chec ...
- Spring Cloud Gateway 跨域 CORS 配置方式实现
网上找了一堆文章全是说这样写无效 globalcors: cors-configurations: '[/**]': allowCredentials: true allowedOriginPatte ...
- Educational Codeforces Round 102 (Rated for Div. 2)
比赛地址 A(水题) 题目链接 题目: 给出一个数组\(a\)并能进行一个操作使得数组元素更改为数组任意其他两元素之和,问是否可以让数组元素全部小于等于\(d\) 解析: 排序后判断最大值是否小于等于 ...
- 使用 C# 9 的records作为强类型ID - 初次使用
强类型ID 实体通常是整数,GUID或者string类型,因为数据库直接支持这些类型,但是,如果实体的ID的类型是一样的,比如都是整数的ID,这有可能会出现ID值传错的问题,看下边的示例. publi ...
- Ubuntu下修改缺省dash shell为bash shell
Debian和Ubuntu下缺省使用的是shell是dash,而不是bash.从/bin/sh软连接的指向可以看出这点. 这是一个不同于bash的shell,它主要是为了执行脚本而出现,而不是交互,它 ...
- 好你个C语言,原来还有这么多副面孔!
C语言可以这样比喻,是一门非常强大的内功心法,学会它可以做到一法通万法.这也是它至今不衰的原因.说了这么多C语言的优点,现在来说说它的缺点.C语言最大的优点也是它最大的缺点,拥有强大的力量时应时刻保持 ...
- 手机QQ空间自动点赞登录
学以致用~使用 Appium 模拟人类操控手机行为 V2.0在手机上运行,目前实现以下功能: 1.小黑屋模式,一分钟内给好友发100条消息然后进了好友的小黑屋 2.定时发消息提醒对象多喝热水~ 3.对 ...