index.html
2.1 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
<include file="public@header" />
</head>
<body>
<table class="table table-bordered" style="margin: 10px 10px;">
<caption>投票结果页</caption>
<thead>
<tr>
<th style="width: 60px;">ID</th>
<th>投票标题</th>
<th style="width: 90px;">操作</th>
</tr>
</thead>
<tbody>
<volist name="data" id="vo">
<tr>
<td>{$vo.id}</td>
<td>{$vo.title}</td>
<td>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal" onclick="chakan({$vo.id})">查看</button>
</td>
</tr>
</volist>
</tbody>
</table>
<!-- 查看模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" style="width: 900px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">投票结果</h4>
</div>
<div class="modal-body jieguo">
<div class="input-group">
<input type="text" class="form-control" name="title" disabled="disabled" style="width: 858px;" value="">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script>
//查看模态框
function chakan(id){
$('.qingkong').remove();
$.post("{:url('Vote/results')}", {id:id}, function(data) {
shuju = JSON.parse(data);
$("input[name='title']").val(shuju.title.title);
for (var i = 0; i < shuju.xuan.length; i++) {
$('.jieguo').append("<div class='input-group qingkong' style='margin-top:5px;'><input type='text' disabled='disabled' value='"+shuju.xuan[i].options+"' class='form-control'><span class='input-group-addon'>"+shuju.xuan[i].votes+"票</span></div>");
}
});
}
</script>
</body>
</html>