goods_param.html
1.66 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<div class="panel-body table-responsive" style="padding:0px;">
<table class="table table-hover">
<thead>
<tr>
<th style='width:50px;'></th>
<th>属性名称</th>
<th>属性值</th>
</tr>
</thead>
<tbody id="param-items">
{loop $params $p}
<tr>
<td>
<a href="javascript:;" class="fa fa-move" title="拖动调整此显示顺序"><i class="fa fa-arrows"></i></a>
<a href="javascript:;" onclick="deleteParam(this)" style="margin-top:10px;" title="删除"><i class='fa fa-remove'></i></a>
</td>
<td>
<input name="param_title[]" type="text" class="form-control param_title" value="{$p['title']}"/>
<input name="param_id[]" type="hidden" class="form-control" value="{$p['id']}"/>
</td>
<td><input name="param_value[]" type="text" class="form-control param_value" value="{$p['value']}"/></td>
</tr>
{/loop}
</tbody>
<tbody>
<tr>
<td colspan="3">
<a href="javascript:;" id='add-param' onclick="addParam()" style="margin-top:10px;" title="添加属性">添加属性 <i class='fa fa-plus'></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<script language="javascript">
$(function(){
$("#param-items").sortable({handle:'.fa-move'});
$("#chkoption").click(function(){
var obj =$(this);
if(obj.get(0).checked){
$("#tboption").show();
$(".trp").hide();
}
else{
$("#tboption").hide();
$(".trp").show();
}
});
})
function addParam() {
var url = "{php echo $this->createWebUrl('param')}";
$.ajax({
"url": url ,
success:function(data){
$('#param-items').append(data);
}
});
return;
}
function deleteParam(o) {
$(o).parent().parent().remove();
}
</script>