bootstrap table 绑定数据

第一种方式:
function InitGrid() {
            var guid = $("#AttachGUID").val();
            var url = "/User/GetExcelData?guid=" + guid;
            $.getJSON(url, function (data) {
                $("#gridImport_body").html("");


                $.each(data.rows, function (i, item) {
                    var tr = "";
                    tr += "";
                    tr += "" + item.HandNo + "";
                    tr += "" + item.Name + "";
                    tr += "" + item.FullName + "";   
                    tr += "" + item.Title + "";
                    tr += "" + item.MobilePhone + "";
                    tr += "" + item.OfficePhone + "";
                    tr += "" + item.Email + "";
                    tr += "" + item.Gender + "";
                    tr += "" + item.QQ + "";
                    tr += "" + item.Note + "";


                    tr += "";
                    $("#gridImport_body").append(tr);
                });
            });
        }






第二种方式:
 function pageInit() {
                $("table tr").eq(1).nextAll().remove(); //移除第二行后面所有行  相当于重新加载数据


                var data = { flag: "Query", userID: userid };
                $.ajax({
                    cache: false,
                    type: "get",
                    dataType: "Json",
                    data: data,
                    url: "Handler/hdIndex.ashx",
                    success: function (data) {
                        var t = eval(data); //强制转换一下json字符串,生成json对象 
                        $("#home tr:gt(0):eq(0)").show(); //显示第一行
                        $.each(t, function (i, n) {
                            var row = $("#trmodel").clone(); //克隆模板,创建一个新数据行 
                            for (attribute in n) {
                                if (attribute == "SheetStateID") {
                                    row.find("#" + attribute).find("select").val(n[attribute]); //table 中的下拉列表赋值
                                }
                                else {
                                    row.find("#" + attribute).html(n[attribute]); //循环json对象的属性,并赋值到数据行中对应的列,此处列的id就是相应的属性名称  
                                }
                            }
                            row.appendTo($("#home"));
                        });
                        $("#home tr:gt(0):eq(0)").hide(); //隐藏第一行




                        //json 转换 时间格式问题处理
                        $("table tr").each(function () {
                            $td = $(this).find("td").eq(4); //遍历表 获取第四列值,并更改
                            var txt = $td.text();
                            $td.text(timeStamp2String(txt)); // $td.html(timeStamp2String(txt));
                        });


                    }
                });


            }

你可能感兴趣的:(bootstrap)