fastadmin 动态添加某一字段的输入数量

 如图所示可修改城市数量

表单代码如下:

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Station_json')}:</label>
        <div class="col-xs-12 col-sm-8">
            <table class="table table-responsive fieldlist" data-name="row[station_json]" data-template="testtpl" data-tag="tr">
                <tr>
                    <td>城市</td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a></td>
                </tr>
                <textarea name="row[station_json]" class="form-control hide" cols="30" rows="5">{$row.station_json|htmlentities}</textarea>
            </table>
            <!--定义模板,模板语法使用Art-Template模板语法-->
            <script type="text/html" id="testtpl">
                <tr class="form-inline">
                    <td><input type="text" name="row[<%=name%>][<%=index%>][name]" class="form-control" value="<%=row['name']%>" size="10"></td>
                    <td><span class="btn btn-sm btn-danger btn-remove"><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>

数据表中字段设置 station_json 类型为json

保存到表中的数据是:

[{"name": "新乡"}, {"name": "开封"}, {"name": "周口"}, {"name": "合肥"}, {"name": "上海"}]

如果是多列数据

 

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Json')}:</label>
        <div class="col-xs-12 col-sm-8">
            <table class="table table-responsive fieldlist" data-name="row[json]" data-template="testtpl" data-tag="tr">
                <tr>
                    <td>表情(1笑/0哭)</td>
                    <td>内容</td>
                </tr>
                <tr>
                    <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a></td>
                </tr>
                <textarea name="row[json]" class="form-control hide" cols="30" rows="5">{$row.json|htmlentities}</textarea>
            </table>
            <!--定义模板,模板语法使用Art-Template模板语法-->
            <script type="text/html" id="testtpl">
                <tr class="form-inline">
                    <td><input type="text" name="row[<%=name%>][<%=index%>][expression]" class="form-control" value="<%=row['expression']%>" size="5"></td>
                    <td><input type="text" name="row[<%=name%>][<%=index%>][title]" class="form-control" value="<%=row['title']%>" size="30"></td>
                    <td><span class="btn btn-sm btn-danger btn-remove"><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>

保存到数据表的数据:

[{"expression":"1","title":"今天不疼了"},{"expression":"1","title":"变美了"},{"expression":"0","title":"手术完第一天"}]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值