2015-04-17 49 views
0

我正在与图书馆contextmenu选项一起使用表。当用特定的行选择一个选项时,行ID应显示在对话内容中。在对话框内容中我有文本框,文本框的值必须传递给该方法,我该怎么做?以下是我目前尝试过的。如何在对话框内容中获取Jquery对话框文本框值和<tr>单元格值?

对话内容

<div id="dialogbox" > 
    <p>Enter Driver Message for <span id="bus"></span> </p> 
    <input type="text" id="msg" name="msg"> 
</div> 

上下文菜单选项

$(function(){ 

    $.contextMenu({ 
    selector: '.context-menu-one', 
    /* trigger: 'hover', 
    delay: 500, */ 
    autoHide: true, 
    callback: function(key, options) { 
     var message = "global: " + key; 
     var busId = $(this).closest("tr").find('td:eq(0)').text(); // table row value 
     //document.getElementById("bus").innerHTML=busId; 
     $('#bus').text(busId); //Here I am setting to diloug content 

    }, 
    items: { 
     "DMsg": { 
      name: "Send Driver Message", 
      icon: "edit", 
      // superseeds "global" callback 
      callback: function(key, options) { 



       var busId = $(this).closest("tr").find('td:eq(0)').text(); 
       openDriverMsgDiloug(busId); 
      } 
     }, 


function openDriverMsgDiloug(busId) 
    { 

     $('#dialogbox').dialog('open'); 
    } 

对话盒

$("#dialogbox").dialog({ 
     autoOpen:false, 
     title: "Driver Message", 
     modal:true, 
     buttons: [ 
        { 
        text: "Send", 
        icons: { 
         primary: "ui-icon-heart" 
        }, 
        click: function() { 
         var msg= // have to get the value of textbox in diloug 
         sendToClient(busId,msg);      
         $(this).dialog("close"); 

        } 

        }, 
        { 
        text: "Close", 
        icons: { 
         primary: "ui-icon-heart" 
        }, 
        click: function() { 
         $(this).dialog("close"); 
        } 
        } 
       ] 
    }); 
+0

你使用任何外部库..是'contextmenu'外部库吗? – 2015-04-17 09:29:21

+0

@gerdi我使用这个为contextmenu http://medialize.github.io/jQuery-contextMenu/demo.html – Raghu

回答

1

你试过简单的.val() method吗?

var msg = $("#msg").val(); 
相关问题