典型的js页面
var myurl;
var mydata;
var postype = "POST";
var getype = "GET";
var jsontype = "json";
var htmltype = "html";
var contentype = "application/json; charset=utf-8"; //---------------------------- 初始化 ---------------------------------
$(function () {
//TODO:这个电场名称是?
var dotype = getQueryString("dotype");
var zhanbh = getQueryString("zhanbh");
bindWarnType(); //绑定站告警类型select
bindZhanMc(); //绑定站名称select
bindZhanYxBh(dotype); //绑定桩运行编号select
zhanname_onchanged(); //站名称和站运行编号联动
setDateTime(dotype); //设置起始时间和结束时间(如果从当日实时告警点[更多]链接进来,开始、结束时间默认当日)
realTimeWarnQuery(); //初始化datagrid
//如果进入具体场站,仅显示当前场站告警信息(此时,场站名称不可选择)
setDom(zhanbh);
bindDoTypeAndQuery(dotype); //根据type绑定处理方式(如果从当日实时告警点[待灭警数量]链接进来,处理结果默认条件为“等待灭警” )
});
/**
* *设置datagrid对象
**/
var dgObj = {
url: '../../WebService/WarnRecService.ashx',
queryParams: { action: 'findbytelesignallingwarn2', warnType: '', zhanBh: '', yunXinBh: '', kssj: '', jssj: '', clfs: '' },
fit: true,
pagination: true,
pageSize: 20,
singleSelect: true,
border: false,
striped: true,
toolbar: "#tb",
columns: [[
{ field: 'Id', hidden: true },
{ field: 'CodeName', title: '类型', align: 'center', width: 100 },
{ field: 'OccurDt', title: '时间', align: 'center', width: 150 },
{ field: 'ZhanJc', title: '场站名称', align: 'center', width: 150 },
{ field: 'YunXing_Bh', title: '桩运行编号', align: 'center', width: 113 },
{ field: 'LogDesc', title: '内容', align: 'center', width: 340 },
{
field: 'ProcessFlag',
title: '处理情况',
width: 60,
align: 'center',
formatter: function (value, row, index) {
var str = "";
switch (row.ProcessFlag) {
case 0:
str = "<a href='#' onclick='OffPolice_click(\"" + row.Id + "\")' class='easyui-linkbutton' plain='true' title='' iconcls='icon-cancel'></a>";
break;
case 1:
case 2:
str = "<a href='#' class='easyui-linkbutton' plain='true' title='' iconcls='icon-ok'></a>";
break;
default:
}
return str;
}
},
{
field: 'content',
title: '处理方式',
align: 'center',
width: 100,
formatter: function (value, row, index) {
var str = row.ProcessFlag;
switch (str) {
case 0:
str = "未处理";
break;
case 1:
str = "自动灭警";
break;
case 2:
str = "手动灭警";
break;
default:
}
return str;
}
}
]],
onLoadSuccess: function () {
$($('#dg').datagrid("getPanel")).find('a.easyui-linkbutton').linkbutton();
}
}; //---------------------------- 页面方法 ---------------------------------
/*
* *根据type绑定处理方式
*/
function bindDoTypeAndQuery(type) {
if (type == "0") {
$("#sel-dotype").val(type);
btn_query();
} else if (type == "more") {
btn_query();
}
} /*
* *如果进入具体场站,仅显示当前场站告警信息(此时,场站名称不可选择)
*/
function setDom(zhanbh) {
if (zhanbh.length != 0) {
$("#sel-zhanname").val(zhanbh);
$("#sel-zhanname").attr("disabled", true);
myurl = "../../WebService/WarnRecService.ashx";
mydata = { action: 'getxunxingbh', zhanBh: zhanBh };
ajaxData();
}
} /*
* 获取url参数值
*/
function getQueryString(name) {
var url = location.href;
var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
var paraObj = {};
for (var i = 0; j = paraString[i]; i++) {
paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
}
var returnValue = paraObj[name.toLowerCase()];
if (typeof (returnValue) == "undefined") {
return "";
} else {
return returnValue;
}
} /**
* *初始化datagrid
**/
function realTimeWarnQuery() {
var kssj = $("#begintime").val();
var jssj = $("#endtime").val();
dgObj.queryParams.kssj = kssj;
dgObj.queryParams.jssj = jssj;
$('#dg').datagrid(dgObj);
} /**
* *设置起始时间和结束时间
**/
function setDateTime(type) {
var date = new Date();
var months = new Array("01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
var year = date.getFullYear();
var month = months[date.getMonth()];
var day = "01";
switch (type) {
case "0":
$("#begintime").val(year + "-" + month + "-" + day);
day = date.getDate();
$("#endtime").val(year + "-" + month + "-" + day);
break;
case "more":
day = date.getDate();
$("#begintime").val(year + "-" + month + "-" + day);
$("#endtime").val(year + "-" + month + "-" + day);
break;
case "":
$("#begintime").val(year + "-" + month + "-" + day);
day = date.getDate();
$("#endtime").val(year + "-" + month + "-" + day);
break; default:
} } /**
* *绑定站告警类型select
**/
function bindWarnType() {
myurl = "../../WebService/WarnRecService.ashx";
mydata = { action: 'GetWarnType' };
ajaxData();
} /**
* *绑定桩运行编号select
**/
function bindZhanYxBh(type) {
$("#sel-yunxingbh").empty();
$("#sel-yunxingbh").append("<option value=''>—请选择—</option>");
} /**
* *ajax成功返回
* *绑定站告警类型select
**/
function ajaxSuccess_bindWarnType(data) {
if (data.Rows.length <= 0 || data == null) {
return false;
}
$("#sel-warntype").empty();
var l = data.Rows.length;
$("#sel-warntype").append("<option value=''>—请选择—</option>");
for (var i = 0; i < l; i++) {
$("#sel-warntype").append("<option value='" + data.Rows[i].Code + "'>" + data.Rows[i].Codename + "</option>");
}
return true;
} /**
* *绑定站名称select
**/
function bindZhanMc(zhanbh) {
myurl = "../../WebService/WarnRecService.ashx";
mydata = { action: 'getzhanmc' };
ajaxData();
} /**
* *ajax成功返回
* *绑定站名称select
**/
function ajaxSuccess_bindZhanMc(data) {
if (data.Rows.length <= 0 || data == null) {
return false;
}
$("#sel-zhanname").empty();
var l = data.Rows.length;
$("#sel-zhanname").append("<option value=''>—请选择—</option>");
for (var i = 0; i < l; i++) {
$("#sel-zhanname").append("<option value='" + data.Rows[i].Zhan_Bh + "'>" + data.Rows[i].Zhan_Jc + "</option>");
}
return true;
} //---------------------------- 页面事件 --------------------------------- /**
* *保存告警处理界面
**/
function btn_ok() {
var clcz = $("[name=r_gjcl]:checked").val();
if (clcz == 1) {
myurl = "../../WebService/WarnRecService.ashx";
mydata = {
action: "offPolice",
warnid: $("#hidd_warnid").val()
};
ajaxData();
}
btn_close();
return false;
} /**
* *告警处理ajax成功时调用的方法
**/
function ajaxSuccess_btn_ok(data) {
switch (data.Status) {
case 0:
parent.messager("提示", data.Msg);
break;
case 1:
$('#dg').datagrid("reload");
break; default:
}
} /**
* *关闭告警处理界面
**/
function btn_close() {
$('#dlg').dialog('close');
} /**
* *打开告警处理界面
**/
function OffPolice_click(warnid) {
$("#hidd_warnid").val("");
$("#dlg").dialog("open");
$("[name=r_gjcl]").eq(0).attr("checked", true);
$("#hidd_warnid").val(warnid);
} /**
* *站名称和站运行编号联动
**/
function zhanname_onchanged() {
$("#sel-zhanname").change(function () {
var zhanBh = $("#sel-zhanname").val();
if (zhanBh.length == 0) {
bindZhanYxBh();
return false;
}
myurl = "../../WebService/WarnRecService.ashx";
mydata = { action: 'getxunxingbh', zhanBh: zhanBh };
ajaxData();
return true;
});
} /**
* *ajax成功返回
* *绑定运行编号select
**/
function ajaxSuccess_bindXunXinBh(data) {
if (data.Rows.length <= 0 || data == null) {
return false;
}
$("#sel-yunxingbh").empty();
var l = data.Rows.length;
$("#sel-yunxingbh").append("<option value=''>—请选择—</option>");
for (var i = 0; i < l; i++) {
if (data.Rows[i].YUNXING_BH == null) {
continue;
}
$("#sel-yunxingbh").append("<option value='" + data.Rows[i].YUNXING_BH + "'>" + data.Rows[i].YUNXING_BH + "</option>");
}
return true;
} /**
* *点击查询
**/
function btn_query() {
var warntype = $("#sel-warntype").val(); var zhanBh = $("#sel-zhanname").val(); var yunXinbh = $("#sel-yunxingbh").val();
var kssj = $("#begintime").val(); var jssj = $("#endtime").val(); var clfs = $("#sel-dotype").val();
dgObj.queryParams.warnType = warntype;
dgObj.queryParams.zhanBh = zhanBh;
dgObj.queryParams.yunXinBh = yunXinbh;
dgObj.queryParams.kssj = kssj;
dgObj.queryParams.jssj = jssj;
dgObj.queryParams.clfs = clfs;
$('#dg').datagrid(dgObj);
} //---------------------------- ajax方法 --------------------------------- /**
* *ajax增删改查方法
**/
function ajaxData() { $.ajax({
url: myurl,
type: postype,
async: false,
data: mydata,
dataType: jsontype,
success: serviceSuccess,
error: serviceError
});
} /**
* *ajax成功时返回resultObject是json数据
**/
function serviceSuccess(resultObject) {
if (resultObject == null) {
return true;
}
switch (resultObject.Status) {
case 0:
case 2:
parent.messager("提示", resultObject.Msg);
break;
case 1:
eval(resultObject.JsExecuteMethod + "(resultObject)");
break;
default:
}
return true;
} /**
* *ajax失败时返回
**/
function serviceError(result) {
return false;
}
典型的js页面的更多相关文章
- js页面跳转整理
js页面跳转整理 js方式的页面跳转1.window.location.href方式 <script language="javascript" type=" ...
- js获取当前时间&js 页面时钟
js获取当前时间 //获取当前时间,格式YYYY-MM-DD function getNowFormatDate() { var date = new Date(); var seperator1 = ...
- js页面跳转参考代码大全
整理一下JS页面跳转参考代码 第一种: <script language=/"javascript/" type=/"text/javascript/&qu ...
- js页面传参数时,参数值包含特殊字符的处理
js页面传参数时,参数值包含特殊字符应该怎么处理,解决方法就是利用js的escape函数,这个函数在解决中文乱码等方面应用的比较广泛.推荐使用. 工作中遇到的小问题,一个页面中通过window.sho ...
- js页面跳转 和 js打开新窗口 方法
js页面跳转 和 js打开新窗口 方法 第一种: 第二种: 第三种: 第四种: 第五种: 1.在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面" ...
- 常用的JS页面跳转代码调用大全
一.常规的JS页面跳转代码 1.在原来的窗体中直接跳转用 <script type="text/javascript"> window.location.href=&q ...
- JS页面延迟执行一些方法(整理)
一般在JS页面延迟执行一些方法.可以使用以下的方法 jQuery.delay()方法简介 http://shawphy.com/2010/11/jquery-delay.html jQuery中que ...
- JS页面打开方式丶对话框及页面跳转方式
一.js页面的三种打开方式 1. window.open 2. window.navigate("url") 跳转到目标页面 3. window.location.href=&qu ...
- JS页面跳转的常用方法整理.
<script type="text/javascript"> //js页面跳转 function showtabs() { window.location.href ...
随机推荐
- 修复浏览器不支持Array自带的indexOf方法的扩展
JavaScript中Array的indexOf方法支持的浏览器有:IE9+.Firefox 2+.Safari 3+.Opera 9.5+和Chrome 如果想要在不支持的浏览器中使用indexOf ...
- 初识--Ajax & Json
1,AJAX是一种进行页面局部异步刷新技术. 用AJAX向服务器发送请求和获得服务器返回的数据并更新到页面中. 不是刷新整个页面,而是在HTML页面中使用JavaScript创建XMLHTTPRequ ...
- springMVC第一课--配置文件
刚学springMVC,记录下学习过程,供以后查阅(githup源码). 1,新建一个web工程.(其他按常规来) 如下:添加applicationContext.xml,webmvc-servlet ...
- 【转载】TalkingData首席金融行业专家鲍忠铁:18亿数据解读移动互联网
http://www.36dsj.com/archives/33417 鲍忠铁:大家下午好! 今天我会讲三个议题,一是用18亿数据解读现在移动互联网的生态圈.二是看看数据有什么样的应用.三是大数据的隐 ...
- 原生js学习笔记2
知识点: 1:关于this指向问题,如果有函数a(),直接a()那么this指向window,new a()指向函数本身. 2:关于null和undefined.两者如果用“==”则认为两者是相等的, ...
- 使用Linux系统中的SSH服务
使用Linux系统中的SSH服务 1.SSH服务应用场景 ① 可以实现对文件的上传与下载 ② 实现远程管理Linux 2.安装SSH服务器 服 务:sshd 位 置:光盘2 软 件:openssh-s ...
- 1 。 LightOJ 1234 打表法(数据太大,把数据缩小100倍)
原题链接http://acm.hust.edu.cn/vjudge/contest/121397#problem/A Description In mathematics, the nth harmo ...
- Linux常用命令--文件的压缩和解压缩
在Linux系统中,我们通常使用的文件压缩命令有:bunzip2 , bzip2 , cpio , gunzip , gzip ,split(切割文件) , zgrep(在压缩文件中寻找匹配的正则表达 ...
- BootstrapDialog自动加<br> BUG处理
用惯了其他的ui框架 ,综合感觉BootstrapDialog算是最好的一个了. 因为不想在js中写过多的html代码,所以习惯的写法,把代码写在html中,js引用 实例如下: html代码 < ...
- 《Apache服务用户身份验证管理》RHEL6.3
1.安装apache软件包 Yum install httpd 2.启动apache服务 /etc/init.d/httpd restart 3.创建一个目录,内编辑一个index.html文件 4. ...