269 lines
12 KiB
Plaintext
269 lines
12 KiB
Plaintext
|
||
@{
|
||
ViewBag.Title = "签到问题维护";
|
||
}
|
||
<div id="checkQuestion" style="width:100%"></div>
|
||
|
||
<div id="checkQuestionModify" style="display:none;">
|
||
<form id="editform">
|
||
<input id="id" type="hidden" name="id" value="0" />
|
||
<table id="tb1" class="t1" style="width:100%">
|
||
<tr>
|
||
<td class="ltd" width="120px"><input id="code" class="l-text" name="code" type="hidden" />题干:</td>
|
||
<td class="rtd"><textarea id="text" name="text" rows="10" cols="70"></textarea></td>
|
||
</tr>
|
||
@*<tr>
|
||
<td class="ltd" width="120px"><input id="code" class="l-text" name="code" type="hidden" />问题日期:</td>
|
||
<td class="rtd"><input id="check_date" class="l-text" name="check_date" /></td>
|
||
</tr>*@
|
||
@*<tr>
|
||
<td class="ltd" width="120px"><input id="code" class="l-text" name="code" type="hidden" />答案:</td>
|
||
<td class="rtd"><input id="answer" class="l-text" name="answer" /></td>
|
||
</tr>*@
|
||
<tr id="tr1" class="options">
|
||
<td class="ltd" width="120px"><input id="code" class="l-text" name="code" type="hidden" />题目:</td>
|
||
<td class="rtd"><input id="options1" class="l-text" style="width:440px" name="options" /> <button type="button" style="" onclick="addOption(this)">添加题目</button></td>
|
||
</tr>
|
||
</table>
|
||
</form>
|
||
</div>
|
||
|
||
@section scripts{
|
||
<script type="text/javascript">
|
||
$(function () {
|
||
$("#check_date").ligerDateEditor();
|
||
var manager = $("#checkQuestion").ligerGrid({
|
||
url: "@Url.Action("getCheckQuestionList")",
|
||
toolbar: {
|
||
items: [
|
||
{text: '添加', click: itemclick, icon: 'add'},
|
||
{ line: true },
|
||
{ text: '修改', click: itemclick, icon: "edit" },
|
||
{ line: true },
|
||
{ text: '删除', click: itemclick, icon: 'delete' }
|
||
|
||
]
|
||
},
|
||
title: "签到问题列表",
|
||
parms: { },
|
||
columns: [
|
||
{ name: "id", id: "id", display: "id", width: 100, align: "center" },
|
||
{ name: "text", display: "题干", width: 100, align: "center" },
|
||
//{ name: "answer", display: "答案", width: 100, align: "center" },
|
||
//{ name: "check_date", display: "问题日期", width: 100, align: "center" },
|
||
{ name: "creater", display: "添加者", width: 100, align: "center" },
|
||
{ name: "create_time", display: "添加时间", width: 100, align: "center" },
|
||
{ name: "answer_yes", display: "是", width: 100, align: "center" },
|
||
{ name: "answer_no", display: "否", width: 100, align: "center" },
|
||
{ name: "answer_unknow", display: "不知道", width: 100, align: "center" }
|
||
], width: "98%",
|
||
height: "100%",
|
||
rownumbers: false,
|
||
usePager: false
|
||
});
|
||
manager.toggleCol("id", false);
|
||
});
|
||
|
||
function itemclick(item){
|
||
if (item.text == "添加") {
|
||
$(".options2").remove();
|
||
$("#id").val("0");
|
||
$("#text").val("");
|
||
$("#check_date").val("");
|
||
$("#options1").val("");
|
||
$.ligerDialog.open({
|
||
title: "添加签到问题", target: $("#checkQuestionModify"),top:"15px", width: 750, height: 500, buttons: [{
|
||
text: "确定", onclick: function (item, dialg) {
|
||
f_save(dialg);
|
||
}
|
||
}, { text: "取消", onclick: function (item, dialg) { dialg.hidden(); } }]
|
||
});
|
||
} else if (item.text == "删除") {
|
||
var r = liger.get("checkQuestion").getSelectedRow();
|
||
if (!r) {
|
||
$.ligerDialog.alert("请选择数据！");
|
||
return;
|
||
}
|
||
var id = r.id;
|
||
f_delete(id);
|
||
}
|
||
else if (item.text == "修改")
|
||
{
|
||
var r = liger.get("checkQuestion").getSelectedRow();
|
||
if (!r) {
|
||
$.ligerDialog.alert("请选择数据！");
|
||
return;
|
||
}
|
||
$(".options2").remove();
|
||
$("#id").val(r.id);
|
||
$("#text").val(r.text);
|
||
$("#check_date").val(r.check_date);
|
||
$("#answer").val(r.answer);
|
||
$("#options1").val("");
|
||
$.ajax({
|
||
url: "@Url.Action("getQuestionOptions")", type: "post", dataType: "json", data: {id:$("#id").val()},
|
||
success: function (d) {
|
||
$.ligerDialog.closeWaitting();
|
||
|
||
if (d.State == 1) {
|
||
var options = d.options;
|
||
var tb = document.getElementById("tb1");
|
||
//var n = $("#tb1 tr:last");
|
||
//var n = document.getElementById('tr1').rowIndex + 1;
|
||
if (options.length>0) {
|
||
$("#options1").val(options[0].options);
|
||
if (options.length>1) {
|
||
for (var i = 1; i < options.length; i++) {
|
||
var newTr = tb.insertRow();//添加新行，trIndex就是要添加的位置
|
||
newTr.innerHTML = '<tr id="tr1" class="options"> <td class="ltd" width = "120px" > <input id="code" class="l-text" name="code" type="hidden" />题目:</td > <td class="rtd"><input id="option2" style="width:440px" class="l-text" name="options" value="' + options[i].options + '" /> <button type="button" style="" onclick="deleteOption(this)">删除题目</button></td> </tr >';
|
||
newTr.id = 'tr2';
|
||
newTr.classList.add('options2');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
},
|
||
beforeSend: function () {
|
||
$.ligerDialog.waitting("请稍后……");
|
||
}
|
||
})
|
||
$.ligerDialog.open({
|
||
title: "修改签到问题", target: $("#checkQuestionModify"), top: "15px", width: 750, height: 500, buttons: [{
|
||
text: "确定", onclick: function (item, dialg) {
|
||
f_save(dialg);
|
||
}
|
||
}, { text: "取消", onclick: function (item, dialg) { dialg.hidden(); } }]
|
||
});
|
||
}
|
||
}
|
||
|
||
function f_save(dialg) {
|
||
//if (!$("#sort").val()) {
|
||
// $.ligerDialog.alert("序号不能为空！");
|
||
// return;
|
||
////}
|
||
//console.log(getForm2("editform"));
|
||
var keyvalues = getForm2("editform");
|
||
//var id = $("#id").val();
|
||
//var text = $("#text").val();
|
||
//var check_date = $("#check_date").val();
|
||
var id = keyvalues["id"];
|
||
var text = keyvalues["text"];
|
||
var check_date = keyvalues["check_date"];
|
||
var answer = keyvalues["answer"];
|
||
var options = keyvalues["options"];
|
||
//var json = '{"id":"' + id + '","text":"' + text + '","answer":"' + answer + '","check_date":"' + check_date + '","options":"' + options + '"}';
|
||
//var data = JSON.parse(json);
|
||
var data = { id: id, text: text, answer: answer, check_date: check_date, options: options };
|
||
$.ajax(
|
||
{
|
||
url: "@Url.Action("saveCheckQuestion")", type: "post", dataType: "json", data: data,
|
||
success: function (d) {
|
||
$.ligerDialog.closeWaitting();
|
||
$.ligerDialog.alert(d.Message, function () {
|
||
if (d.State == 1) {
|
||
dialg.hidden();
|
||
liger.get("checkQuestion").reload();
|
||
}
|
||
});
|
||
},
|
||
beforeSend: function () {
|
||
$.ligerDialog.waitting("正在保存请稍后……");
|
||
}
|
||
});
|
||
}
|
||
|
||
function f_delete(id)
|
||
{
|
||
$.ajax(
|
||
{
|
||
url: "@Url.Action("deleteCheckQuestion")", type: "post", dataType: "json", data: { id: id },
|
||
success: function (d) {
|
||
$.ligerDialog.alert(d.Message, function () {
|
||
if (d.State == 1) {
|
||
liger.get("checkQuestion").reload();
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
function addOption(addButton)
|
||
{
|
||
var tb = document.getElementById("tb1");
|
||
var n = document.getElementById('tr1').rowIndex + 1;
|
||
//var n = $("#tb1 tr:last");
|
||
//var n = $("#tb1>tbody>tr:not(:last)>td:not(:last-child)");
|
||
var newTr = tb.insertRow();//添加新行，trIndex就是要添加的位置
|
||
newTr.innerHTML = '<tr id="tr1" class="options"> <td class="ltd" width = "120px" > <input id="code" class="l-text" name="code" type="hidden" />题目:</td > <td class="rtd"><input id="option2" style="width:440px" class="l-text" name="options" /> <button type="button" style="" onclick="deleteOption(this)">删除题目</button></td> </tr >';
|
||
newTr.id = 'tr2';
|
||
newTr.classList.add('options2');
|
||
|
||
}
|
||
|
||
function deleteOption(deleteButton) {
|
||
deleteButton.parentNode.parentNode.remove();
|
||
}
|
||
|
||
function getForm2(formid) {
|
||
var keyvalues = {};
|
||
var form = document.getElementById(formid);
|
||
var elements = form.elements;
|
||
var have;
|
||
|
||
for (var i = 0; i < elements.length; i++) {
|
||
var element = elements[i];
|
||
if (element.disabled) {
|
||
continue;
|
||
}
|
||
var name = element.name;
|
||
if (!name) {
|
||
continue;
|
||
}
|
||
var classs = element.classList;
|
||
if (classs.contains("need")) {
|
||
|
||
}
|
||
//console.log(element.type);
|
||
var value = "未知";
|
||
switch (element.type) {
|
||
case "text":
|
||
case "textarea":
|
||
case "number":
|
||
case "hidden":
|
||
case "select-one":
|
||
value = element.value;
|
||
break;
|
||
case "button":
|
||
value = element.innerHTML;
|
||
break;
|
||
case "checkbox":
|
||
if (element.checked) {
|
||
value = element.value;
|
||
break;
|
||
} else {
|
||
continue;
|
||
}
|
||
break;
|
||
default:
|
||
value = element.type;
|
||
break;
|
||
}
|
||
have = false;
|
||
for (var key in keyvalues) {
|
||
if (key == name) {
|
||
keyvalues[name] += "," + value;
|
||
have = true;
|
||
break;
|
||
}
|
||
}
|
||
if (have == false) {
|
||
keyvalues[name] = value;
|
||
}
|
||
}
|
||
return keyvalues;
|
||
}
|
||
|
||
</script>
|
||
} |