如何在父/子关系中设置jQuery数据表？

我目前必须创建2个以父子关系链接的asp:GridView。我觉得GridView控件很可怕，想用jQuery Datatable替换它，但似乎不知道如何设置它们

我意识到我需要将它们更改为HTML

，但除此之外还有什么？对于Datatable的其他实现，我使用了

通用处理程序

将数据返回为

json

。我会简单地做同样的事情，并通过jQuery行单击事件将它们联系在一起吗

    <script type="text/javascript">
    $( document ).ready( function ()
    {
        $( '#tags' ).dataTable( {
            "ajax": 'GetTagsHandler.ashx',
            "columns": [
                { "title": "Tag Description" ,
                  "data": "name"}
            ]
        } );
    } );
</script>

---

你在寻找什么样的行为？不确定子级是否需要ajax来填充数据或将所有数据交付给主级。不确定您是在寻找子行还是单独的表抱歉，当您单击一个表中的一行时，我会使用一个FK为第二个表获取可能数百行的行。有点像

Customer/Orders

类型设置。不确定FK是什么。在click handler中获取行引用数据并传递给ajax请求，或者销毁现有的子datatable实例并使用新数据重新初始化，或者使用API转储现有数据并传递新数据并不困难。API非常灵活，所以不确定您的确切问题在哪里

 public void ProcessRequest(HttpContext context)
    {
        HttpRequest request = context.Request;
        HttpResponse response = context.Response;

        response.Write("{ \"data\": [");
        bool writeDelimiter = false;

        using (SqlCommand cmd = DBUtils.GetNewCommandObject())
        {
            cmd.Connection.Open();
            cmd.CommandText = @"SELECT crmTags.TagID, crmTags.Name FROM crmTags WHERE crmTags.InstanceID=@InstanceID";
            cmd.Parameters.AddWithValue("@InstanceID", Instance.CurrentInstanceID);

            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                if (!writeDelimiter)
                {
                    writeDelimiter = true;
                }
                else
                {
                    response.Write(",");
                }

                response.Write(string.Format("{{\"DT_RowId\":\"{0}\", \"name\":\"{1}\"}}", dr["TagID"].ToString(), dr["Name"].ToString()));
            }
            dr.Close();

        }
        response.Write("]}");
    }