ext前台表格动态切换url并修改传递参数
2017-09-26 19:37
316 查看
一般写表格的时候都是如下的初始化,然后再将其配置进入表格的属性之中,
var config = {
itemId : 'contentGrid',
flex : 1,
headerConfig : {
headerJson : headerJson, //设置表头
columnAutoWidth : true
//自动列宽
},
rowNumber : true, //显示行号
border : false, //不显示边框
columnLines : false, //不显示列边框
height : '100%',
pageConfig : {
enablePage : true, //设置是否分页
pageNum : true
//设置显示每页条数
},
dataUrl : 'getSameNsr.action',
params : {
task_nsrmc : ''
}
};
但是这样会将表格的url和param这两个关键参数写死,所以咱们需要在需要修改表格的url请求和传递的参数时候加上这些代码:
var chooseType = Ext.ComponentQuery
.query('combobox[name="chooseType"]')[0].getValue() //获取相应的参数,这是我自己的参数,我是根据这个控件的值来指定不同的url;
var task_nsrmc = Ext.ComponentQuery
.query('textfield[name="task_nsrmc"]')[0].getValue();//获取相应的参数,这是我自己的参数,我是根据这个控件的值来指定不同的url;
var store //获取对应表格的store , 我用的是封装的方法 所以放上来也没用 , 读者自行获取相应表格的store就行了
if(chooseType == "1"){
store.getProxy().url = 'getSameNsr.action'; //当满足情况1时修改表格请求数据的url
}
if(chooseType == "2"){
store.getProxy().url = 'getSameTysbh.action';//当满足情况2时修改表格请求数据的url
}
store.getProxy().extraParams["task_nsrmc"] = task_nsrmc; //修改请求时发送的参数
store.loadPage(1);
var config = {
itemId : 'contentGrid',
flex : 1,
headerConfig : {
headerJson : headerJson, //设置表头
columnAutoWidth : true
//自动列宽
},
rowNumber : true, //显示行号
border : false, //不显示边框
columnLines : false, //不显示列边框
height : '100%',
pageConfig : {
enablePage : true, //设置是否分页
pageNum : true
//设置显示每页条数
},
dataUrl : 'getSameNsr.action',
params : {
task_nsrmc : ''
}
};
但是这样会将表格的url和param这两个关键参数写死,所以咱们需要在需要修改表格的url请求和传递的参数时候加上这些代码:
var chooseType = Ext.ComponentQuery
.query('combobox[name="chooseType"]')[0].getValue() //获取相应的参数,这是我自己的参数,我是根据这个控件的值来指定不同的url;
var task_nsrmc = Ext.ComponentQuery
.query('textfield[name="task_nsrmc"]')[0].getValue();//获取相应的参数,这是我自己的参数,我是根据这个控件的值来指定不同的url;
var store //获取对应表格的store , 我用的是封装的方法 所以放上来也没用 , 读者自行获取相应表格的store就行了
if(chooseType == "1"){
store.getProxy().url = 'getSameNsr.action'; //当满足情况1时修改表格请求数据的url
}
if(chooseType == "2"){
store.getProxy().url = 'getSameTysbh.action';//当满足情况2时修改表格请求数据的url
}
store.getProxy().extraParams["task_nsrmc"] = task_nsrmc; //修改请求时发送的参数
store.loadPage(1);
相关文章推荐
- Ext.data.Store动态修改url
- stuts2后台action动态传递参数给前台JSP
- Ext.data.Store动态修改url
- js 动态修改浏览器地址url及url里的参数
- Ext.data.Store动态修改url
- 动态增加、修改、删除URL参数方法
- Ext.data.Store动态修改url
- ext 前台传递数组参数
- 简单解决 multipart/form-data 文件上传表单中 传递参数无法获取的办法! (解决办法:动态更改表单提交URL)
- thickbox中url传递参数的问题解决 -修改Thickbox.js
- 简单解决 multipart/form-data 文件上传表单中 传递参数无法获取的办法! (解决办法:动态更改表单提交URL)
- EXTJS中Store动态传递URL和参数
- ext前台关于树和表格数据之间动态转换
- html中url传递多个参数,使用js动态控制选择个数
- 演示弹出窗口传递参数,并用参数来动态修改DataGrid的列
- 利用jQuery动态修改URL地址参数和参数值
- dwz jui 表格数据参数传递 点击时动态添加了个input
- 动态网页中隐藏url参数传递的方法
- 读取URL中的参数、修改URL参数、动态修改URL replaceState js代码
- Ext.data.Store动态修改url