Ajax+Table

最新推荐文章于 2021-08-06 09:33:57 发布

原创最新推荐文章于 2021-08-06 09:33:57 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #table #button #function #javascript #object

function initEventHandler()
{
    var grid = document.getElementById('WebGrid');
    var dataTab = PageConfig_TestWebGrid.ReturnData().value;
    //alert(dataTab.Rows[0].ID);
    for(var i=0;i<dataTab.Rows.length;i++)
    {
        var rowObj = grid.insertRow(i+1);
        var idCell= rowObj.insertCell(0);
        var DesCell=rowObj.insertCell(1);
        var ComCell = rowObj.insertCell(2);
        var EditCell = rowObj.insertCell(3);

        idCell.innerHTML=dataTab.Rows[i].ID;
        DesCell.innerHTML=dataTab.Rows[i].Description;
        ComCell.innerHTML = dataTab.Rows[i].Comment;
        EditCell.innerHTML = "<input type='button' value='修改' id='"+dataTab.Rows[i].ID+"' class='Line_Button' onclick='EditCellEventHandler()' />"
    }
}

function EditCellEventHandler(editObjId)
{
alert(event.srcElement.id);
}
</script>

using Ajax;

protected void Page_Load(object sender, EventArgs e)
    {
        Utility.RegisterTypeForAjax(typeof(PageConfig_TestWebGrid));
        if (!IsPostBack)
        {

}
}

    [AjaxMethod]
    public DataTable ReturnData()
    {
        DataTable dt = new DataTable();

return dt;
}