2015-02-23 86 views
0

我正在使用,j查詢將數據綁定到html表格它工作正常,但事情是,在html表中顯示一個額外的列與項目名稱和類名稱。我怎樣才能避免這種情況,幫助我,我把我的代碼:向Html表添加動態數據?使用Jquery?

[WebMethod] 
    public static List<Mystate> GetCountryList() 
    { 
     List<Mystate> state = new List<Mystate>(); 

     SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["xxxx"].ToString()); 
     SqlDataAdapter da = new SqlDataAdapter("sp_get_data", con); 
     DataSet ds = new DataSet(); da.Fill(ds); 


     foreach (DataRow dr in ds.Tables[1].Rows) 
     { 
      state.Add(new Mystate { Districtid = Convert.ToInt32(dr["distid"]), Stateid = Convert.ToInt32(dr["stateid"]), Distrinctname = dr["districtname"] .ToString()}); 
     } 


     return state; 
    } 

JavaScript代碼:

$(document).ready(function() { 

     $('#btnin').click(function() { 

      $.ajax({ 

       url: "TableJquery.aspx/GetCountryList", 
       data: "", 
       dataType: "json", 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       success: OnSuccess, 
       error: OnError 
      }); 

     });//button click 

    });//Ready 

    function OnSuccess(data) {    

     $('#Div2').html(BuildTable(data));    

    } 

    function BuildTable(data) { 

     var d = data.d; 

     var headers = []; 
     var rows = []; 

     //column      

     headers.push("<tr style='background-color:brown;'>"); 
     for (var column in d[0]) {    
       headers.push("<td ><b>" + column + "</b></td>");     
     } 
     headers.push("</tr>"); 


     // Rows 

      for (var row in d) { 
       rows.push("<tr>"); 
       // rows.push("<td><input type='button' value='+' /></td>"); 
       for (var column in d[row]) { 
        if (d[row][column] != 'Divcenterformasterpage.Mystate') { 
         rows.push("<td>"); 
         rows.push(d[row][column]); 
         rows.push("</td>"); 
        } 
       } 
       rows.push("</tr>"); 
      } 

      var top = "<table border='1' style='background-color:;' >"; 
      var bottom = "</table>"; 
      return top + headers.join("") + rows.join("") + bottom; 


    } 

我的表具有額外的列「Divcenterformasterpage.Mystate」,這是我的項目名稱來和「Mystate」就是這樣。請幫我

回答

0

切換您的for (var row in d)循環由for (var i= 0;i< d.count;i++)。 它會正常工作。

+0

是的,它工作得很好,謝謝。 – Datha 2015-02-23 12:22:35