在ext中我获得了一个Store数据源,然后我想在TabPanel中切换Tab的时候动态的更新这个数据源,要怎么做

在ext中我获得了一个Store数据源,然后我想在TabPanel中切换Tab的时候动态的更新这个数据源,要怎么做,第1张

listeners:{

beforetabchange:function(){

storeloadData(data1)

}

or

tabchange:function(){

storeloadData(data2)

}

}

首先从数据库获取信息到前端,接收数据要用store,你把的路径写入数据库中,然后通过store去load数据到前端。

然后要看你要怎么展示,在哪显示了!

例如使用ExtXTemplate,自己去写显示的位置,样式等。可以去参考ext30文档中ExtDataView的例子

var store = new ExtdataJsonStore( {

fields : [ "id", "name", "path" ],

url: '',

});

storeload();

var tpl = new ExtXTemplate('<div class="aaa"><img src="" title="" /></div>',);

var dataview = new ExtDataView( {

store: store,

tpl: tpl,

});

var panel = new ExtPanel({

items:dataview

)}

还可以使用textfield,这就要自己完成整个panel或window的布局了

例如:

{

columnWidth : 5,

layout : 'form',

labelWidth : 60,

items : [{

xtype : 'textfield',

fieldLabel : '个人照片',

width : 150,

Height : 180,

inputType : 'image',

listeners : { // 该项被载入时加载照片

'render' : function(_filed) {

_filedgetEl()domsrc = "ajpg";//这里的路径可以预先从store中读取,赋给变量然后给它

}

}

}]

}

如果是在grid里显示,那么grid中的ColumnModel里可以有一个字段是路径,然后通过store传入该路径并显示

例如:

var sm = new ExtgridCheckboxSelectionModel();

var cm = new ExtgridColumnModel([new ExtgridRowNumberer(), sm,

{

header : "",

width : 40,

dataIndex : "path",

align : "center",

renderer : function(v) {

return "<img src='" + v +"'>"

}

},

还有很多跟有关的地方,我暂时也想不起来,看具体情况具体解决了,总之后台对应的是数据库,前台对应的是store,前后交互就是把后台的数据放store里,然后前台根据store做前台该做的事

1ExtdataModel 里面有dirty属性,如果改动过,dirty=true,你可以根据这个判断一下

2如何数据上传的话,你可以将表中的数据存储到一个数组里面,然后传到后台,到了后台再做处理给你个例子

var answers = [];//存放表中数据

for (var i = 0; i < gridStoregetCount(); i++) {

var answer = gridStoregetAt(i);

answerspush(new Answer({

answer: answerget("answer"),

isRight: answerget("isRight")

}));

}

3修改store的话,直接上传之后storeload()一下就好了

其实我觉得如果可以的话,直接将原本数据删除,然后重新插入数据比较简单一点

首先,无论哪种方式,都需要model和store,其次,这两种方法都可以,一般采用第一种,比较方便,只需要通过storeload()加载数据即可,而且无需自己解析返回值,第二种方法可以用于一次返回多个组件的data,或者需要返回除组件data之外的值,然后解析之后通过各个组件的storeloadData(data)来加载数据

常规的ExtJS的Store,在new一个Store控件的时候,加上proxy属性,指向URL,在URL里返回特定格式的JSON数据即可。

var store = new ExtdataStore({

// 获取数据的方式

proxy : new Extdata>

以上就是关于在ext中我获得了一个Store数据源,然后我想在TabPanel中切换Tab的时候动态的更新这个数据源,要怎么做全部的内容,包括:在ext中我获得了一个Store数据源,然后我想在TabPanel中切换Tab的时候动态的更新这个数据源,要怎么做、ext中怎么导出所有数据、ExtJS 4中如何获取表格中改动的数据 如何将修改数据上传和修改store等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9552383.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存