Question

我有一个带有标签的gridview，以及一些JavaScript和jQuery，以使标签可编辑。

然而，当我在我的代码后面回发和调试时，我看不到变化。

我该如何制作，以便我可以在服务器上进行更改？

<asp:GridView ID="gvGroups" runat="server" AutoGenerateColumns="False"
 CssClass="table table-hover table-striped" GridLines="None" >
    <Columns>
        <asp:TemplateField HeaderText="Name" SortExpression="GroupDescription">
            <ItemTemplate>
                <asp:Label ID="lblName" CssClass="edit" runat="server" Text='<%# Eval("GroupDescription") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>

function makeLabelsEditable() {

    $(".edit").focusout(function () {
        setLabel(this);
    });

    $(".edit").click(function () {
        editLabel(this);
    });
}

function editLabel(source) {
    source.innerHTML = '<input type="text" maxlength="40" value="' + source.innerHTML + '"/>';
    $(source).unbind('click');
    source.children[0].focus()
}
function setLabel(source) {    
    if (source.children[0].value != '') {
        $(source).click(function () {
            editLabel(this);
        });
        source.innerHTML = source.children[0].value;
    }    
}

Answer 1

Label不会回发到服务器。它们旨在只读并呈现为跨度。如果您希望它回发最简单的事情是使用相同的值创建Hidden控件，当您编写代码以允许编辑标签时，您确保将编辑后的值写入{{ 1}}。 Hidden将被发回服务器，然后您可以读取该值。

您正在交换'动态'Hidden，因此服务器对您所做的输入控制没有任何线索。您可以阅读原始发布的参数以获取该值，但是可以更容易地创建一个可以写入的静态控件，并且知道它将具有您需要的值。

Answer 2

您无法以这种方式在服务器上进行更改。你只需在客户端更改html

Answer 3

不会为客户端的标签生成ViewState，因为它只是为了只读。因此，您在之前在服务器中设置的回发中获得相同的值。

我能想到的最简单的解决方法是：

放置TextBox而不是标签。
将css类应用于它，使其看起来像Label。
单击TextBox，删除css。

只要你想让标签看起来就可以回复css。

gridview中的标签更改但更改不回发

3 个答案: