ExtJS 消息发送组件-优快云博客

本文介绍了一个使用 ExtJS 开发的消息发送组件，该组件允许用户选择多种发送方式（如电子邮件、短信等），并提供了填写发送人、发送时间、消息主题及内容的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.onReady(function() {
	Ext.get("pane").addListener("click",sumbit);
	function sumbit(){
	var register=Ext.get("register").getValue();//获取登记人姓名
	var register_time=Ext.get("register_time").getValue();//时间
	var remark=Ext.get("remark").getValue();//备注

        var top = new Ext.FormPanel({
        labelWidth: 60, 
        frame:true,
        defaults: {width: 380},
        defaultType: 'textfield',

        items: [{                                                                        
  				xtype: 'checkboxgroup',                                          
 				 items: [                                                
   				   {boxLabel: '发电子邮件', name: 'cbxa', inputValue:1,checked: true},                           
   				   {boxLabel: '发手机短信', name: 'cbxb', inputValue:2},            
  				    {boxLabel: '发内部消息', name: 'cbxc',inputValue:3}                           
 				 ]                           
				},{
                fieldLabel: '发 送 人',
                name: 'name',
                value:register
            },{
                    fieldLabel: '发送时间',
                    name: 'time',
                    value:register_time
                },{
                    xtype:'textfield',
                    fieldLabel: '消息主题',
                    name: 'title',
                    value:'xxxx',
                    allowBlank:false
                },{
                    xtype:'textfield',
                    fieldLabel: 'Email邮箱',
                    name: 'email',
                    value:'xxxx@xxx.com',
                    vtype:'email'
                },{
            	  xtype:'htmleditor',
            	  fieldLabel:'消息内容',
            	  htight:130,
           		  id:'bio',
          		  value:remark
      		  }
     		],
        buttons: [{
            text: '发送' ,
            type: 'submit',
            handler: function(){
                 if(top.getForm().isValid()){
	                top.getForm().submit({
	                    url: '../../fund_apply_pay_expenses_check_oka',
	                    waitMsg: '正在发送消息...',
	                    success: function(top, o){
	                   Ext.Msg.alert('提示信息',o.result.file);
	                   window.close();
	                    }
	                });
                }
		}
        },{
            text: '取消',
            handler: function(){
                 //window.close();---关闭窗口
                 top.form.reset();//重表表单              
             }
        }]
    });
	var window = new Ext.Window({
        title: '发消息',
        width: 500,
        height:420,
       // closable:false,----禁止关闭
        layout: 'fit',
        plain:true,
        bodyStyle:'padding:1px;',//窗口左右的宽度
        buttonAlign:'center',
        items: top
    });
 	window.show();
	};
});

js文件