如何用jquery 创建一个dialog dialog中有一个textbox可以输入和修改数据

[direren]

我可以创建一个dialog，想要达到的效果是，弹出窗口中有一个文本框，可以修改数据，另外有两个按钮，保存修改内容，或者取消。现在有按钮，但是不知道怎么在其中加一个文本框，文本框应该显示已有的数据，而且用户可以修改。下面是javascript 代码，和asp.net 代码。请知道的人帮忙说一下怎么在jquery UI dialog中加入一个open text box, 最好能给出例子代码，谢谢。

<script type="text/javascript">
    $(document).ready(function () {
        $("#editDescriptionPopup").click(editDescription);
    });

    function editDescription(description) {
        //alert("Edit Description");

        $("#editDescriptionPopup").dialog({
            title: "Edit Invoice Description",
            autoOpen: true,
            width: 400,
            modal: true,
            resizable: false,
            
            close: function (event, ui) {
                $("#editDescriptionPopup").remove();
            },

            open: function (event, ui) {
                var Description = "Jquery Description";
                var url = "/Invoice/UpdateDescriptionPopup";
                var data = { id: 12, description: Description };

                $.ajax({
                    url: url,
                    data: JSON.stringify(data),
                    success: function (result) {

                    },

                    error: displayAjaxError
                });     
            },
            buttons: {
                "Save": function () {
                    var Description = "Jquery Description";
                    var url = "/Docket/Invoice/UpdateDescriptionPopup";
                    var data = { id: 12, description: Description };
                    
                    $.ajax({
                        url: url,
                        data: JSON.stringify(data),
                        success: function () {
                            $("#editDescriptionPopup").append(data);
                        },
                        error: displayAjaxError
                    })

                    $("#editDescriptionPopup").dialog("close");
                },

                "Cancel": function () { $(this).dialog('close') }
            }
        });
    }
</script>

<th class="detailsHeader">Invoice Description (<a href="#" id="editDescriptionPopup">Edit</a>)</th>
<td colspan="1" class="detailsValue">
<%= Html.Raw(Model.Invoice.Description) %>
</td>

[三石-gary]

http://hi.baidu.com/li_mingzhu/blog/item/1279308d319a0ea60e2444fd.html

[桃园闲人]

JQuery没有这样现成的组件，你需要自己封装一个层（DIV）实现数据编辑，然后用JQuery将层在需要的时候以对话框的形式弹出即可。

[JonyBang]

终于找到源码了，学习了！