ext store 数据修改_ext grid绑定stroe,怎么可以在加载之前修改其中的数据

我的extgrid,绑定了一个store,我希望在加载前针对某一列数据转码之后再显示应该怎么弄,新手上路,请大家帮忙,我希望对filepath列进行转码然后再显示,我需要再哪里做操作varconten...

我的ext grid ,绑定了一个store,我希望在加载前针对某一列数据转码之后再显示应该怎么弄,新手上路,请大家帮忙,我希望对filepath列进行转码然后再显示,我需要再哪里做操作

var contentNode = new Ext.data.Record.create([

{name: 'filename',type:'String',width:'100'},

{name: 'filepath', type: 'string',width:'200'},

{name: 'filesize', type: 'string',width:'100'},

{name: 'filestate', type: 'string',width:'100'}

]);

//读取json数据

var reader = new Ext.data.JsonReader({'root':'rows'},contentNode);

//获取json数据源

var store = new Ext.data.JsonStore({

url:"csl/dir_list.php?path="+path+"&type="+type,

root:'rows',

reader:reader,

autoLoad:true,

fields:['filename','filepath','filesize','filestate']

});

展开

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3中的store使用与Vue2有一些不同。在Vue3中,我们可以使用新的`createStore`函数来创建store,并且可以利用`provide`和`inject`方法在组件之间进行store的共享。 首先,我们需要安装Vue3的状态管理库`@vue/reactivity`和`@vue/runtime-core`。然后,我们可以使用`createStore`函数创建一个store实例。 ```javascript import { createStore } from 'vue' const store = createStore({ state() { return { count: 0 } }, mutations: { increment(state) { state.count++ }, decrement(state) { state.count-- } }, actions: { incrementAsync({ commit }) { setTimeout(() => { commit('increment') }, 1000) } } }) ``` 在上述代码中,我们定义了一个`state`对象,一个`mutations`对象和一个`actions`对象。`state`对象中存储了应用中的状态,`mutations`对象中定义了更改状态的方法,`actions`对象中定义了一些异步操作。 接下来,我们需要在Vue的根组件中使用`provide`方法将store实例提供给所有的子组件。可以使用`app.provide`或者`app.config.globalProperties.$store`进行共享。 ```javascript import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) app.provide('store', store) // 或者使用 // app.config.globalProperties.$store = store app.mount('#app') ``` 在子组件中,我们可以使用`inject`方法来获取store实例。 ```javascript import { inject } from 'vue' export default { name: 'ChildComponent', setup() { const store = inject('store') // 访问state中的属性 console.log(store.state.count) // 调用mutations中的方法 store.commit('increment') return { store } } } ``` 在以上代码中,我们使用`inject`方法获取了在根组件中共享的store实例。通过调用store的`commit`方法,我们可以调用mutations对象中的方法来对状态进行更改。 总之,Vue3中的store使用与Vue2有一些不同,需要使用`createStore`函数来创建store实例,并通过`provide`和`inject`方法在组件之间进行store的共享。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值