动态设置Store数据集中HTTP请求参数

最新推荐文章于 2020-11-24 00:44:41 发布
最新推荐文章于 2020-11-24 00:44:41 发布
阅读量135 收藏
点赞数
分类专栏： Ext JS 文章标签： EXT Java
此处以JsonStore为例： 

var wifiPreferTrateStore = new Ext.data.JsonStore({
	fields:['displayField', 'valueField'],
	url: 'comboBox.shtml?method=getWifiPreferTxRateList',
	autoLoad:false
});

function loadWifiMaxTxRateStore(dn)
{		
	wifiPreferTrateStore.baseParams['dn'] = dn;
	wifiPreferTrateStore.load();
}


注意：参数baseParams要有单引号
qixiaopeng
关注
专栏目录
【读】Ext.data.JsonStore
youshini的专栏
12-14 6556
 简单的JSONSTOREvar data = [ [1,name1,descn1], [2,name2,descn2], [3,name3,descn3], [4,name4,descn4], [5,name5,descn5]];//二维数组var
store加载时传递动态参数
weixin_30664051的博客
06-22 149
var grid = this.getGrid();Ext.apply(grid.store.proxy.extraParams, {参数名: 参数值});grid.store.load(); 转载于:https://www.cnblogs.com/study121007/p/4592868.html
Nginx系列（二十）：HTTP Store机制
yang_oh的博客
06-11 614
一、配置 location / { //这里的location是要换成自己经过精确匹配的location， ...
动态改变Ext store的参数
莫理琴的专栏
08-03 5583
var itemsPerPage = 20 ; var store =new Ext.data.Store({             pageSize: itemsPerPage,             fields : [              'yourfield1',              'yourfield2',             ],
[ thanos源码分析系列 ]thanos query组件源码简析
nangonghen的博客
11-24 2106
1 概述： 1.1 源码环境 版本信息如下： a、thanos组件版本：v0.16.0 1.2 Thanos Query的作用 Thanos Query组件是http服务器 + grpc服务器，它的数据源是位于下游的已发现的实现STORE API的组件（例如Thanos Sidecar组件、Thanos Store组件、Thanos Ruler组件），同时实现了Prometheus官方的HTTP API。Thanos Query组件从下游处获得数据后，能进行合并、去重等操作，最后将结果返回给外部的客户端。
vue中在vuex的actions中请求数据实例
10-16
今天要讲的是在Vuex的actions中进行数据请求的实例。 首先，我们需要理解Vuex中的几个核心概念：state、getters、mutations、actions。state用来存储状态；getters类似于计算属性，用于派生出一些状态；mutations是...
VUE:vuex 用户登录信息的数据写入与获取方式
12-13
在Vue.js应用中，Vuex是一个非常重要的状态管理库，它允许我们集中管理全局状态，使得组件之间可以方便地共享数据。在这个特定的场景中，我们讨论的是如何使用Vuex来处理用户登录信息的存储和获取，从而实现跨组件的...
vuex中store存储store.commit和store.dispatch的用法
10-15
它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。`store.commit` 和 `store.dispatch` 是 Vuex 中用于管理和改变状态的核心方法，它们各自有不同的功能和应用场景。 ...
vue axios请求成功却进入catch的原因分析
10-14
在使用Vue框架进行前后端交互时，经常使用axios库来发起HTTP请求。虽然axios使用起来方便快捷，但在某些情况下，即使请求返回了200状态码，也可能会错误地进入catch代码块。本文将详细分析为何会出现这种现象，以及...
对vuex中store和$store的区别说明
10-15
在使用Vuex时，我们需要确保遵循单向数据流的原则，即状态只应通过`mutation`进行更新，`action`负责发起改变状态的请求，而`getter`则用于计算和提供衍生数据。此外，Vuex还与Vue DevTools扩展配合，提供了强大的...
extjs store ajax同步加载数据
Alex的博客
12-05 2153
extjs store ajax支持同步加载数据  Ext.define('Ext.ux.data.proxy.Ajax', {          extend: 'Ext.data.proxy.Ajax',          async:true,          doRequest: function(operation, callback, scope) {              va...
vuex的store中 通过axios进行请求操作获取数据
hongyanwang
07-26 7104
描述： 在项目中遇到vuex的store中直接使用this.$axios或者Vue.axios无法正确进行axios进行请求操作获取数据的 原因 在平时组件中能使用this.axios(通过Vue.prototype.axios(通过Vue.prototype.axios = axios的方式添加了原型链方法)的方式使用axios请求是因为其挂载到了vue的实例中，因而this的指向是Vue 而v...
vue $http请求服务.
热门推荐
山外小楼
06-01 6万+
vue $http服务
Ext.data.Store添加动态参数
weixin_34072857的博客
08-19 462
多条件查询页面的参数都是动态的，并且我们通常还会有默认加载页面。此时，动态添加参数非常重要，其中baseparam是解决问题的关键。 @ 将查询条件定义为一个全局变量 var param_01 = ""; var param_02 = ""; @ Ext.data.Store 默认加载时给param_01和param_02赋值，也可以直接在params直接给定量 ...
Ext.data.Store动态修改url
03-14 7174
authorStore = new Ext.data.Store( {}); 直接这样修改store的url是不行的: authorStore.url = path; 在load与reload指定url也是不行的: authorStore.load({url:path,params:{}}) authorStore.reload({url:path,params:{}}) 这样也不行
CPA 税法 马兆瑞 基础班 第11章 偶然所得应纳税额的计算 税收优惠.pdf
最新发布
10-10
CPA 税法 马兆瑞 基础班 第11章 偶然所得应纳税额的计算 税收优惠.pdf
python入门教程学习攻略总结 python就看这个章节总结
10-10
python入门 Python入门教程知识点 第一章：Python简介与环境搭建 1.1 章节知识点目录 Python的历史与特点 Python的版本选择（Python 2 vs Python 3） Python开发环境搭建（IDE介绍：PyCharm, VSCode, Jupyter Notebook） 第一个Python程序：Hello, World! 第二章：Python基础语法 2.1 章节知识点目录 变量与数据类型（整数、浮点数、字符串、布尔值） 运算符与表达式 条件语句（if...else） 循环结构（for循环，while循环） 函数定义与调用 第三章：数据结构 3.1 章节知识点目录 列表（List）与元组（Tuple） 字典（Dictionary）与集合（Set） 字符串操作 列表推导式与生成器表达式 第四章：面向对象编程（OOP） 4.1 章节知识点目录 类与对象的概念 类的定义与实例化 属性与方法 继承与多态 封装与抽象 4.2 重点内容 类是创建对象的蓝图，包含属性和方法。 对象是根据类实例化得到的实体，具有自己的状态和行为。 继承允许新类继承父类
this.$store.dispatch参数
07-25
`this.$store.dispatch` 是 Vue.js 应用程序中用于分发 action 的核心函数，它在 Vuex 中扮演着至关重要的角色。Vuex 是一个专为 Vue.js 应用设计的状态管理模式，它允许开发者集中管理应用状态，并通过 `actions` 和 `mutations` 来更新这个状态。 ### `this.$store` 在 Vue.js 的实例中，`this.$store` 代表的是当前组件上下文到 Vuex store 的引用。Vue 实例会自动注入这个属性，以便于访问 Vuex store 的功能，如获取状态、触发 actions 和 mutations 等。 ### `dispatch` 函数 `dispatch(actionName, payload)` 是 `this.$store` 提供的一个方法，用于触发一个特定 action 名称的动作。这个动作是由你在 Vuex store 的 `actions` 对象里定义的函数来处理的。`actionName` 参数是你预先定义好的 action 名称，而 `payload` 可选参数是传给 action 处理函数的具体数据。 #### 使用示例： 假设你有一个名为 `fetchData` 的 action，在 Vuex store 的 `actions` 对象中这样定义： ```javascript export default { state: { data: null, }, mutations: { setData(state, newData) { state.data = newData; } }, actions: { fetchData({ commit }) { // 这里通常会发起异步请求并设置状态 setTimeout(() => { commit('setData', '请求的数据'); }, 1000); } } } ``` 然后在某个 Vue 组件中，你可以这样使用 `this.$store.dispatch`： ```javascript methods: { fetchUserData() { this.$store.dispatch('fetchData').then(() => { console.log('Data fetched successfully'); }).catch((error) => { console.error(error); }); } } ``` 在这个例子中，当你点击按钮或执行其他操作时，可以调用 `fetchUserData` 方法，这将触发 `fetchData` action，并在完成后更新组件的状态。这有助于保持组件 UI 的状态一致性。 ### 相关问题: 1. **如何确定 `this.$store.dispatch` 需要传递哪些参数？** - 通常需要传递两个参数：action名称作为第一个参数，以及任何必要的额外数据作为第二个参数。这部分数据会在 action 处理函数内部使用。 2. **在什么场景下使用 `this.$store.dispatch` 能提高 Vue.js 应用的性能？** - 当你需要对 Vuex store 进行状态更新时，特别是在需要同步或异步地改变应用程序状态的时候，使用 `this.$store.dispatch` 是非常关键的。 3. **如果忘记使用 `commit` 或 `dispatch` 怎么办？** - 如果你不使用 Vuex 的 `commit` 或 `dispatch`，那么 Vue.js 的状态管理机制将无法正常工作，可能会导致状态混乱或难以追踪的状态变化。正确的做法是在所有改变 store 状态的地方都使用它们。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值