「a」と「b」の2つの列があります。「b」は非表示ですが、「a」は非表示です。「a」列の上でマウスをクリックすると、「b」列のテキスト (remeber は非表示) がダイアログに表示されます。
現時点では、「a」テキスト列が成功したことを示すこのセレクターがあります。
<div id="dialog"
style="display:none;padding:5px 5px 5px 5px;min-height:310px;">
<div id="content" style="width:100%;overflow:auto;height:120px;"></div>
ダイアログを準備します。
$('#dialog').dialog({
autoOpen: false,
resizable: true,
modal: true,
width: 460,
title: "Message",
buttons: {
"Cerrar": function () {
$(this).dialog("close");
}
}
});
// "a" の上にマウスがクリックされたときのイベント
$('.a').click(
function () {
var text = $(this).attr('data-desc');
$('#content').html(text);
$('#dialog').dialog('open');
}
);
Listview: // これはクリックする列です
style="overflow:hidden;"
**CssClass="a"**
data-desc='<%# Eval("subject") %>'
runat="server"
text='<%# Eval("subject") %>'
Visible="true" />
// この列を表示したい -text- // ダイアログに
<span
id="coment"
style="width:0%;vertical-align:top">
<cc1:SWCLabel
**cssclass="b"**
style="overflow:hidden;"
data-desc='<%# Eval("Text") %>'
runat="server"
text='<%# Eval("Text") %>'
Visible="false" />