EXTJS 3.4 formPanel的column布局和 日期和星期的关系

来源:互联网 发布:淘宝试用成功要付费吗 编辑:程序博客网 时间:2024/06/07 17:55
var form = new Ext.form.FormPanel({title : "岗位",width : 1200,//height : 800,autoHeight:true,frame : true,autoScroll : true,renderTo : "ssssss1",layout : "form", // 整个大的表单是form布局labelWidth : 80,labelAlign : "right",border: true,items : [{ // 行1layout : "column", // 从左往右的布局items : [{columnWidth : .16, // 该列有整行中所占百分比layout : "form", // 从上往下的布局items : [ {xtype : "datefield",name : 'dutyDate',allowBlank: false,    editable: false,        altFormats: "Y-m-d",        format:"Y-m-d",fieldLabel : "日期",listeners : {"select" : function(field, value) {this.setValue(value);var weekDayInfo = [ "星期天", "星期一", "星期二","星期三", "星期四", "星期五", "星期六" ];var year = value.getFullYear();var month = value.getMonth();var date = value.getDate();var dt = new Date(year, month, date);Ext.getCmp('weekDay').setValue(weekDayInfo[dt.getDay()]);}}} ]}, {columnWidth : .16,layout : "form",items : [ {id :'weekDay',name : 'weekDay',xtype : "textfield",fieldLabel : "星期",} ]}                                   ]                              }]                        }]

0 0
原创粉丝点击