Question

我的网页上有formview，我想要更改formview mode。但我想用javascript更改此内容。

这可能吗？我有一个repeater有按钮。我在转发器外面有一个按钮。当我点击外面的按钮时，它会在弹出窗口中显示formview。此formview必须是插入模式。当我点击转发器上的按钮时，它会在formview中显示popup。此formview必须是编辑模式。但我不能这样做＃。可能如果我使用javascript执行此操作，它将起作用

<asp:ToolkitScriptManager ID="toolkitmanager1" runat="server"></asp:ToolkitScriptManager>
        <asp:LinkButton runat="server" ID="lnkFake" />
        <asp:ImageButton  ID="img1" runat="server"  PostBackUrl="javascript:$find('popUpBehavior').show();"/>
        <asp:ModalPopupExtender BackgroundCssClass="modalBackground" ID="popUpCompanyEmployee"
            runat="server" PopupControlID="panel1"
            TargetControlID="lnkFake" BehaviorID="popUpBehavior" CancelControlID="btnKapat">
            </asp:ModalPopupExtender>
        <asp:Panel ID="panel1" runat="server" CssClass="modalPopup">
            <asp:UpdatePanel ID="updatepanel1" runat="server">
                <ContentTemplate>
                    <asp:FormView ID="fv1" runat="server" DataSourceID="SqlDataSource1" DataKeyNames="ID" DefaultMode="Insert">
                        <InsertItemTemplate>
                            <asp:Label ID="lblProductName" runat="server" Text="ProductName"></asp:Label>
                            <asp:TextBox ID="txtProductName" runat="server" Text='<%# Eval("ProductName") %>'></asp:TextBox>
                            <asp:Label ID="lblQuantity" runat="server" Text="Quantity"></asp:Label>
                            <asp:TextBox ID="txtQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:TextBox>
                            <asp:Label ID="lblUnitPrice" runat="server" Text="UnitPrice"></asp:Label>
                            <asp:TextBox ID="txtUnitPrice" runat="server" Text='<%# Eval("UnitPrice") %>'></asp:TextBox>
                        </InsertItemTemplate>
                        <EditItemTemplate>
                            <asp:Label ID="lblProductName" runat="server" Text="ProductName"></asp:Label>
                            <asp:TextBox ID="txtProductName" runat="server" Text='<%# Eval("ProductName") %>'></asp:TextBox>
                            <asp:Label ID="lblQuantity" runat="server" Text="Quantity"></asp:Label>
                            <asp:TextBox ID="txtQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:TextBox>
                            <asp:Label ID="lblUnitPrice" runat="server" Text="UnitPrice"></asp:Label>
                            <asp:TextBox ID="txtUnitPrice" runat="server" Text='<%# Eval("UnitPrice") %>'></asp:TextBox>
                        </EditItemTemplate>
                    </asp:FormView>

                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger  ControlID="btnKapat"/>
                </Triggers>
            </asp:UpdatePanel>
            <asp:Button  ID="btnkapat" runat="server" Text="kapat"/>
        </asp:Panel>
        <asp:Repeater ID="rpr1" runat="server" DataSourceID="SqlDataSource1">
            <ItemTemplate>
                <asp:Label ID="lblID" runat="server" Text='<%#Eval("ID") %>'></asp:Label>
                <asp:Label ID="lblProductName" runat="server" Text='<%#Eval("ProductName") %>'></asp:Label>
                <asp:Label ID="lblQuantity" runat="server" Text='<%#Eval("Quantity") %>'></asp:Label>
                <asp:Label ID="lblUnitPrice" runat="server" Text='<%#Eval("UnitPrice") %>'></asp:Label>
                <asp:ImageButton ID="imgPopup" runat="server" PostBackUrl="javascript:$find('popUpCBehavior').show();" />
            </ItemTemplate>
        </asp:Repeater>
        <asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString='<%$ ConnectionStrings:NET2ConnectionString %>' SelectCommand="SELECT * FROM [ProductsRA]"></asp:SqlDataSource>

Answer 1

基本上，更改FormView的模式反映了向页面呈现的控件（html）。

所以它不可能纯粹在客户端发生。您可以使用更新面板，因此只完成asyn post back并且只刷新表单视图html。

查看参考Formview

参考文档here

希望它能够清除你的疑点

如何使用javascript更改Formview模式

1 个答案: