ajax_spec_select.html
5.09 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<table class="table table-bordered" id="goods_spec_table1">
<tr>
<td colspan="2"><b>商品规格:</b></td>
</tr>
<foreach name="specList" item="vo" key="k" >
<tr>
<td>{$vo[name]}:</td>
<td>
<foreach name="vo[spec_item]" item="vo2" key="k2" >
<button type="button" data-spec_id='{$vo[id]}' data-item_id='{$k2}' class="btn <?php
if(in_array($k2,$items_ids))
echo 'btn-success';
else
echo 'btn-default';
?>" >
{$vo2}
</button>
<img width="35" height="35" src="{$specImageList[$k2]|default='__PUBLIC__/images/add-button.jpg'}" id="item_img_{$k2}" onclick="GetUploadify3('{$k2}');"/>
<input type="hidden" name="item_img[{$k2}]" value="{$specImageList[$k2]}" />
</foreach>
</td>
</tr>
</foreach>
</table>
<div id="goods_spec_table2"> <!--ajax 返回 规格对应的库存--> </div>
<script>
// 上传规格图片
function GetUploadify3(k){
cur_item_id = k; //当前规格图片id 声明成全局 供后面回调函数调用
GetUploadify(1,'','goods','call_back3');
}
// 上传规格图片成功回调函数
function call_back3(fileurl_tmp){
$("#item_img_"+cur_item_id).attr('src',fileurl_tmp); // 修改图片的路径
$("input[name='item_img["+cur_item_id+"]']").val(fileurl_tmp); // 输入框保存一下 方便提交
}
// 按钮切换 class
$("#ajax_spec_data button").click(function(){
if($(this).hasClass('btn-success'))
{
$(this).removeClass('btn-success');
$(this).addClass('btn-default');
}
else
{
$(this).removeClass('btn-default');
$(this).addClass('btn-success');
}
ajaxGetSpecInput();
});
/**
* 点击商品规格处罚 下面输入框显示
*/
function ajaxGetSpecInput()
{
// var spec_arr = {1:[1,2]};// 用户选择的规格数组
// spec_arr[2] = [3,4];
var spec_arr = {};// 用户选择的规格数组
// 选中了哪些属性
$("#goods_spec_table1 button").each(function(){
if($(this).hasClass('btn-success'))
{
var spec_id = $(this).data('spec_id');
var item_id = $(this).data('item_id');
if(!spec_arr.hasOwnProperty(spec_id))
spec_arr[spec_id] = [];
spec_arr[spec_id].push(item_id);
//console.log(spec_arr);
}
});
ajaxGetSpecInput2(spec_arr); // 显示下面的输入框
}
/**
* 根据用户选择的不同规格选项
* 返回 不同的输入框选项
*/
function ajaxGetSpecInput2(spec_arr)
{
layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '10px', time:100000}) ;
var goods_id = $("input[name='goods_id']").val();
$.ajax({
type:'POST',
data:{'spec_arr':spec_arr},
url:"/index.php/admin/Goods/ajaxGetSpecInput/goods_id/"+goods_id,
success:function(data){
$("#goods_spec_table2").html('')
$("#goods_spec_table2").append(data);
hbdyg(); // 合并单元格
layer.closeAll();
}
});
}
// 合并单元格
function hbdyg() {
var tab = document.getElementById("spec_input_tab"); //要合并的tableID
var maxCol = 2, val, count, start; //maxCol：合并单元格作用到多少列
if (tab != null) {
for (var col = maxCol - 1; col >= 0; col--) {
count = 1;
val = "";
for (var i = 0; i < tab.rows.length; i++) {
if (val == tab.rows[i].cells[col].innerHTML) {
count++;
} else {
if (count > 1) { //合并
start = i - count;
tab.rows[start].cells[col].rowSpan = count;
for (var j = start + 1; j < i; j++) {
tab.rows[j].cells[col].style.display = "none";
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
}
if (count > 1) { //合并，最后几行相同的情况下
start = i - count;
tab.rows[start].cells[col].rowSpan = count;
for (var j = start + 1; j < i; j++) {
tab.rows[j].cells[col].style.display = "none";
}
}
}
}
}
</script>