第一次写JQuery页面

<title>发布案例</title>

<script src="../Scripts/jquery.js" type="text/javascript"></script>

<style type="text/css">

.txtNoBorder

{

border: 0 solid;

}

.EvidenceNumber

{

font-size:13px;

}

</style>

<script type="text/javascript" language="javascript">

$(document).ready(function () {

$("#btnAddCaseMatPro").click(function () {

$("#tbCaseMatPro").show();

});

$("#btnAddEvidence").click(function () {

$("#tbEvidence").show();

});

$("#btnEvidenceCancle").click(function () {

$("#tbEvidence").hide();

});

$("#btnCaseMatPrCancle").click(function () {

$("#tbCaseMatPro").hide();

});

// 添加案件过程

$("#btnCaseMatPro").click(function () {

var caseTime = $("#<%=txtCaseTime.ClientID %>").val();

var personThing = $("#<%=txtPersonThing.ClientID %>").val();

var result = $("#<%=txtResult.ClientID %>").val();

var itemtemplate = $("#trCaseMatProTemplate").clone();

var isModify = $("#hdProSender").val();

if (isModify != "") {

var tr = $("#" + isModify).parent().parent();

tr.after(itemtemplate);

tr.remove();

}

else {

$(itemtemplate).appendTo($("#tbShowCaseMatPro"));

var btnEdit = $("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='btneditCaseMatPro']");

var date = new Date()

$(btnEdit).attr("id", $(btnEdit).attr("id") + date.getYear() + date.getMonth() + date.getDate() + date.getHours() + date.getMinutes() + date.getSeconds());

}

//设置显示

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("#tdCaseTime").text(caseTime);

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttPersonThing").val(personThing);

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttResult").val(result);

//设置隐藏域

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='hdCaseTime']").val(caseTime);

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='hdPersonThing']").val(personThing);

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='hdResult']").val(result);

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttPersonThing").removeAttr("id");

$("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttResult").removeAttr("id");

$("#tbShowCaseMatPro").find("#trCaseMatProTemplate").removeAttr("id");

$("#tbShowCaseMatPro").find("#tdCaseTime").removeAttr("id");

$("#tbCaseMatPro").hide();

ClearCaseMatPro();

});

// 添加和编辑证据

$("#btnEvidence").click(function () {

var evidenceName = $("#<%=txtEvidenceName.ClientID %>").val();

var infoContent = $("#<%=txtInfoContent.ClientID %>").val();

var sourceID = $("#<%=dropSource.ClientID %>").val();

var source = $("#<%= dropSource.ClientID %>").find("option:selected").text();

var materialType = $("#<%= dropMaterialType.ClientID %>").find("option:selected").text();

var materialTypeID = $("#<%=dropMaterialType.ClientID %>").val();

var pageNumber = $("#<%=txtPageNumber.ClientID %>").val();

var itemtemplate = $("#trEvidenceTemplate").clone();

var last = parseInt($("#hfLastNumber").val());

var isModify = $("#hdEvidenceSender").val();

if (isModify != "") {

var tr = $("#" + isModify).parent().parent();

last = tr.find(".EvidenceNumber").text();

tr.after(itemtemplate);

tr.remove();

}

else {

last = last + 1;

$("#<%=hfLastNumber.ClientID %>").val(last);

$(itemtemplate).appendTo($("#tdShowEvidence"));

var btnEdit = $("#tdShowEvidence #trEvidenceTemplate").find("input[name='btneditEvidence']");

var date = new Date()

$(btnEdit).attr("id", $(btnEdit).attr("id") + date.getYear() + date.getMonth() + date.getDate() + date.getHours() + date.getMinutes() + date.getSeconds());

}

//设置显示

$("#tdShowEvidence #trEvidenceTemplate").find("#tdNumber").text(last);

$("#tdShowEvidence #trEvidenceTemplate").find("#tdEvidenceName").text(evidenceName);

$("#tdShowEvidence #trEvidenceTemplate").find("#ttInfoContent").val(infoContent);

$("#tdShowEvidence #trEvidenceTemplate").find("#tdMaterialSouce").text(source);

$("#tdShowEvidence #trEvidenceTemplate").find("#tdMaterialType").text(materialType);

$("#tdShowEvidence #trEvidenceTemplate").find("#tdPageNumber").text(pageNumber);

//设置隐藏域

$("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdEvidenceName']").val(evidenceName);

$("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdInfoContent']").val(infoContent);

$("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdMaterialSouceID']").val(sourceID);

$("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdMaterialTypeID']").val(materialTypeID);

$("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdPageNumber']").val(pageNumber);

$("#tdShowEvidence #trEvidenceTemplate").find("#tdNumber").removeAttr("id");

$("#tdShowEvidence #trEvidenceTemplate").find("#tdEvidenceName").removeAttr("id");

$("#tdShowEvidence #trEvidenceTemplate").find("#ttInfoContent").removeAttr("id");

$("#tdShowEvidence #trEvidenceTemplate").find("#tdMaterialType").removeAttr("id");

$("#tdShowEvidence #trEvidenceTemplate").find("#tdPageNumber").removeAttr("id");

$("#tdShowEvidence").find("#trEvidenceTemplate").removeAttr("id");

ClearEvidence();

$("#tbEvidence").hide();

});

});

