Extjs6设置Store、Ajax、form的请求方式(GET、POST)
Extjs6 设置Store、Ajax、form的请求方式(GET、POST)
Ajax请求和Form的submit方法设置请求方式和原来一样,使用method : 'POST'设置
- // 表单提交
- winForm.getForm().submit({
- waitTitle : '提示',// 标题
- waitMsg : '正在提交数据请稍后...',// 提示信息
- url : '../../../dayReportController/add.do',
- method : 'POST',
- params : { // 此处可以添加额外参数
- extraParems : 'extraParems'
- },
- success : function(form, action) {
- /*
- * 第二种方法获取返回值
- var success = action.result.success;
- alert(success);
- */
- var respText = Ext.util.JSON.decode(action.response.responseText)
- if (respText.success == true) {
- Ext.Msg.alert('消息', '保存成功!');
- Ext.getCmp('win').close();// 添加成功后关闭窗口
- Ext.getCmp('menuGrid').getStore().reload(); // 添加成功后重新刷新表格
- } else {
- Ext.Msg.alert('消息', respText.msg);
- }
- },
- failure : function(form, action) {
- Ext.Msg.alert("消息", "操作失败!");
- }
- });
- Ext.Ajax.request({
- method : 'POST',
- url : '../../../dayReportController/deleteMenu.do',
- params : {
- 'id' : id // 要删除记录的id
- },
- success : function(response, config) {
- /*
- // 后台:out.print(1);
- var result = response.responseText;
- if (parseInt(result) == 1) {
- Ext.getCmp('menuGrid').getStore().reload();
- Ext.Msg.alert("提示", '删除成功!');
- } else {
- Ext.Msg.alert('提示', '删除失败!');
- }
- */
- // 后台:out.print({success : true});
- var json = Ext.util.JSON.decode(response.responseText);
- if (json.success == true) {
- Ext.getCmp('menuGrid').getStore().reload();
- Ext.Msg.alert("提示", '删除成功!');
- } else {
- Ext.Msg.alert('提示', '删除失败!');
- }
- },
- failure : function() {
- Ext.Msg.alert('提示', '删除失败!');
- }
- });
Store设置请求方式使用 actionMethods : {
read : 'POST'
}
- var store = Ext.create('Ext.data.Store', {
- // autoLoad : true,
- pageSize : main.gridPageSize,
- fields : ['id', 'text', 'description', 'url', 'leaf'],
- proxy : new Ext.data.HttpProxy({
- type : 'ajax',
- url : '../../../dayReportController/test.do',
- actionMethods : {
- read : 'POST' // Store设置请求的方法,与Ajax请求有区别
- },
- reader : new Ext.data.JsonReader({
- type : 'json',
- rootProperty : 'data',// 数据(不配置的话无法接收数据),返回的key为data
- totalProperty : 'totalRecord'// 记录数(不配置的话无法翻页),返回的key为totalRecord
- })
- })
- });
原文链接:https://blog.csdn.net/diweikang/article/details/48344523
Extjs6设置Store、Ajax、form的请求方式(GET、POST)的更多相关文章
- 设置 Ext.data.Store 传参的请求方式
设置 Ext.data.Store 传参的请求方式 1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var res ...
- Extjs 项目中常用的小技巧,也许你用得着(5)--设置 Ext.data.Store 传参的请求方式
1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var resultsPanel = Ext.create('Ex ...
- AJAX中的请求方式以及同步异步的区别
AJAX中的请求方式以及同步异步的区别请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用wind ...
- jQuery中的Ajax几种请求方式
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...
- 利用Ajax改变发送请求方式
由于测试的时候需要模拟Head请求,解决办法:先访问要请求的站点,然后在浏览器的控制台下执行如下代码,请求方式就为参数给的值: var xmlHttp; if (window.ActiveXObjec ...
- ajax的post请求方式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
- 【TP3.2 + 其他任何PHP框架】编辑、删除、添加数据,返回原分页 (ajax+form两种方式提交均可以)
1.目的1:在如下的一个页面中,p=2,比如我们删除数据id=13,通过ajax提交{id,p} 这2个参数,就可以了,页面返回json的url参数中原样带上p即可. 2.目的2: 步骤1:在如下页面 ...
- ajax使用jsonp请求方式
/* //简写形式,效果相同 $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonp ...
- 4种常用的Ajax请求方式
在jQuery中,AJAX常见的请求方式主要有一下4种: 1.$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数:参数key/value对象,包含各配置及 ...
随机推荐
- 控制对象的创建方式(禁止创建栈对象or堆对象)和创建的数量
我们知道,C++将内存划分为三个逻辑区域:堆.栈和静态存储区.既然如此,我称位于它们之中的对象分别为堆对象,栈对象以及静态对象.通常情况下,对象创建在堆上还是在栈上,创建多少个,这都是没有限制的.但是 ...
- MySQL事务及隔离级别(读书小结)
标签: MySQL事务 隔离 0.什么是事务? 事务是指MySQL的一些操作看做是一个不可分割的执行单元.事务的特点是要么所有操作都执行成功,要么一个都不执行.也就是如果一个事务有操作执行失败,那么就 ...
- python3.6关键字总结
模块是个好东西 import keyword # 导入关键字模块 lst = keyword.kwlist # 实例化 print(lst) # 看看有哪些玩意 print(len(lst)) # 貌 ...
- echarts彩虹柱状图 每个bar显示不同颜色, 标题在不同位置 ,工具中有可以直接保存为图片下载,平均线的添加
可以参考: https://echarts.baidu.com/echarts2/doc/example.html https://echarts.baidu.com/echarts2/doc/doc ...
- 网络中,FIFO、LRU、OPT这三种置换算法的缺页次数
FIFO.LRU.OPT这三种置换算法的缺页次数 转载 由于要考计算机四级网络,这里遇到了问题,就搜了一些资料来解疑. 考虑下述页面走向: 1,2,3,4,2,1,5,6,2,1,2,3,7,6,3 ...
- python线程进程
多道技术: 多道程序设计技术 所谓多道程序设计技术,就是指允许多个程序同时进入内存并运行.即同时把多个程序放入内存,并允许它们交替在CPU中运行,它们共享系统中的各种硬.软件资源.当一道程序因I/O请 ...
- 百度定位api 定位不准修正
https://www.zhihu.com/question/38313555 在安卓开发中需要设置 setCoorType("bd09lsetCoorType("bd09ll ...
- P2043 质因子分解
P2043 质因子分解 题目描述 对N!进行质因子分解. 输入输出格式 输入格式: 输入数据仅有一行包含一个正整数N,N<=10000. 输出格式: 输出数据包含若干行,每行两个正整数p,a,中 ...
- List保存在ViewState
private List<SYSUAO> UserRoleList { get { return ViewState["UserRoleList"] as List&l ...
- git简单使用总结
一.git配置 git config 1.git config --global user.name "ken" 配置用户名2.git config --global user.e ...