典型的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 ...
随机推荐
- Table of Contents - JMS
JMS Specification v1.1 JMS 基本概念 Message QueueBrowser 消息选择器 消息确认 ConnectionMetaData ExceptionListener ...
- HDU 5478 Can you find it(快速幂)
Problem Description Given a prime number C(1≤C≤2×105), and three integers k1, b1, k2 (1≤k1,k2,b1≤109 ...
- JavaScript之canvas
num.push(x,y); 动画草图(举个栗子,我们把数字“2”给画出来): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit ...
- JQuery处理json与ajax返回JSON实例
一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...
- HTML+CSS学习笔记(8)- CSS选择器
标签:HTML+CSS 什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是"选择器","选择器"指 ...
- codeblocks 配置交叉编译和调试环境
我要用codeblocks交叉编译和调试arm开发板上的程序,宿主机是ubuntu12.04.开发板是嵌入式linux操作系统. 1.配置交叉编译环境 由上到下,1处直接选择即可.2处是你交叉编译器安 ...
- ThinkPHP框架部署
ThinkPHP框架部署 1.下载ThinkPHP框架 下载地址:http://www.thinkphp.cn/ ThinkPHP官方网站 下载ThinkPHP3.2.3完整版,下载后如下图所示: A ...
- sicily 1022. Train Problem
本题主要是出栈入栈顺序的问题 Home Problems My Status Standing <-> 1022. Train Problem Total: 2 ...
- Qt获得网页源码
1.工程中添加网络模块 打开你的.pro文件插入以下代码 QT += network 2.添加代码 CodeQString NetWork::getWebSource(QUrl url) { QNet ...
- photoshop如何把阴影分离开(让阴影单独成为一个图层)
作图的时候经常会用到,给图片加个投影,但有时还满足不了自己的需要,于是可以把投影分离开来单独操作投影. 图层->图层样式->创建图层 有时还需要滤镜->模糊 一下 哈哈,下次忘了来翻 ...