自定义

案例效果

在门户引擎中添加自定义模块

实现思路

1. 添加一个‘门户’类型的数据，然后点击规划；
2. 在规划页面设计页面框架，选择对应的框架们，直接拖拽到设计区域就可以；
3. 添加框架之后，点击【版块】，将自定义拖拽到对应的框架中；
4. 点击自定义模板上的设置按钮，可以对自定义模块显示的基本信息进行设置；

操作步骤

1. 添加一个‘门户’类型的数据，然后点击规划；

2. 在规划页面设计页面框架，选择对应的框架们，直接拖拽到设计区域就可以

3. 添加框架之后，点击【版块】，将自定义插件拖拽到对应的框架中；

4. 点击自定义模块上的设置按钮，可以对自定义进行设置：样式，配置，扩展；需要在配置信息中边写自定义页面；

5. 页面效果

相关代码

function(){
    var panel = Ext.create('Ext.form.Panel',{
        title:'调试',
        width:600,
        height:500,
        xtype:'panel',
        useButton:true,//显示确定取消按钮
        items:[{
            xtype:'form',
            border:0,
            margin:'10px 10px 10px 10px',
            layout: {
                type: 'vbox',
                align : 'stretch',
                pack  : 'start',
            },
            items:[{
                fieldLabel:"调试原因",
                xtype:'textfield',
                labelWidth:70,
                maxLength:'50',//最大长度
                name:'ALWD_DSSM', //名称 
                allowBlank:false,//是否为空
                emptyText:"请输入调试原因", //空文本
                value:"请输入调试原因"
            }
            ]

         }],
        autoShow:true,
        okButtonText:'确定',
        fn:function(win){
            console('这是事件')
        }
    });
    return  panel
}

关键字，相关问题

• 门户引擎
• 自定义