jQuery在$(function(){})中調用函數

任務太緊,很少記筆記,記下一篇jQuery中調用函數的例子:

該方法是在載入頁面的時候,判斷 ModelName 不為空,則獲取Model信息加載到Table中;

另外,在點擊半成品編號文本框時,也調用該函數。

item.Memo有可能在數據庫中為Null值,判斷后用 替代。

View:

$(function () {
// 打開頁面時,顯示該 ModelName 信息
if ($("#ModelName").val() != "")
DisplayModelInfo($("#ModelName").val()); // 點擊半成品編號時顯示該 ModelName 信息
$("#PartNo").click(function () {
if ($("#ModelName").val() != "")
DisplayModelInfo($("#ModelName").val());
}); function DisplayModelInfo(ModelName) {
// 自動顯示已保存的生產模型工序列表
var url = "/PIEModelList/GetModelInfo?ModelName=" + ModelName; //规则是控制器/方法/参数
$.getJSON(url, function (data) {
// alert($("#ModelName").val());
$("#tab").empty();
$("#tab").append("<tr><th>機型名</th><th>序列號</th><th>工序</th><th>半成品編號</th><th>流速(可選)</th><th>人數(可選)</th><th>工時(秒)</th><th>備注</th></tr>");
$.each(data, function (i, item) {
// alert(item.PartNo);
if (item.Memo != null) {
$("#tab").append("<tr>"
+ "<td>" + item.ModelName + "</td><td>" + item.SeqNo + "</td>"
+ "<td>" + item.WorkProcess + "</td><td>" + item.PartNo + "</td>"
+ "<td>" + item.FlowRate + "</td><td>" + item.PersonCount + "</td>"
+ "<td>" + item.StdWPTime + "</td><td>" + item.Memo + "</td>"
+ "</tr>");
}
else {
$("#tab").append("<tr>"
+ "<td>" + item.ModelName + "</td><td>" + item.SeqNo + "</td>"
+ "<td>" + item.WorkProcess + "</td><td>" + item.PartNo + "</td>"
+ "<td>" + item.FlowRate + "</td><td>" + item.PersonCount + "</td>"
+ "<td>" + item.StdWPTime + "</td><td>&nbsp;</td>"
+ "</tr>");
} // $("#PartNo").val(item.SeqNo);
});
});
};
});

Controller:

         public JsonResult GetModelInfo(string ModelName)
{
try
{
var pieModelLists = (from l in db.tbPIEModelLists
where l.ModelName == ModelName
orderby l.SeqNo ascending
select l).ToList();
return Json(pieModelLists, JsonRequestBehavior.AllowGet);
}
catch
{
return null;
}
}
上一篇:数据接口测试工具 Postman 介绍


下一篇:JS数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)