1

1 つの列の下に 4 つのリンク ボタンがある Gridview があります。この 4 つのリンク ボタンをグリッドビューに直接配置すると、グリッドビューの幅が広がります。したがって、このすべてのリンク ボタンを 1つの名前の下に配置することを計画していました。ユーザーがマウス ポインターを1 つの名前に合わせると、ユーザーがクリックして必要なデータを取得するモーダル ポップアップに 4 つのリンクが表示されます。

例: グリッドに .. ABCD のようなリンクがあります ... これらを単一の名前 LETTERS の下に置きたい LETTERS にマウスを合わせると、ABCD がポップアップに表示され、クリック可能になるはずです ..

これについて私を助けてください..これはJqueryで達成できることを知っています..誰かが私に正しい道を示すことができますか?

前もって感謝します ..

4

3 に答える 3

0

これはあなたが必要とするものです：

テスト

「メニュー」の上にマウスを置くlettersと、ポップアップが表示されます。見てみな！！

次に、htmlコードをグリッドに配置する必要があります。

// HTML CODE
<div id="your-dialog-id">
<table>
   <tr> 
       // THE LINKS
       <td><h3>A</h3></td>
       <td><h3>B</h3></td>
       <td><h3>C</h3></td> 
       <td><h3>D</h3></td>
    </tr>
</table>
</div>
<p><a href="#" id="open">LETTERS</a></p>​

// JQUERY CODE
$("#open").mouseover(function(){
   $("#your-dialog-id").dialog("open");
});

// This is fired when hover over LETTERS MENU
$("#your-dialog-id").dialog({autoOpen:false,modal: true, title:'letters'});

// This is fired when clic over a single letter
$('h3').click(function(){
  alert($(this).text() + " clicked");
});
于 2012-12-21T10:11:20.737 に答える
0

classリンクボタンに共通のCSSを割り当て、jqueryクラスselectorを使用してそれらにアクセスできます。

linkbuttons = $('.className');
于 2012-12-21T09:51:35.450 に答える