asp.net gridview jquery contextmenu

Question

Я пытаюсь отобразить контекстное меню для каждой строки в gridview.

Контекстное меню должно передавать определенные переменные для каждой строки, например, уникальный идентификатор пользователя.

Я хотел бы, ул быть только на странице, как только я прошел переменные или что-то

<ul id="myMenu" class="contextMenu"> 

<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>    
<script src="scripts/jquery.contextMenu.js" type="text/javascript"></script> 
    <link href="jquery.contextMenu.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript"> 

     $(document).ready(function() { 

      // Show menu when #myDiv is clicked 
      $("img").contextMenu({ 
        menu: 'myMenu' 
      }, 
        function(action, el, pos) { 
        alert(
         'Action: ' + action + '\n\n' + 
         'Element ID: ' + $(el).attr('id') + '\n\n' + 
         'X: ' + pos.x + ' Y: ' + pos.y + ' (relative to element)\n\n' + 
         'X: ' + pos.docX + ' Y: ' + pos.docY+ ' (relative to document)' 
         ); 
      });    


     }); 
</script> 


<form id="form1" runat="server"> 
<div> 
       <asp:GridView ID="Gridview1" runat="server" AutoGenerateColumns="false"> 
        <Columns> 
         <asp:TemplateField> 
          <ItemTemplate> 
           <asp:Image ID="imgPop" runat="server" ImageUrl="~/images/pop.gif" /> 
          </ItemTemplate> 
         </asp:TemplateField> 
         <asp:BoundField HeaderText="First Name" DataField ="FirstName" /> 
         <asp:BoundField HeaderText="Last Name" DataField ="LastName" /> 
        </Columns> 
       </asp:GridView>          
     <ul id="myMenu" class="contextMenu"> 
       <li class="edit"><a href="#edit">Edit</a></li> 
       <li class="cut separator"><a href="#cut">Cut</a></li> 
       <li class="copy"><a href="#copy">Copy</a></li> 
       <li class="paste"><a href="#paste">Paste</a></li> 
       <li class="delete"><a href="#delete">Delete</a></li> 
       <li class="quit separator"><a href="#quit">Quit</a></li> 
     </ul>  
</div> 

Answer 1

больше пользы будет фактический HTML выход из страницы, как против ASPX, так как кажется, что ваш вопрос лежит главным образом в jQuery.

Я все еще не совсем уверен, когда ваш контекстное меню создано, но это было бы, как добавить его в DOM динамически:

$("<ul id='myMenu' class='contextMenu'>").appendTo(selector); 
//...selector selects some item in the DOM. 

Я не вижу #MyDiv где-нибудь в HTML, так что, может быть, вам нужно:

<div id='MyDiv'> 

для привязки к событию, нажмите:

$('#MyDiv').click(function(){ 
    //do something 
}); 

Можете ли вы, возможно, попробовать и быть немного НКУ arer на то, что вы хотите - даже добавьте некоторый псевдокод в образец сценария, чтобы мы могли заполнить пробелы, например, где вы планируете использовать идентификатор пользователя.