кнопка просмотра файла в диалоговом окне jquery UI

Question

Я использую диалог JQuery и в этом диалоге я пытаюсь поставить кнопку обзора.для просмотра я использую плагин uploadify.Теперь проблема в том, как я могу добавить кнопку загрузки в диалоговое окно пользовательского интерфейса?чтобы использовать кнопку загрузки, мы должны объявить <input type="file" id="myId"> в нашем HTML-коде.Как я могу связать эту кнопку типа файла, чтобы он работал с диалогом?путаница заключается в том, что для диалоговых кнопок пользовательского интерфейса мы должны установить свойство кнопки как

buttons:{
    "Done": function() {
        processData();
        $( this ).dialog( "close" );
    } 

, так как я могу создать кнопку ввода типа файла в диалоге и назначить ей идентификатор?(Я должен установить "id", чтобы заставить кнопку типа файла работать с uploadify, мы делаем $ ("# myId"). uploadify ())

Answer 1

В качестве альтернативы вы можете выполнить функцию processData () для события закрытия диалогового окна, если оно проверяется, и использовать .live () для идентификатора кнопки, чтобы закрыть диалоговое окно.Так что-то вроде этого:

HTML:

<input type="file" id="myId">

Javascript:

$('#yourDialog').dialog({
    close: function(event, ui) {
        // validate something was picked
        processData();
    }
});
$('#myId').live('click', function() {
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
    $('#yourDialog').close();
});