// 添加后清空案件过程中控件

function ClearCaseMatPro() {

$("#<%=txtCaseTime.ClientID %>").val("");

$("#<%=txtPersonThing.ClientID %>").val("");

$("#<%=txtResult.ClientID %>").val("");

$("#hdProSender").val("");

}

// 添加证据后清空控件

function ClearEvidence() {

$("#<%=txtEvidenceName.ClientID %>").val("");

$("#<%=txtInfoContent.ClientID %>").val("");

$("#<%=dropSource.ClientID %>").get(0).selectedIndex = 0;

$("#<%=dropMaterialType.ClientID %>").get(0).selectedIndex = 0;

$("#<%=txtPageNumber.ClientID %>").val("");

$("#hdEvidenceSender").val("");

}

// 编辑办案过程

function EditCaseMatPro(sender) {

var caseTime = $(sender).parent().find("input[name='hdCaseTime']").val();

var personThing = $(sender).parent().find("input[name='hdPersonThing']").val();

var result = $(sender).parent().find("input[name='hdResult']").val();

$("#<%=txtCaseTime.ClientID %>").val(caseTime);

$("#<%=txtPersonThing.ClientID %>").val(personThing);

$("#<%=txtResult.ClientID %>").val(result);

$("#hdProSender").val($(sender).attr("id"));

$("#tbCaseMatPro").show();

}

// 编辑证据

function EditEvidence(sender) {

var materialSouceID = $(sender).parent().find("input[name='hdMaterialSouceID']").val();

var materialTypeID = $(sender).parent().find("input[name='hdMaterialTypeID']").val();

var evidenceName = $(sender).parent().find("input[name='hdEvidenceName']").val();

var infoContent = $(sender).parent().find("input[name='hdInfoContent']").val();

var pageNumber = $(sender).parent().find("input[name='hdPageNumber']").val();

$("#<%=txtEvidenceName.ClientID %>").val(evidenceName);

$("#<%=txtInfoContent.ClientID %>").val(infoContent);

$("#<%=dropSource.ClientID %>").get(0).value = materialSouceID;

$("#<%=dropMaterialType.ClientID %>").get(0).value = materialTypeID;

$("#<%=txtPageNumber.ClientID %>").val(pageNumber);

$("#hdEvidenceSender").val($(sender).attr("id"));

$("#tbEvidence").show();

}

// 删除办案过程

function RemovePro(sender) {

if (confirm("您要删除此项吗？")) {

$(sender).parent().parent().remove();

}

}

// 删除证据

function RemoveEvidence(sender) {

if (confirm("您要删除此项吗？")) {

$(sender).parent().parent().remove();

// 调整序号

$("#tdShowEvidence").find(".EvidenceNumber").each(function (index, date) {

$(date).text(index + 1);

});

}

}

</script>

</head>

<body>

<form />

</td>

</tr>

</table>

</form>

</body>

</html>