分離コード機能を持っているページの一部と仕事をオーバーレイすることはできますか？

StackOverflow https://stackoverflow.com/questions/2403229

  •  18-09-2019
  •  | 
  •  

質問

私は、GridViewのと分離コードアクションでマルチビューを持っている完全なDIVを持っています：     

                <cc3:CRDataSource EnableViewState="true" ID="DsOpciones" runat="server" SQLSelect="CartelElectronico,OpcionSeleccion_Todos">
                    <Parameters>
                        <asp:QueryStringParameter Name="@FactorEvaluacionId" QueryStringField="FactorEvaluacionId"
                            Type="String" />
                    </Parameters>
                </cc3:CRDataSource>
                <cc3:CRGridView ID="gvTipoFactorSeleccion" runat="server" DataKeyNames="OpcionSeleccionID"
                    AllowPaging="false" AllowSorting="False" AutoGenerateColumns="False" Titulo="Opciones de Factor de Evaluacion"
                    NoRowsMsg="No se encontraron Opciones para el factor de evaluación" CssClass="Table"
                    AllowExport="False" AllowFilter="False" AllowCollapse="True" EnableViewState="False"
                    PageSize="1000000000" DataSourceID="DsOpciones" OnRowUpdating="gvTipoFactorSeleccion_RowUpdating"
                    OnRowDeleting="gvTipoFactorSeleccion_RowDeleting">
                    <Columns>
                        <asp:BoundField DataField="Nombre" HeaderText="Nombre" SortExpression="Nombre" ItemStyle-HorizontalAlign="Left" />
                        <asp:BoundField DataField="Puntos" HeaderText="Puntos" ItemStyle-HorizontalAlign="Center" />
                        <asp:CommandField ButtonType="Link" ShowDeleteButton="true" DeleteText="Eliminar"
                            ShowEditButton="true" EditText="Modificar" UpdateText="Actualizar" CancelText="Cancelar" />
                        <asp:TemplateField Visible="false">
                            <ItemTemplate>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>                        
                </cc3:CRGridView>
                <br />
                <table>
                    <tr valign="baseline">
                        <td class="contratacionTablaSubrayadoTitulosLineas">
                            <label class="contratacionEtiquetas">
                                Opción&nbsp;(*) :</label>
                        </td>
                        <td class="contratacionTablaSubrayadoContenidoLineas">
                            <asp:TextBox ID="tbOpcion" runat="server" ToolTip="Nombre del Factor de la metodología de evaluación"
                                TabIndex="1" MaxLength="100"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ControlToValidate="tbOpcion"
                                ErrorMessage="&nbsp;Debe digitar un nombre para la Opción" Display="Dynamic"
                                CssClass="inlineError" ValidationGroup="InsertarTipoFactorSeleccion" SetFocusOnError="false"></asp:RequiredFieldValidator>
                        </td>
                    </tr>                      
                    <tr valign="baseline">
                        <td colspan="2" align="right">
                            <asp:LinkButton ID="LinkButton1" runat="server" CssClass="contratacionVinculos" ValidationGroup="InsertarTipoFactorSeleccion"
                                OnClick="lbInsertarTipoFactorSeleccion_Click">Insertar</asp:LinkButton>&nbsp;|&nbsp;
                            <asp:LinkButton ID="LinkButton2" runat="server" OnClick="lbCancelarInsertarTipoFactorSeleccion_Click"
                                CssClass="contratacionVinculos" CausesValidation="false">Cancelar</asp:LinkButton> ....

DIVの一部だけ厥、私の質問は、そのfunctionallityを失うことなく、私はjQueryのオーバーレイでそのDIVを表示するにはどうすればよいのですか？私はそれが動作を取得するために管理が、私は「その-DIV-ポストバック」を行うときに画面がDIVを失い、オーバーレイの背景のみを保持しますので、私は聞いてるのよ。

カップルより多くの情報：

<button class="modalInput button" rel="#prompt">
                Buscar</button>
<script type="text/javascript">
                function pageLoad() {
                    var triggers = $("button.modalInput").overlay({
                        // some expose tweaks suitable for modal dialogs
                        expose: {
                            color: '#333',
                            loadSpeed: 200,
                            opacity: 0.3,
                            zIndex: 99
                        },
                        top: '25%',
                        closeOnClick: true
                    });
                }                

            </script>
役に立ちましたか？

解決 2

私はこの問題を解決するためにやったことは、私は、オーバーレイから呼んでいるのdiv内のUpdatePanelを挿入して、この方法は、すべてのポストバックがそのUpdatePanelのでキャッチされます、と私は上にオーバーレイを保つ「ユーザーEscキーを押しまでかボタンがキャンセル。

）;ご心配ジェイミーいただきありがとうございます

他のヒント

私はあなたの最初の投稿に質問を投稿するのに十分な、まだ素晴らしいじゃないとして、それはあなたが機能を失うことポストバックの上にいるのですか？あなたはAJAX呼び出しを使用してポストバックを制御したい場合がありますので、？

また、 - 私はまだ不透明度を指定して、いくつかのブラウザでアクセス可能要素とのトラブルを持っていた。

。
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top