easy ui form 结合 ajax参数
来源:互联网 发布:vb编程入门 编辑:程序博客网 时间:2024/06/03 14:55
<cui:form id="eventStatics" name="eventStatics" >
<table id="event" >
<tr>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>告警类型:</label>
</td>
<td>
<cui:combobox id="eventType" name="type" width="160" emptyText="全部" method="get" url="${ctx}/tbalarm!querySafeAlarmType.json"></cui:combobox>
</td>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>告警状态:</label>
</td>
<td>
<cui:combobox id="eventStatus" name="eventStatus" width="160" emptyText="全部" method="get" url="${ctx}/statics!querySafeAlarmStatus.json"></cui:combobox>
</td>
<td style="vertical-align: middle;padding-left: 30px;" rowspan="2">
<cui:button id="eventSearchBtn" label="统 计" onClick="eventStatics" ></cui:button>
<cui:button id="eventResetBtn" label="重 置" onClick="reset" ></cui:button>
</td>
</tr>
<tr>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>时 间:</label>
</td>
<td >
<cui:datepicker id="eventStartDate" name="eventStartDate" dateFormat="yyyy-MM-dd" showOn="button" width="160"/>
</td>
<td style="width: 100px;padding-top: 10px;" align="center">
<label>至:</label>
</td>
<td>
<cui:datepicker id="eventEndDate" name="eventEndDate" dateFormat="yyyy-MM-dd" showOn="button" width="160"/>
</td>
</tr>
</table>
</cui:form>
//ajax部分提交的data参数也等同于form的表单的参数提交,后天的action,model也照样能接收到
//最长处理时长Top10--事件工单
function eventTypeStatics(eventBeginDate,eventEndDate,eventType,eventStatus){
require(['echarts','echarts/chart/bar'],type);
var typeChart;
var re;
function type(ec) {
typeChart = ec.init(document.getElementById('eventArea'));
typeChart.showLoading({
text : '努力加载数据中...',
textStyle : {
fontSize : 20
},
effect : 'ring'
});
var sourceData = new Array();
var countData = new Array();
$.ajax({
url:'${ctx}/statics!queryNetAlarmTopStatics.json',
type:'POST',
data:{'beginTime':eventBeginDate,'endTime':eventEndDate,'typeMessage':eventType,'toolMessage':eventStatus},
async:false,
success:function(result){
re = result.data;
for(var i =0 ;i<re.length;i++){
var datas = re[i];
sourceData = datas.sourceData;
var counts = datas.countData;
for(var j =0;j<sourceData.length;j++){
countData.push({'value':counts[j],'name':sourceData[j]});
}
}
}
});
}
<table id="event" >
<tr>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>告警类型:</label>
</td>
<td>
<cui:combobox id="eventType" name="type" width="160" emptyText="全部" method="get" url="${ctx}/tbalarm!querySafeAlarmType.json"></cui:combobox>
</td>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>告警状态:</label>
</td>
<td>
<cui:combobox id="eventStatus" name="eventStatus" width="160" emptyText="全部" method="get" url="${ctx}/statics!querySafeAlarmStatus.json"></cui:combobox>
</td>
<td style="vertical-align: middle;padding-left: 30px;" rowspan="2">
<cui:button id="eventSearchBtn" label="统 计" onClick="eventStatics" ></cui:button>
<cui:button id="eventResetBtn" label="重 置" onClick="reset" ></cui:button>
</td>
</tr>
<tr>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>时 间:</label>
</td>
<td >
<cui:datepicker id="eventStartDate" name="eventStartDate" dateFormat="yyyy-MM-dd" showOn="button" width="160"/>
</td>
<td style="width: 100px;padding-top: 10px;" align="center">
<label>至:</label>
</td>
<td>
<cui:datepicker id="eventEndDate" name="eventEndDate" dateFormat="yyyy-MM-dd" showOn="button" width="160"/>
</td>
</tr>
</table>
</cui:form>
//ajax部分提交的data参数也等同于form的表单的参数提交,后天的action,model也照样能接收到
//最长处理时长Top10--事件工单
function eventTypeStatics(eventBeginDate,eventEndDate,eventType,eventStatus){
require(['echarts','echarts/chart/bar'],type);
var typeChart;
var re;
function type(ec) {
typeChart = ec.init(document.getElementById('eventArea'));
typeChart.showLoading({
text : '努力加载数据中...',
textStyle : {
fontSize : 20
},
effect : 'ring'
});
var sourceData = new Array();
var countData = new Array();
$.ajax({
url:'${ctx}/statics!queryNetAlarmTopStatics.json',
type:'POST',
data:{'beginTime':eventBeginDate,'endTime':eventEndDate,'typeMessage':eventType,'toolMessage':eventStatus},
async:false,
success:function(result){
re = result.data;
for(var i =0 ;i<re.length;i++){
var datas = re[i];
sourceData = datas.sourceData;
var counts = datas.countData;
for(var j =0;j<sourceData.length;j++){
countData.push({'value':counts[j],'name':sourceData[j]});
}
}
}
});
}
0 0
- easy ui form 结合 ajax参数
- easy ui form 提交问题
- 上传文件(ajax结合form表单)
- 关于 jquery easy ui onLoad 获取参数
- easy UI的form的submit功能一点小坑
- c#,jquery easy ui通过ajax实现异步加载tree
- easy-ui
- Easy ui
- Easy UI
- ajax上传form表单或者文件以及结合validate验证
- 解决:easy ui form 表单提交 IE9 不执行回调函数
- Easy ui Combobox,easy ui datagrid Combobox
- jquery.form.js修改源码ajax支持json格式参数
- jquery.ajax传参数方式、form提交方式
- 使用ajax 提交多个form表单以及其他参数
- 玩转Web之Json(一)-----easy ui+ajax + json 中关于Json的解析问题
- JSP、JavaScript、jQuery、jQuery Easy UI、Ajax、JSON各自是什么、区别、联系
- Jquery Easy UI
- Java中使用SimpleEmail实现简单邮件的发送
- oracle11g空表不能导出
- 在servlet中对IP进行限制
- webstrom 设置禁用拼写检查
- 【转载】浏览器进化史
- easy ui form 结合 ajax参数
- Debain/ArchLinux/Gentoo等将合并为超级发行版Canterbury
- 诺基亚开放Symbian系统源码
- servlet 原理简介
- 党史上的今天——1998年 中央军委决定组建中国人民解放军总装备部
- hdu 2041
- 党史上的今天——1947年 晋冀鲁豫军区第四纵队在晋南举行反攻
- spring mvc
- cJSON例说