插件页面调用系统页面组件

    为加速开发流程,在设计插件管理端页面时,可以调用系统页面组件模版实现快速部署。以下介绍两种基本方法。

    一、在页面html文件底部,插入js脚本声明需要调用的页面组件。例如:

window.scope.pagedata.htmls.list={
    'data':'list',
    'no_del':false,
    'del_message':'确认删除吗?',
    'del_op':'del',
    'html_to':'list_html'};
window.scope.pagedata.htmls.list.show=[
	{'name':'avatar','title':'头像','type':'image'},
	{'name':'realname','title':'账号','type':'string'},
	{'name':'fromuser','title':'推荐人id','type':'string'},
	{'name':'mobile','title':'手机','type':'string'},
	{'name':'nickname','title':'昵称','type':'string'},
	{'name':'credit1','title':'积分','type':'string'},
	{'name':'credit2','title':'余额','type':'string'},
	{'name':'createtime','title':'注册日期','type':'string'},
	{'name':'creditlog','title':'积分/余额日志','type':'href'},
];
window.scope.pagedata.htmls.edit=[
    {'type':'string','title':'昵称','name':'nickname','help':''},
    {'type':'image','title':'头像','name':'avatar','help':''},
    {'type':'select','title':'会员组','name':'groupid',
    'help':'选择所属会员组','options':'groups'},
    {'type':'day','title':'生日','name':'birth','help':''},
    {'type':'pcd','title':'户籍','name':'pcd','help':''},
    {'type':'string','title':'QQ','name':'qq','help':''},
    {'type':'string','title':'详细地址','name':'address','help':''},
];
window.scope.pagedata.htmls.search=[
    {'type':'string','title':'会员ID','name':'id','help':''},
    {'type':'string','title':'手机号','name':'mobile','help':''},
    {'type':'string','title':'会员账号','name':'realname','help':''},
    {'type':'string','title':'昵称','name':'nickname','help':''},
    {'type':'select','title':'所属会员组','name':'groupid',
    'help':'','options':'groups'},
];

    所有页面组件设置信息均保存在window.scope.pagedata.htmls对象中。分为三种类型,分别是列表组件,查找表单组件和编辑表单组件。声明方法如上。

    二、在页面php文件中,在返回前端的数组中增加一个元素‘htmls’,例如:

$htmls=array(
    'type'=>'list',
    'list'=>array(
        'data'=>'list',
        'no_del'=>false,
        'del_message'=>'确认删除吗?',
        'del_op'=>'del',
        'html_to'=>'list_html',
        'show'=>array(
	    '0'=>array('name'=>'avatar','title'=>'头像','type'=>'image'),
	    '1'=>array('name'=>'realname','title'=>'账号','type'=>'string'),
	    '2'=>array('name'=>'fromuser','title'=>'推荐人id','type'=>'string'),
	    '3'=>array('name'=>'mobile','title'=>'手机','type'=>'string'),
	    '4'=>array('name'=>'nickname','title'=>'昵称','type'=>'string'),
	    '5'=>array('name'=>'credit1','title'=>'积分','type'=>'string'),
	    '6'=>array('name'=>'credit2','title'=>'余额','type'=>'string'),
	    '7'=>array('name'=>'createtime','title'=>'注册日期','type'=>'string'),
	    '8'=>array('name'=>'creditlog','title'=>'积分日志','type'=>'href'),
    )),
    'search'=>array(
	'0'=>array('type'=>'string','title'=>'会员ID','name'=>'id','help'=>''),
	'1'=>array('type'=>'string','title'=>'手机号','name'=>'mobile'),
	'2'=>array('type'=>'string','title'=>'会员账号','name'=>'realname'),
	'3'=>array('type'=>'string','title'=>'昵称','name'=>'nickname'),
	'4'=>array(
	    'type'=>'select',
	    'title'=>'所属会员组',
	    'name'=>'groupid',
	    'options'=>'groups'
	),
    ),
);
$return['htmls']=$htmls;

    注意,如果是在php文件中声明,则系统会自动调用系统内置前端页面基础模版加以渲染,不再加载插件页面html文件。也就是整个html内容都需要在此声明。而如果需要在使用系统页面组件的同时自定义额外html元素,可采用第一种方法。

返回

条结果""