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);
            });
        });
    };
});
View Code
复制代码

Controller:

复制代码
 1         public JsonResult GetModelInfo(string ModelName)
 2         {
 3             try
 4             {
 5                 var pieModelLists = (from l in db.tbPIEModelLists
 6                                      where l.ModelName == ModelName
 7                                      orderby l.SeqNo ascending
 8                                      select l).ToList();
 9                 return Json(pieModelLists, JsonRequestBehavior.AllowGet);
10             }
11             catch
12             {
13                 return null;
14             }
15         }
View Code
复制代码

 

posted @   Bruce_Cheung  阅读(340)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示