Question

Ext 高手来看看那里出错了？

function serchFromgys(){ var grid=new Ext.lingo.JsonGrid.Gys(); grid.region='center'; var leftItems=[ {xtype:'textfield',name: 'mc',allowBlank: true,fieldLabel: '名称',anchor:'60%'}, {xtype:'lycombo',name: 'lyId',allowBlank: true,fieldLabel: '来源',mapping:'gysLy.id'}, {xtype:'gyslxcombo',name: 'lx',allowBlank: true,fieldLabel: '类型',mapping:'gysLx.id'} ]; var rightItems=[ {xtype:'textfield',name: 'bh',allowBlank: true,fieldLabel: '编号',anchor:'60%',value:''}, {xtype:'jgsccombo',name: 'jgscId',allowBlank: true,fieldLabel: '价格手册',mapping:'gysJgsc.id'},//3 {xtype:'yhzcombo',name: 'yhzId',allowBlank: true,fieldLabel: '用户组',mapping:'gysYhz.id'} ]; var formPanel=new Ext.FormPanel({ collapsible:true, region:'north', labelAlign:'right', frame:true, title : '信息检索', layout:'column', bodyStyle : 'padding: 10px; background-color: #DFE8F6', labelWidth : 100, height : 200, items:[ { columnWidth:.5, layout:'form', border:false, items:leftItems },{ columnWidth:.5, layout:'form', border:false, items:rightItems } ], buttons: [{ text: '查询', handler: function(){ /*grid.store.removeAll(); grid.store.reload({ params : { start : 0, limit : 15, 'tj1' :Ext.get(leftItems[0].name).dom.value, 'tj2' :Ext.get(leftItems[1].name).dom.value, 'tj3' :Ext.get(leftItems[2].name).dom.value, 'tj4' :Ext.get(rightItems[0].name).dom.value, 'tj5' :Ext.get(rightItems[1].name).dom.value, 'tj6' :Ext.get(rightItems[2].name).dom.value } });*/ }, formBind : true },{ text: '清空', handler:function(){ //formPanel.form.reset(); } }] }); var panel= new Ext.Panel({ id:name, layout: 'border', items : [ formPanel,grid ] }); return panel;} 问题 我在另一个页面调用的时候老是报ext-all.js缺少对象。只要把formPanel的items属性拿掉就好了 ？

Answer 1

formpanel的item确实麻烦, 再规范的代码也容易出错, 我的解决办法:

//公用属性
var _txta = {anchor: '100%', xtype: 'textfield', allowBlank: false, blankText: '不能为空'};

var _root = [];

_r = {layout: 'column', items: []};
//Ext.applyIf方法将参数2对象的属性添加到参数1对象, 如有同名的属性则不覆盖, Ext.apply方法则是覆盖同名属性. 区别情况使用
_r.items.push({columnWidth: .33, layout: 'form', items:[
Ext.applyIf({fieldLabel: '字段1', name: 'field1'}, _txta)
]});

//换行
_root.push(_r);
_r = {layout: 'column', items: []};

_r.items.push({columnWidth: .33, layout: 'form', items:[
Ext.applyIf({fieldLabel: '字段2', name: 'field2', allowBlank: true}, _txta) //不使用默认allowBlank属性
]});
_root.push(_r);

//加feildset
_root = {title: '标题', xtype: 'fieldset', collapsed: false, collapsible: true, items: _root};

//写formpanel时, 使用多语句逐对象添加, 可明显减少代码结构错误

var _form = new Ext.form.FormPanel({
region: 'north',
layout: 'form',
frame: true,
border: false,
height: 215,
labelAlign: 'right',
items: _root
});

Answer 2

你上面的代码是正在使用的代码?已经被压缩成一行了,但是压缩后 "//3"这些注释都没去掉,是不是这个问题啊?

Answer 3

请教一下，xtype:'lycombo', xtype:'gyslxcombo', xtype:'jgsccombo', xtype:'yhzcombo',
这些都是神马东西，我肿么在API里面找不到啊？是你自己定义的？？
我是新手！