\application\admin\view\cms\fields
add.html edit.html
{if false} 和 {/if} 取消,开启扩展
--------------------------------
application\admin\controller\cms\Fields
去掉下面加红字段
$this->view->assign('typeList', array_diff_key(Config::getTypeList(), array_flip(['custom'])));
-------------------------------------
\application\admin\view\cms\common\fields.html
如果使用自定义下面加入,如果使用扩展,加入 {$item.extend}
{case value="custom"}
{$item.extend}
{/case}
--------------------
复杂的,比如带描述的图片直接在custom字段里加入
{case value="custom"}
{if($item.extend=="intro")}
{else}
<div class="input-group">
<input id="c-files" data-rule="required" class="form-control" size="50" name="row[files]" type="text" value="{$item.value|htmlentities}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-files" class="btn btn-danger plupload" data-input-id="c-files" data-mimetype="*" data-multiple="true" data-preview-id="p-files"><i class="fa fa-upload"></i> 上传</button></span>
<span><button type="button" id="fachoose-files" class="btn btn-primary fachoose" data-input-id="c-files" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> 选择</button></span>
</div>
<span class="msg-box n-right" for="c-files"></span>
</div>
<!--ul需要添加 data-template和data-name属性,并一一对应且唯一 -->
<ul class="row list-inline plupload-preview" id="p-files" data-template="introtpl" data-name="row[intro]"></ul>
<!--请注意 ul和textarea间不能存在其它任何元素,实际开发中textarea应该添加个hidden进行隐藏-->
<textarea name="row[intro]" class="form-control" style="display: none; margin-top:5px;">{:db('cms_addontuxiang')->where("id",input('archives_id'))->value('intro')}</textarea>
<!--这里自定义图片预览的模板 开始-->
<script type="text/html" id="introtpl">
<li class="col-xs-3">
<a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
<img src="<%=fullurl%>" class="img-responsive">
</a>
<input type="text" name="row[intro][<%=index%>]" class="form-control mb-1" placeholder="请输入文件描述" value="<%=value?value:''%>"/>
<a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a>
</li>
</script>
<!--这里自定义图片预览的模板 结束-->
{/if}
{/case}
发表评论 取消回复