easy ui form 结合 ajax参数

原文

<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]}); } } } }); }

easy ui form 结合 ajax参数的更多相关文章

  1. HTML5新增form控件和表单属性实例代码详解

    这篇文章主要介绍了HTML5新增form控件和表单属性实例代码详解,需要的朋友可以参考下

  2. HTML5表单验证特性(知识点小结)

    这篇文章主要介绍了HTML5表单验证特性的一些知识点，本文通过实例代码截图的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. amazeui页面分析之登录页面的示例代码

    这篇文章主要介绍了amazeui页面分析之登录页面的示例代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  4. ios – Swift Eureka Form中的循环

    我正在构建一个Eureka表单,并希望在表单中放置一个循环来构建基于数组的步进器列表.我试图使用的代码是：但是,当我这样做时,我在StepperRow行上出现了一个错误：所以看起来Swift不再认为它在形式之内并且正在关注

  5. swift 上传图片和参数 upload image with params

    Alamofire.upload(urlRequest.0,urlRequest.1).progress{(bytesWritten,totalBytesWritten,totalBytesExpectedToWrite)inprintln("\(totalBytesWritten)/\(totalBytesExpectedToWrite)")}}

  6. swift – 使用PostgreSQL在Vapor 3中上传图片

    我正在关注这些家伙MartinLasek教程,现在我正在“图片上传”.似乎没有人能回答“如何上传iVapor3图像”的问题Db连接正常,所有其他值都保存.这是我的创建方法：和型号：}和叶子模板：我知道需要一种管理文件的方法和原始图像字节,但我怎么去那里？这使用多部分表单的自动解码：upload.leaf文件是：使用File类型可以访问上载文件的本地文件名以及文件数据.如果将其余的Question字段添加到ExampleUpload结构中,则可以使用该路径捕获整个表单的字段.

  7. HTML form表单提交方法案例详解

    这篇文章主要介绍了HTML form表单提交方法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

  8. React Form组件的实现封装杂谈

    这篇文章主要介绍了React Form组件的实现封装杂谈，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  9. Jquery Easyui表单组件Form使用详解（30）

    这篇文章主要为大家详细介绍了Jquery Easyui表单组件Form的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  10. Vue自定义Form组件实现方法介绍

    这篇文章主要介绍了Vue自定义Form组件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github，点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件；对于前后端分离的开发模式，ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装，XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js，更小的压缩版本，可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装，VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js，更小的压缩版本，可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多，其中一个是利用CORS，而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的，最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止，相当于仅仅完成了预检，还没发送真正的请求呢。

  5. form提交时，ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案：1.加cache:false2.url加随机数正常代码：网上高人解读：cache的作用就是第一次请求完毕之后，如果再次去请求，可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下，内容编码类型满足大多数情况。在这里，我们主要谈谈contentType=false.在使用ajax上传文件时：在其中先封装了一个formData对象，然后使用post方法将文件传给服务器。说到这，我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗？这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的，因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来，以后不用到处找了。语法：$.ajaxFileUploadoptions参数说明：1、url上传处理程序地址。2，fileElementId需要上传的文件域的ID，即的ID。3，secureuri是否启用安全提交，默认为false。4，dataType服务器返回的数据类型。6，error

  9. AJAX-Cache：一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段，在频繁的异步请求业务中，我们往往需要利用“缓存”提升界面响应速度，减少网络资源占用。AJAX-Cache是一款jQuery缓存插件，可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的，我该如何解决呢？必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位，那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部