一張圖解析FastAdmin中的FormBuilder表單生成器

一張圖解析FastAdmin中的FormBuilder表單生成器


<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('文本框')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::text('row[text]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('多行文本框')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::textarea('row[textarea]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('富文本編輯器')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::editor('row[editor]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('單選')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::radios('row[radio]', ['aa'=>'AA', 'bb'=>'BB'], 'aa', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('復(fù)選')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::checkboxs('row[checkbox]', ['aa'=>'AA', 'bb'=>'BB'], 'aa', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('下拉列表')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::select('row[select]', ['aa'=>'AA', 'bb'=>'BB'], 'aa', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('下拉列表(多選)')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::selects('row[select]', ['aa'=>'AA', 'bb'=>'BB'], 'aa', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('下拉列表(友好)')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::selectpicker('row[selectpicker]', ['aa'=>'AA', 'bb'=>'BB'], 'aa', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('下拉列表(友好)(多選)')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::selectpickers('row[selectpickers]', ['aa'=>'AA', 'bb'=>'BB'], 'aa', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('動(dòng)態(tài)下拉列表')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::selectpage('row[select]', 2, 'category/selectpage', null, null, ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('動(dòng)態(tài)下拉列表(多選)')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::selectpages('row[select]', 2, 'category/selectpage', null, null, ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('城市選擇框')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::citypicker('row[citypicker]', 2, ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('日期')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::datepicker('row[datepicker]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('時(shí)間')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::timepicker('row[timepicker]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('日期時(shí)間')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::datetimepicker('row[timepicker]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('日期區(qū)間')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::daterange('row[daterange]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('時(shí)間區(qū)間')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::timerange('row[timerange]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('日期時(shí)間區(qū)間')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::datetimerange('row[datetimerange]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('動(dòng)態(tài)字段列表')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::fieldlist('row[fieldlist]', ['aa'=>'AA', 'bb'=>'BB'], null, '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('單圖')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::image('row[image]', '/uploads/20180629/b83227ea668e7b2d61def9812bbce3da.png', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('多圖')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::images('row[images]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('單文件')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::upload('row[upload]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('多文件')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::uploads('row[uploads]', '', ['data-rule'=>'required'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('開(kāi)關(guān)')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::switcher('row[switcher1]', '0', ['color'=>'success'])}

? ? ? ? ? ? {:Form::switcher('row[switcher2]', '1', ['color'=>'yellow', 'disabled'=>true])}

? ? ? ? ? ? {:Form::switcher('row[switcher3]', 'Y', ['color'=>'navy', 'yes'=>'Y', 'no'=>'N'])}

? ? ? ? ? ? {:Form::switcher('row[switcher4]', '1', ['color'=>'info'])}

? ? ? ? ? ? {:Form::switcher('row[switcher4]', '1', ['color'=>'danger', 'disabled'])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group">

? ? ? ? <label class="control-label col-xs-12 col-sm-2">{:__('聯(lián)動(dòng)選擇')}:</label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? {:Form::cxselect('ajax/area', ['province','city'], ['province'=>37, 'city'=>38])}

? ? ? ? </div>

? ? </div>

? ? <div class="form-group layer-footer">

? ? ? ? <label class="control-label col-xs-12 col-sm-2"></label>

? ? ? ? <div class="col-xs-12 col-sm-8">

? ? ? ? ? ? <button type="submit" class="btn btn-success btn-embossed disabled">{:__('Submit')}</button>

? ? ? ? ? ? <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>

? ? ? ? </div>

? ? </div>

</form>


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀(guān)點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容