一般处理程序PageServic.ashx
Execute command = new Execute();//实例化自定义公共类
DataTable dt = new DataTable();
dt = command.GetTable("selectcomments");//定义的方法执行存储过程
List<comment> list = new List<comment>();
for (int row = 0; row < dt.Rows.Count; row++)
{
list.Add(new comment { ID = dt.Rows[row][0].ToString(), Posttime = dt.Rows[row][1].ToString(), Msg = dt.Rows[row][2].ToString() });
}
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.Write(jss.Serialize(list));
}
public bool IsReusable {
get {
return false;
}
}}
public class comment
{
public string ID { get; set; }
public string Posttime { get; set; }
public string Msg { get; set; }
}
aspx页面
<script type="text/javascript">
$(function () {
$.post("PageServic.ashx", function (data, status) {
var comments = $.parseJSON(data);
for (var i = 0; i < comments.length; i++) {
var row = $("<div id=" + comments[i].ID + ">" + comments[i].Posttime + ":" + comments[i].Msg + "</div>");//给div绑定从数据库中读出的id属性,显示评论的时间和内容
$("#DataList1").append(row);
}
});
$("#DataList1").mouseover(function () {//鼠标放到每行上去显示对应行的id属性的值。如果我这样的话只能得到DataList1得不到从数据库中读出的id绑定在每项上的值,我的目的是为了鼠标放到某项上去动态创建层显示本id对应的所有信息,我的代码写的不够好希望高手们多多指点需要改进的代码 非常的感谢!!
alert($(this).attr("id"));
});
});
</script> <asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
</ItemTemplate>
</asp:DataList>
Execute command = new Execute();//实例化自定义公共类
DataTable dt = new DataTable();
dt = command.GetTable("selectcomments");//定义的方法执行存储过程
List<comment> list = new List<comment>();
for (int row = 0; row < dt.Rows.Count; row++)
{
list.Add(new comment { ID = dt.Rows[row][0].ToString(), Posttime = dt.Rows[row][1].ToString(), Msg = dt.Rows[row][2].ToString() });
}
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.Write(jss.Serialize(list));
}
public bool IsReusable {
get {
return false;
}
}}
public class comment
{
public string ID { get; set; }
public string Posttime { get; set; }
public string Msg { get; set; }
}
aspx页面
<script type="text/javascript">
$(function () {
$.post("PageServic.ashx", function (data, status) {
var comments = $.parseJSON(data);
for (var i = 0; i < comments.length; i++) {
var row = $("<div id=" + comments[i].ID + ">" + comments[i].Posttime + ":" + comments[i].Msg + "</div>");//给div绑定从数据库中读出的id属性,显示评论的时间和内容
$("#DataList1").append(row);
}
});
$("#DataList1").mouseover(function () {//鼠标放到每行上去显示对应行的id属性的值。如果我这样的话只能得到DataList1得不到从数据库中读出的id绑定在每项上的值,我的目的是为了鼠标放到某项上去动态创建层显示本id对应的所有信息,我的代码写的不够好希望高手们多多指点需要改进的代码 非常的感谢!!
alert($(this).attr("id"));
});
});
</script> <asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
</ItemTemplate>
</asp:DataList>
如果是要获取每行的不同的数据 。
可以改成 $("#DataList1 tr").mouseover() //触发 DataList1 控件最后是tabel tr td吧 ?我不怎么记得了 呵呵 。
这样照样能触发事件 $(this)就是当前行了 。