javascript - 使用 jquery 将数据绑定(bind)到 div 时在其中一列中添加链接

Question

我通过 json 引入数据并将其绑定(bind)在 div 中。现在我想要的是，该列是用其数据动态生成的。因此，响应中有一个名为 APPLICATIONNAME 的列，其中将有 a 标记。该链接是使用以下代码创建的。

<a href="@Url.Action("Index/" + SMenu.id, "Application")" class="menuCall">

我的响应及其数据绑定(bind)代码如下

success: function (data) {
            var html = '';

            if (data == "") {
                $("#dvTable").html('No Data Found');
            }

            else {
                var rData = JSON.parse(data);

                if (rData.length !== 0) {

                    html += '<div class="table-responsive"><table class="table table-blue">';

                    for (var key in rData) {
                        var row = rData[key];
                        if (key == 0) {
                            html += '<tr>';
                            for (var key2 in row) {
                                html += '<th>';
                                html += key2;
                                html += '</th>';
                            }
                            html += '</tr>';
                        }
                        html += '<tr>';
                        for (var key2 in row) {
                            html += '<td>';
                            html += row[key2];
                            html += '</td>';
                        }
                        html += '</tr>';
                    }
                    html += '</table></div>';
                }
                else {
                    html += "No Data Found";
                }

                $("#dvTable").html(html);
            }
        }

那么我应该如何链接并使其可点击。

JSON 代码

APP_MST_ID 是 SMenu.id，将用于 URL

更新

从 Controller 返回 json 代码。

public ActionResult GetSearchData(string ddlSelectedVal, string ddlselectParamType, string ddlselectOperator, string txtSearchCntrl)
    {
        string JSONresult = string.Empty;
        SearchComponentBLL srchData = new SearchComponentBLL();
        DataSet DS = new DataSet();
        DS = srchData.GET_FILTER_DATA(ddlSelectedVal, ddlselectParamType, ddlselectOperator, txtSearchCntrl);
        DataTable DT = new DataTable();
        if (DS != null && DS.Tables.Count > 0)
        {
            DT = DS.Tables[0];
            if (DT != null && DT.Rows.Count > 0)
            {
                JSONresult = JsonConvert.SerializeObject(DT);
            }
        }
        return Json(JSONresult, JsonRequestBehavior.AllowGet);
    }

Answer 1

以下代码会对您有所帮助，

success: function (data) {
            var html = '';

            if (data == "") {
                $("#dvTable").html('No Data Found');
            }

            else {
                 var rData = JSON.parse(data);
                 var html = '<div class="table-responsive"><table class="table table-blue">';
                 for (var key in rData) {
                    var row = rData[key];
                    if (key == 0) {
                        html += '<tr>';
                        for (var key2 in row) {
                            html += '<th>';
                            html += key2;
                            html += '</th>';
                        }
                        html += '</tr>';
                    }
                 }

                $.each(rData,function(index,value){
                        html+="<tr><td>"+value['APP_MST_ID']+"</td><td><a href='/Application/Index/"+value['APP_MST_ID']+"' class='menuCall'>"+value['APPLICATIONNAME']+"</a></td><td>"+value['URL']+"</td><td>"+value['PROJECTNO']+"</td><td>"+value['VSSFOLDERLOC']+"</td><td>"+value['SPOCUSER']+"</td><td>"+value['REQUESTEDBY']+"</td><td>"+value['DELIVERYMANAGER']+"</td></tr>";                 
                });

               html += '</table></div>';
               $("#dvTable").append(html);
            }
        }