包含extjs数组转换的词条

本文目录一览：

• 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附：返回值为数组中的最靠前元素在数组的位置