動的に生成されたHTMLテーブルのメッセージをポップアップ

Question

私はasp.net C＃でWebページを作成しています。これはコードの背後にある動的HTMLテーブルを作成しています。今私はそのダイナミック生成されたHTMLテーブルの最後の列にマウスを移動すると、ポップアップメッセージブロックをしたい。そして、このポップアップブロックは、マウスが動かされたセルのテストを示すはずです。

Answer 1

最後のtdのイベントにマウスをバインドし、jqueryuiを使用してダイアログを表示できます。次のコードを使用して、あなたのページごとにセレクタを更新してください。また、セルのテストで何を意味するのかを詳しく説明してください。

$(document).ready(function() { 
    $('#tableid td:last-child).mouseover(function (event) { 
    var cellDialog = $('<div id="cellDialog">Display text will come here, you can grab the value of an cell in that particular row by navigating using the parent method or what ever your requirement is.</div>'); 
    cellDialog.css('display', 'none'); 
    $('body').append(cellDialog); 
    $(cellDialog).dialog({ 
     autoOpen: true, 
     draggable: false, 
     resizable: false, 
     modal: true, 
     stack: true, 
     position: 'center', 
     closeOnEscape: true 
    }); 
    }); 
});