【问题标题】:isNaN then show not workingisNaN 然后显示不工作
【发布时间】:2016-06-15 09:04:17
【问题描述】:

我有这个带有 JSON 结果的简单自动完成功能。假设万一没有适合显示 div 的值(因此用户可以创建一个新实体),我不明白为什么它不显示隐藏的 div。

public JsonResult GetSubjectsName(string term)
{
    var results = db.subjects.Where(s => term == null || s.SubjectName.ToLower().Contains(term.ToLower()))
        .Select(x => new 
        { 
            id = x.SubjectId, 
            value = x.SubjectName 
        }).Distinct().ToList();
        return Json(results, JsonRequestBehavior.AllowGet);
    }
<div id="divId" style="background-color: red; height: 250px; display: none">
    blabla
</div>
$("#term").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "GetSubjectsName",
            data: "{'term': '" + request.term + "' }",
            dataType: 'json',
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataFilter: function (data) { return data; },
            success: function (data) {
                response($.map(data, function (item) {
                    if (isNaN(item.id)) {
                        $("#divId").show("slow");
                    };
                    return {
                        label: item.value,
                        value: item.value,
                        id: item.id,
                    }
                }));
            }
        });
    },
    minLength: 2,
});

【问题讨论】:

    标签: jquery json jquery-ui asp.net-mvc-5


    【解决方案1】:

    您将返回 List 的主题,我假设所有主题都会有 id。

    所以你的检查,而不是if isNaN 可能是检查length:-

    success: function(data) {
    
      if (!data.length) {
    
        $("#divId").show("slow");
    
      } else {
    
        response($.map(data, function(item) {
          return {
            label: item.value,
            value: item.value,
            id: item.id,
          }
        }));
    
      }
    }
    

    【讨论】:

      猜你喜欢
      • 2015-11-15
      • 1970-01-01
      • 2022-11-14
      • 2021-11-07
      • 1970-01-01
      • 2011-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多