ExtJs 再度载入panel
日期：2014-05-16 浏览次数：20436 次
ExtJs 再次载入panel
formpanel的定义如上代码。可以看到很多控件的readOnly值都是一个变量isOrderPanelOnlyRead。
刚开始载入页面的时候，isOrderPanelOnlyRead为true。所以这些控件都是只读的
想实现在点下某个按钮之后，将isOrderPanelOnlyRead置为false,然后再次载入panel。于是那些控件变成可以编辑的。formpanel上
var btn_edit = new Ext.Button( {
text : "编辑",
id : "btn_edit",
handler : function() {
isOrderPanelOnlyRead =true;
_orderPanel.doLayout();
}
})
但是并没有实现预想的效果。还是只读的。
- JScript code
var _orderPanel = new Ext.form.FormPanel(
{
id : "id_deliveryPanel",
iconCls : "icon-grid",
defaults : {
labelWidth : 65
},
tbar : [ btn_edit, "-"],
items : [
{
items : {
layout : "column",
border : false,
items : [
{
xtype : "container",
columnWidth : .25,
layout : "form",
style : "padding: 0px 15px 0px 0px",
items : {
id : "id_deliveryCode",
fieldLabel : "发货单编号",
xtype : "textfield",
name : "deliveryM.deliveryCode",
maxLength : 50,
maxLengthText : '不能超过50个字符',
value : s,
// labelWidth : 20,
// width : 171,
// labelPad : 0,
readOnly : isOrderPanelOnlyRead,
allowBlank : false
}
},
{
xtype : "container",
columnWidth : .25,
layout : "form",
style : "padding: 0px 15px 0px 0px",
items : {
id : "id_orderCode",
fieldLabel : "订单编号",
xtype : "textfield",
anchor : '100%',
maxLength : 50,
maxLengthText : '不能超过50个字符',
allowBlank : false,
readOnly : isOrderPanelOnlyRead,
name : 'deliveryM.orderCode'
}
},
formpanel的定义如上代码。可以看到很多控件的readOnly值都是一个变量isOrderPanelOnlyRead。
刚开始载入页面的时候，isOrderPanelOnlyRead为true。所以这些控件都是只读的
想实现在点下某个按钮之后，将isOrderPanelOnlyRead置为false,然后再次载入panel。于是那些控件变成可以编辑的。formpanel上
var btn_edit = new Ext.Button( {
text : "编辑",
id : "btn_edit",
handler : function() {
isOrderPanelOnlyRead =true;
_orderPanel.doLayout();
}
})
但是并没有实现预想的效果。还是只读的。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
