本文目录一览:
- 1、ExtJS如何向服务器提交JSON数组
- 2、EXT的Store返回的数据集,如何转换成JS数组对象?
- 3、怎样将数组转换为extjs中的fields csdn
- 4、Extjs 数组怎么自定义,并且赋值
- 5、ExtJS怎么才能传送数组阿
ExtJS如何向服务器提交JSON数组
你在后台时 直接转json 传到前台 本来就是 下面的这种格式了
你需要加一个json包 然后直接把array数组转为 json就可以了
EXT的Store返回的数据集,如何转换成JS数组对象?
常规的ExtJS的Store,在new一个Store控件的时候,加上proxy属性,指向URL,在URL里返回特定格式的JSON数据即可。
var store = new Ext.data.Store({
// 获取数据的方式
proxy : new Ext.data.HttpProxy({
url : 'cardSell.ered?reqCode=queryCrdSellList4CX'
}),
});
取出Store中的全部数据,再封装成JSON格式,传回后台。(extjs store中数据转换成json)。
主要有以下两种方法:
1、var jsonData = Ext.encode(Ext.pluck(store.data.items, 'data'));
2、var datar = new Array();
var jsonDataEncode = "";
var records = store.getRange();
for (var i = 0; i records.length; i++) {
datar.push(records[i].data);
}
jsonDataEncode = Ext.util.JSON.encode(datar);
怎样将数组转换为extjs中的fields csdn
执行以下代码即可:
ction(){
//定义数据集对象
var bookStore = new Ext.data.Store({
autoLoad :true,
reader: new Ext.data.XmlReader({
totalRecords: "results",
record: "Book",
id: "id"
},
Ext.data.Record.create([
,
,
,
,
,
])
),
proxy : new Ext.data.HttpProxy({
url : 'bookext.do?method=getBookList'
})
})
//创建工具栏组件
var toolbar = new Ext.Toolbar([
]);
//创建Grid表格组件
var cb = new Ext.grid.CheckboxSelectionModel()
var bookGrid = new Ext.grid.GridPanel({
applyTo : 'grid-div',
frame:true,
tbar : toolbar,
store: bookStore,
stripeRows : true,
autoScroll : true,
viewConfig : {
autoFill : true
},
sm : cb,
columns: [//配置表格列
new Ext.grid.RowNumberer({
header : '行号',
width : 40
}),//表格行号组件
cb,
,
,
,
,
,
]
})
//创建新增书籍信息的form表单
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';//统一指定错误信息提示方式
var bookForm = new Ext.FormPanel({
labelSeparator : ":",
frame:true,
border:false,
items : [
{
xtype:'textfield',
width : 200,
allowBlank : false,
blankText : '书籍名称不能为空',
name : 'bookName',
fieldLabel:'书籍名称'
},{
xtype:'textfield',
width : 200,
allowBlank : false,
blankText : '书籍作者不能为空',
name : 'author',
fieldLabel:'作者'
},{
xtype:'combo',
width : 200,
allowBlank : false,
blankText : '必须选择书籍类型',
hiddenName : 'bookTypeId',
name : 'typeName',
store : new Ext.data.Store({
autoLoad :true,
reader: new Ext.data.XmlReader({
totalRecords: "results",
record: "BookType",
id: "id"
},
Ext.data.Record.create([
,
,
])
),
proxy : new Ext.data.HttpProxy({
url : 'bookext.do?method=getBookTypeList'
})
}),//设置数据源
allQuery:'allbook',//查询全部信息的查询字符串
triggerAction: 'all',//单击触发按钮显示全部数据
editable : false,//禁止编辑
loadingText : '正在加载书籍类型信息',//加载数据时显示的提示信息
displayField:'title',//定义要显示的字段
valueField : 'id',
emptyText :'请选择书籍类型',
mode: 'remote',//远程模式
fieldLabel:'类型'
},{
xtype:'textfield',
width : 200,
name : 'price',
fieldLabel:'金额'
},{
xtype:'textarea',
width : 200,
name : 'brief',
fieldLabel:'简介'
},{
xtype:'hidden',
name : 'id'
}
],
buttons:[
{
text : '关闭',
handler : function(){
win.hide();
}
},{
text : '提交',
handler : submitForm
}
]
});
//创建弹出窗口
var win = new Ext.Window({
layout:'fit',
width:380,
closeAction:'hide',
height:280,
resizable : false,
shadow : true,
modal :true,
closable:true,
bodyStyle:'padding:5 5 5 5',
animCollapse:true,
items:[bookForm]
});
//显示新建书籍窗口
function showAddBook(){
bookForm.form.reset();
bookForm.isAdd = true;
win.setTitle("新增书籍信息");
win.show();
}
//加载表单数据
function loadForm(bookId){
bookForm.form.load({
waitMsg : '正在加载数据请稍后',//提示信息
waitTitle : '提示',//标题
url : 'bookext.do?method=getBookById',//请求的url地址
params : ,
method:'GET',//请求方式
success:function(form,action){//加载成功的处理函数
//Ext.Msg.alert('提示','数据加载成功');
},
failure:function(form,action){//加载失败的处理函数
Ext.Msg.alert('提示','数据加载失败');
}
});
}
//提交表单数据
function submitForm(){
//判断当前执行的提交操作,isAdd为true表示执行书籍新增操作,false表示执行书籍修改操作
if(bookForm.isAdd){
//新增书籍信息
bookForm.form.submit({
clientValidation:true,//进行客户端验证
waitMsg : '正在提交数据请稍后',//提示信息
waitTitle : '提示',//标题
url : 'bookext.do?method=addBook',//请求的url地址
method:'POST',//请求方式
success:function(form,action){//加载成功的处理函数
win.hide();
updateBookList(action.result.bookId);
Ext.Msg.alert('提示','新增书籍成功');
},
failure:function(form,action){//加载失败的处理函数
Ext.Msg.alert('提示','新增书籍失败');
}
});
}
}
//明细数据修改后,同步更新书籍列表信息
function updateBookList(bookId){
var fields = getFormFieldsObj(bookId);
var index = bookStore.find('id',fields.id);
if(index != -1){
var item = bookStore.getAt(index);
for(var fieldName in fields){
item.set(fieldName,fields[fieldName]);
}
bookStore.commitChanges();
}else{
var rec = new Ext.data.Record(fields);
bookStore.add(rec);
}
Extjs 数组怎么自定义,并且赋值
Extjs 数组定义使用Ext.Array内置函数。
extjs4.0 Ext.Array 函数方法大全:
Ext.onReady(function(){
var array = ['1','2','3','4','1','6','7'];
Ext.Array.clean(array); //['1','2','3','4','6','7'];
Ext.Array.clone(array); // 克隆数组
Ext.Array.contains(array,'1'); //返回true 检查数组内是否包含指定元素
var array2 = ['1','2','3','4','5','6'];
Ext.Array.difference(array,array2); //返回 存在于 array中而不存在array2中的元素 ['','7']
Ext.Array.every(array,function(str,index,array){ //遍历数组 第二个参数执行回调函数 (当前元素,当前索引,当前数组(array)) 指定作用域 返回false 立即返回
//alert(str);
return true;
});
Ext.Array.filter(array,function(str,index,array){ //遍历数组 第二个参数执行回调函数 (当前元素,当前索引,当前数组(array)) 指定作用域 返回值: 返回true的元素组成新数组
//alert(str);
return true;
});
var array3 = ['1','2','3','4',['1','2','3'],'6','7'];
Ext.Array.flatten(array3); //返回值:将多维数组 平铺成一维数组
Ext.Array.forEach(array,function(str,index,array){ //单纯的遍历数组
//alert(str);
});
Ext.Array.from(array,true); //转换给定值为数组 如果为undefined 或 null 则返回空数组 本身为数组返回数组 可迭代返回数组拷贝 单值返回值包含该值的数组
Ext.Array.include(array,'100'); //向array末尾插入100 前提是array中不存在为100的值
Ext.Array.indexOf(array,'100',0); //在数组内寻找指定值 第三个参数为起始位置 返回值:所在位置
alert(Ext.Array.intersect([array,array2])); //合并多个数组 数组元素唯一
Ext.Array.map(array,function(str,index,array){ //根据返回值组成数组
return str;
});
Ext.Array.max(array,function(s1,s2){ //返回数组中最大值 使用比较函数时返回值为负数时 小 0为相等 正数为大
return 0;
});
Ext.Array.mean([1,2,3,4,5]); //返回平均值
Ext.Array.min(array,function(s1,s2){ //返回数组中最小值 可使用比较函数
return 0;
});
var array4 = [{'a1':'a1'},{'a1':'a2'},{'a3':'a3'}];
Ext.Array.pluck(array4,'a1'); //在数组json数据中查找键为a1的值返回数组 (不改变数组大小)
Ext.Array.remove(array,'1'); //删除数组中指定元素 注意:只删除一项
Ext.Array.some(array,function(s1,s2){ //遍历数组 返回true立即返回
return false;
});
var array5=['s','a','z','c'];
Ext.Array.sort(array5); //排序数组 默认以字符排序 可选排序函数
var array6=[1,2,3,4,5];
Ext.Array.sum(array6); //求和
Ext.Array.toArray(array6,2,4); //转换任何可迭代的值为数组 参数 1 iterable 2 start 3 end
Ext.Array.merge(array,array6); //组合数组
Ext.Array.unique(array,array6); //组合数组 merge的别名
Ext.Array.unique(array); //获取具有唯一元素的新数组
})
ExtJS怎么才能传送数组阿
可以使用数组的indexOf()方法,如果返回值为-1则说明不存在,如果返回值为大于-1的整数,则说明存在。例如:vararr=[1,2,3];arr.indexOf(1);//返回0arr.indexOf(5);//返回-1附:返回值为数组中的最靠前元素在数组的位置