前端view代码:
<div class="panel-group" id="handle">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse"
href="#handleOne">
{:__("客户信息")}
</a>
</h4>
</div>
<div id="handleOne" class="panel-collapse collapse in">
<div class="panel-body">
<div class="row">
<div class="col-md-4 col-xs-12 form-group">
<div class="col-xs-12 col-sm-8">
<table class="table fieldlist" data-template="eventtpl" data-name="row[event]" id="second-table">
<tr>
<td>{:__('企业名称')}</td>
<td>{:__('性质')}</td>
<td style="width: 280px;">{:__('地区')}</td>
<td>{:__('报税起(所属期)')}</td>
<td>{:__('记账月份数')}</td>
<!-- <td>{:__('付款至(所属期)')}</td> -->
<td>{:__('费用/年')}</td>
<td>{:__('实际联系人')}</td>
<td>{:__('联系电话')}</td>
<td>{:__('法人')}</td>
<td>{:__('法人电话')}</td>
<td>{:__('税务几月登记')}</td>
<td>{:__('备注')}</td>
<td width="100"></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i
class="fa fa-plus"></i> {:__('继续添加')}</a></td>
</tr>
</table>
<!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
<textarea name="row[event]" class="form-control products_info " cols="30" rows="10">[{"enter_name":"","nature":"","area_id":"0","tax_time":"","book_month":"","close_time":"","price":"0","person_name":"","person_mobile":"","legal_name":"","legal_mobile":"","registration":"","notes":""}]</textarea>
<script id="eventtpl" type="text/html">
<tr class="form-inline">
<td><input type="text" name="<%=name%>[<%=index%>][enter_name]" class="form-control" size="15" value="<%=row.enter_name%>" data-rule="required" placeholder="企业名称"/></td>
<td>
<select id="c-nature" class="form-control selectpicker" data-rule="required" data-live-search="false" name="<%=name%>[<%=index%>][nature]">
<option value="小规模0申报">小规模0申报</option>
<option value="小规模有账">小规模有账</option>
<option value="一般纳税人0申报">一般纳税人0申报</option>
<option value="一般纳税人有账">一般纳税人有账</option>
</select>
</td>
<td >
<!-- <input id="c-area_id-<%=index%>" data-rule="required" data-source="area/selectpage?type=3" data-multiple="false" data-field="mergename" data-page-size="5" class="form-control selectpage" name="<%=name%>[<%=index%>][area_id]" type="text" value="" > -->
<div class="form-inline" data-toggle="cxselect" data-rule="required" data-selects="province,city,area">
<select class="province form-control" name="<%=name%>[<%=index%>][province]" data-url="ajax/area"></select>
<select class="city form-control" name="<%=name%>[<%=index%>][city]" data-url="ajax/area" data-query-name="province"></select>
<select class="area form-control" name="<%=name%>[<%=index%>][area]" data-url="ajax/area" data-query-name="city"></select>
</div>
</td>
<td>
<input id="c-tax_time-<%=index%>" data-rule="required" class="form-control tax_time datetimepicker" data-key="<%=index%>" value="{:date('Y-m')}" data-date-format="YYYY-MM" size="3" data-use-current="true" name="<%=name%>[<%=index%>][tax_time]" type="text" >
</td>
<td><input type="text" name="<%=name%>[<%=index%>][book_month]" class="form-control" size="2" value="" data-rule="required" placeholder="月份数"/></td>
<!-- <td><input type="text" name="<%=name%>[<%=index%>][close_time]" class="form-control" size="3" value="" data-rule="required" readonly/></td> -->
<td><input type="text" name="<%=name%>[<%=index%>][price]" class="form-control" size="3" value="" data-rule="required" placeholder="费用/年"/></td>
<td><input type="text" name="<%=name%>[<%=index%>][person_name]" class="form-control" size="3" value="" data-rule="required" placeholder="实际联系人"/></td>
<td><input type="text" name="<%=name%>[<%=index%>][person_mobile]" class="form-control" size="8" value="" data-rule="required" placeholder="联系电话"/></td>
<td><input type="text" name="<%=name%>[<%=index%>][legal_name]" class="form-control" size="3" value="" data-rule="required" placeholder="法人"/></td>
<td><input type="text" name="<%=name%>[<%=index%>][legal_mobile]" class="form-control" size="8" value="" data-rule="required" placeholder="法人电话"/></td>
<td>
<select id="c-registration" class="form-control selectpicker" data-rule="required" data-live-search="false" name="<%=name%>[<%=index%>][registration]">
<option value="0">未登记</option>
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
<option value="4">4月</option>
<option value="5">5月</option>
<option value="6">6月</option>
<option value="7">7月</option>
<option value="8">8月</option>
<option value="9">9月</option>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>
</td>
<td><input type="text" name="<%=name%>[<%=index%>][notes]" class="form-control" size="8" value="" placeholder="备注"/></td>
<td>
<!--下面的两个按钮务必保留-->
<span class="btn btn-sm btn-danger btn-remove" data-key="<%=index%>"><i class="fa fa-times"></i></span>
<!-- <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span> -->
</td>
</tr>
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
JS代码:
add: function () {
// Controller.api.bindevent();
$(document).on("fa.event.appendfieldlist", "#second-table .btn-append", function (e, obj) {
Form.events.selectpicker(obj);
Form.events.cxselect(obj);
//绑定动态下拉组件
Form.events.selectpage(obj);
//绑定日期组件
Form.events.datetimepicker(obj);
//绑定上传组件
// Form.events.faupload(obj);
});
Controller.api.commonbindevent();
// Controller.api.bindevent();
Form.api.bindevent($("form[role=form]"), function(data, ret){
//如果我们需要在提交表单成功后做跳转,可以在此使用Fast.api.redirect("链接") 进行跳转
top.Toastr.success('保存成功');
Fast.api.redirect('facrm/ledger/index');
});
},