jquery UI对话框中的浏览文件按钮

Question

我正在使用jquery对话框，并在该对话框我试图把浏览按钮。为了浏览，我使用"上传"插件。现在的问题是如何将上传按钮添加到UI对话框中?要使用上传按钮，我们必须在html代码中声明<input type="file" id="myId">。我如何链接此文件类型按钮，使其与对话框一起工作?令人困惑的是，对于UI对话框按钮我们必须将button属性设置为

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

那么我如何在对话框上创建一个文件类型的输入按钮，并给它分配一个id呢?(我必须设置"id"，因为要使文件类型按钮与uploadify一起工作，我们执行$("#myId").uploadify())

Answer 1

作为一种替代方法，您可以在对话框的关闭事件上执行processData()函数，如果它验证了，并在按钮id上使用.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();
});