Question

我是JQuery的新手。我正在尝试创建一个数据表。所有功能都很有效。但是在数据表记录中，第一列是userid，比如1,2,3等，它们是userprofile页面的超链接。即，当点击1时，它将调用/userprofile.jsp?id=1 ...我不知道如何进行这些更改，我已从此链接http://www.codeproject.com/Articles/359750/jQuery-DataTables-in-Java-Web-Applications下载了Datatable插件任何帮助赞赏。

Answer 1

您可以使用带有fnRender功能的aoColumns属性来添加自定义列。您不能使用Html.ActionLink助手，因为您必须从javascript动态生成链接。 aoColumns属性可以帮助您配置每个列，如果您不想配置特定列，只需传递null，否则您必须传递一个对象（{}）。

fnRender功能可帮助您使用其他列的值创建链接。您可以使用oObj.aData获取另一列的值，如id，以生成链接。

<script type="text/javascript">    
    $(document).ready(function () {
        $('#myDataTable').dataTable({
            bProcessing: true,         
            sAjaxSource: '@Url.Action("Index1", "Default1")',
            aoColumns: [
                      null, // first column (RoleId)
                      null, // second column (RoleName)  
                      null, // third (UserId)
                      null, // fourth (UserName)

                      {     // fifth column (Edit link)
                        "sName": "RoleId",
                        "bSearchable": false,
                        "bSortable": false,
                        "fnRender": function (oObj)                              
                        {
                            // oObj.aData[0] returns the RoleId
                            return "<a href='/Edit?id=" 
                                + oObj.aData[0] + "'>Edit</a>";
                        }
                       },

                       { }, // repeat the samething for the details link

                       { }  // repeat the samething for the delete link as well

                   ]
     });  
}); 
</script>

您从服务器返回的JSON输出中的另一个重要事项，对于编辑列，您还必须返回类似1,2,3或其他内容。

参考：http://jquery-datatables-editable.googlecode.com/svn/trunk/ajax-inlinebuttons.html

如何为数据表中的记录分配超链接

1 个答案: