obJect对象显示而不是按钮

时间:2016-10-25 19:59:33

标签: javascript jquery

我有一个通过js构建的表,这个表在关闭时从jquery模式对话框填充行,数据显示在每一行上,但我想要的是一个按钮,在每个行中显示需要进行进一步处理的行。

当我将按钮添加到列时,它显示[object Object]而不是按钮。我看了一个类似的问题here,并没有在专栏中得到任何结论。我很了解JS,可以使用一些帮助代码如下。我似乎无法弄清楚我做错了什么。

$(function () {
var dialog, form,

skuNumber = $("#skuNumber");
productName = $("#productName");
description = $("#description");
quantity = $("#quantity");
border = $("#border");
inkColor = $("#inkColor");
allFields = $([]).add(skuNumber).add(productName).add(description).add(quantity).add(border).add(inkColor);
tips = $(".validateTips");

function addItem() {
    var remove = $('<input type="button" id="remove" value="remove" style="width:80px" class="btn btn-danger" />');
    var td = $("<td></td>");
    td.append(remove);
    var valid = true;

    allFields.removeClass("ui-state-error");

    if (valid) {
        $("#myTest tbody").append("<tr>" +
          "<td>" + skuNumber.val() + "</td>" +
          "<td>" + productName.val() + "</td>" +
          "<td>" + description.val() + "</td>" +
          "<td>" + quantity.val() + "</td>" +
          "<td>" + border.val() + "</td>" +
          "<td>" + inkColor.val() + "</td>" +
          "td" +
          "</tr>");
          dialog.dialog("close");     

    }
    return valid;
}

dialog = $("#dialog-form").dialog({

    autoOpen: false,
    height: 550,
    width: 650,
    modal: true,
    buttons: {
        "Add A Line Item": addItem,
        Cancel: function () {
            dialog.dialog("close");
        }
    },
    close: function () {
        form[0].reset();
        allFields.removeClass("ui-state-error");
    }
});

form = dialog.find("form").on("submit", function (event) {
    event.preventDefault();
    addItem();
});

$("#add").button().on("click", function () {
    dialog.dialog("open");
});

我将td附加到下表中,我在代码中注释了td

<table id="myTest" class="table table-responsive">
                <thead>
                <tr>
                    <td>Sku Number</td>
                    <td>Product Name</td>
                    <td>Description</td>
                    <td>Quantity</td>
                    <td>Border</td>
                    <td>Ink Color</td>
                    <td>Action</td>
                </tr>
                </thead>
                <tbody>
                    <tr>
                        @*<td>Test</td>
                        <td>Test</td>
                        <td>Test</td>
                        <td>Test</td>
                        <td>Test</td>
                        <td>Test</td>
                        <td><input type="button" id="remove" value="remove" style="width:80px" class="btn btn-danger" /></td>*@
                    </tr>
                </tbody>                
            </table>

1 个答案:

答案 0 :(得分:0)

只需将td var附加到表格中:

int main()
{
   ifstream f;
   f.open("input.txt");
   cout<<readFile(f);

}

这里有例子: https://jsfiddle.net/00q44gyf/