如图所示可修改城市数量
表单代码如下:
<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":"手术完第一天"}]