2017-03-07 44 views
0

我想實現在Web應用程序 這裏查找是什麼,我試圖做一個例子:如何實現查找選擇器使用jQuery

創建一個狗和採摘所有者:) enter image description here

意圖是單擊一個按鈕,打開一個對話框,其中有一個視圖與列表。當用戶點擊'Associate'按鈕時,該行的數據被傳遞給'outter'視圖,並用選取的數據填充一些控件。我試圖用jquery的'on'和'trigger'自定義事件來實現這一點。

這裏是我的方法: 創建狗/ Outter觀點:

... 
<div id="dialogOwnerPicker" title="Pick the Owner" style="overflow: hidden;"> 

     </div> 

<input type="button" id="dialogOpener" value="Pick" /> 
... 

<script> 

    $(function() { 

     $("#dialogOwnerPicker").dialog({ 
      autoOpen: false, 
      height: 350, 
      width: 530, 
      modal: true, 
      open: function (event, ui) { 
       $(this).load("<-- people view url -->"); 
      }, 
      close: function (event, ui) { 
       $("#dialogOwnerPicker").dialog().dialog('close'); 
      } 

     }); 


     $("#dialogOwnerPicker").on("Associate", function (event, arg) { 

      //do something with arg like populating controls or anything else 
     }); 

     $("#dialogOpener").click(function() { 
      $("#dialogOwnerPicker").dialog("open"); 
     }); 



    }); 

</script> 

人/內部對話框查看:

... 
<input type="button" value="Associate" onclick="ClickButton('@item.Name')"/> 

... 
<script> 


    function ClickButton(arg) { 
     $("#dialogOwnerPicker").trigger("Associate", arg); 

    } 
</script> 

現在,這是行不通的。我錯過了什麼,或者這是不可能做到的?

韓國社交協會

回答

0

我覺得你的問題是這一點:

$("#dialogOwnerPicker").on("Associate", function (event, arg) { 

}); 

第一個參數是事件,所以你說on Associate這JS不知道什麼是「準」是。

相反,你應該說「上單擊按鈕關聯......」

$("#associate_button_id").on('click', function (event, arg) { 
    // Do something  
}); 

也有在jQuery的一個click功能,所以你可以簡單地說

$("#associate_button_id").click(function (event, arg) { 
    // Do something  
}); 

希望這有助於。

+0

事情是,我試圖保持內部視圖最獨立的可能從外部視圖,因此它可以重複使用。我只是想讓內部div傳遞數據,並讓外部div負責完成它想要處理的數據,從填充控件或顯示警報或其他任何內容... – DJPB

相關問題