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」就是這樣。請幫我
是的,它工作得很好,謝謝。 – Datha 2015-02-23 12:22:35