jquery ui dialog get gridview value
I have in asp.net a gridview with:
<asp:gridview ...etc
<columns>
<HeaderTemplate>Questions</HeaderTemplate>
<ItemTemplate>
<asp:Label id="lblQuestion" runat="server" text='<%# Bind("Question") %>' ></asp:label>
<asp:Label id="lblDefinition" runat="server" text='<%# Bind("Definition") %>' visible="false"></asp:label>
<button id="opener">?</button>
</ItemTemplate>
</columns>
</gridview>
<asp:gridview ...etc
<columns>
<HeaderTemplate>Questions</HeaderTemplate>
<ItemTemplate>
<asp:Label id="lblQuestion" runat="server" text='<%# Bind("Question") %>' ></asp:label>
<asp:Label id="lblDefinition" runat="server" text='<%# Bind("Definition") %>' visible="false"></asp:label>
<button id="opener">?</button>
</ItemTemplate>
</columns>
</gridview>
<script>
// increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: "blind",
hide: "explode"
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
return false;
});
});
</script>
---------------------------
My question is how do I pass the Definition value (text) to display
in the dialog box?
Sorry if this is obvious, but this is my first go with jquery and jquery ui... Thanks.