4

我有一个带有标签的 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;
    }    
}
4

3 回答 3

1

Label不会回发到服务器。它们旨在只读并呈现为跨度。如果您希望它回发，最简单的方法是创建一个Hidden具有相同值的控件，并且当您编写代码以允许编辑标签时，请确保将编辑后的值写入Hidden. 将Hidden被发送回服务器，然后您可以读取该值。

您正在交换“动态” TextBox，因此服务器对您所做的输入控件一无所知。您可以阅读原始发布的参数以获取该值，但是拥有一个可以写入的静态控件并知道它将具有您需要的值会更容易。

于 2013-02-06T15:48:27.857 回答
0

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

于 2013-02-06T15:48:31.587 回答
0

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

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

  • 放置一个文本框而不是标签。
  • 对它应用一个 css 类，使它看起来像一个标签。
  • 单击文本框时，删除 css。

每当您想给标签外观时，您都可以应用 css。

于 2013-02-06T16:21:41.220 回答