Fórum Mais Duvidas - Ref. á video-aula numero IX do Curso - Janela Modal Edit ñ abre após Inserção da Jan Modal Add Category #5154
29/04/2009
0
A/C Fabio Galante Mans
Acompanhando a Video-Aula IX do curso, estou aprendendo á criar as janelas modais, estou fazendo o curso no VS2008, só que qdo o source da pagina está deste jeito ou seja só com o Modal do WebWindow no Link do Edit do GridView a janela do Edit abre Corretamente
Abaixo o Source qdo a janela Edit abre corretamente
<%@ Page Title="" Language="C#" MasterPageFile="~/Home.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Gerenciamento_Categorias_Default" ViewStateEncryptionMode="Always" EnableViewStateMac="true" ValidateRequest="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentCenter" Runat="Server">Categorias<div style="padding: 15px">
Use this page to manage product categories. You can add new product categories,
delete categories and edit existing categories.
</div>
<div style="width: 700px">
<div style="float: left; margin-right: 10px; padding: 10px; border-left: solid 1px white;
height: 410px;"><asp:GridView ID="grdCategories" runat="server"
AutoGenerateColumns="False" DataSourceID="dsCategory"
DataKeyNames="CategoryID"
onselectedindexchanged="grdCategories_SelectedIndexChanged">
<Columns>
<asp:TemplateField ControlStyle-BackColor="#91070A" FooterStyle-BackColor="#91070A" ItemStyle-BackColor="#91070A">
<HeaderTemplate>
Ao
</HeaderTemplate>
<ItemTemplate>
<asp:LinkButton ID="lnkEdit" runat="server" CommandName="Select">Editar</asp:LinkButton>
<asp:Label ID="lblBarra" runat="server" ForeColor="White" Text=" / "></asp:Label>
<asp:LinkButton ID="lnkDelete" runat="server" CommandName="Delete"
onclientclick="return confirm('Voc tem Certeza que deseja excluir esta Categoria?')">Deletar</asp:LinkButton>
</ItemTemplate>
<ControlStyle BackColor="#91070A"></ControlStyle>
<FooterStyle BackColor="#91070A"></FooterStyle>
<ItemStyle BackColor="#91070A"></ItemStyle>
</asp:TemplateField>
<asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
</Columns>
</asp:GridView>
<custom:WebWindow ID="winEdit" Hide="true" WindowTitleText="Editar Categoria" runat="server">
<asp:FormView ID="frmEdit" runat="server" DataSourceID="dsCategoryUpdate"
DefaultMode="Edit" onitemupdated="frmEdit_ItemUpdated"
onitemcommand="frmEdit_ItemCommand">
<EditItemTemplate>
Title:
<asp:TextBox ID="txtTitle" runat="server" Text='<%# Bind("Title") %>'
ValidationGroup="Edit" />
<br />
<asp:RequiredFieldValidator ID="reqTitle" runat="server"
ControlToValidate="txtTitle" ValidationGroup="Edit">(Requerido)</asp:RequiredFieldValidator>
<br />
<br />
<asp:Button ID="UpdateButton" runat="server" CausesValidation="True"
CommandName="Update" Text="Update" ValidationGroup="Edit" />
<asp:Button ID="UpdateCancelButton" runat="server" CausesValidation="False"
CommandName="Cancel" Text="Cancel" ValidationGroup="Edit" />
</EditItemTemplate>
</asp:FormView>
</custom:WebWindow>
<asp:ObjectDataSource ID="dsCategory" runat="server" DeleteMethod="DeleteCat"
InsertMethod="Insert"
SelectMethod="SelectCategory" TypeName="DevMedia.ECommerce.Category">
<DeleteParameters>
<asp:Parameter Name="CategoryId" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="grupo" Type="String" />
<asp:Parameter Name="title" Type="String" />
</InsertParameters>
</asp:ObjectDataSource>
<br />
<asp:ObjectDataSource ID="dsCategoryUpdate" runat="server"
SelectMethod="SelecById"
TypeName="DevMedia.ECommerce.Category" UpdateMethod="Update">
<UpdateParameters>
<asp:ControlParameter ControlID="grdCategories" Name="CategoryID" />
</UpdateParameters>
<SelectParameters>
<asp:ControlParameter ControlID="grdCategories" Name="CategoryID"
PropertyName="SelectedValue" Type="Int32" />
</SelectParameters>
</asp:ObjectDataSource>
</div></div>
</asp:Content>
Agora o Source abaixo qdo a janela modal do OpenWebWindow abre normalmente mas a janela Edit do WebWindow não sei o porque não abre mais
<%@ Page Title="" Language="C#" MasterPageFile="~/Home.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Gerenciamento_Categorias_Default" ViewStateEncryptionMode="Always" EnableViewStateMac="true" ValidateRequest="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentCenter" Runat="Server">Categorias<div style="padding: 15px">
Use this page to manage product categories. You can add new product categories,
delete categories and edit existing categories.
</div>
<div style="width: 700px">
<div style="float: left; margin-right: 10px; padding: 10px; border-left: solid 1px white;
height: 410px;"><asp:GridView ID="grdCategories" runat="server"
AutoGenerateColumns="False" DataSourceID="dsCategory"
DataKeyNames="CategoryID"
onselectedindexchanged="grdCategories_SelectedIndexChanged">
<Columns>
<asp:TemplateField ControlStyle-BackColor="#91070A" FooterStyle-BackColor="#91070A" ItemStyle-BackColor="#91070A">
<HeaderTemplate>
Ao
</HeaderTemplate>
<ItemTemplate>
<asp:LinkButton ID="lnkEdit" runat="server" CommandName="Select">Editar</asp:LinkButton>
<asp:Label ID="lblBarra" runat="server" ForeColor="White" Text=" / "></asp:Label>
<asp:LinkButton ID="lnkDelete" runat="server" CommandName="Delete"
onclientclick="return confirm('Voc tem Certeza que deseja excluir esta Categoria?')">Deletar</asp:LinkButton>
</ItemTemplate>
<ControlStyle BackColor="#91070A"></ControlStyle>
<FooterStyle BackColor="#91070A"></FooterStyle>
<ItemStyle BackColor="#91070A"></ItemStyle>
</asp:TemplateField>
<asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
</Columns>
</asp:GridView>
<custom:WebWindow ID="winEdit" Hide="true" WindowTitleText="Editar Categoria" runat="server">
<asp:FormView ID="frmEdit" runat="server" DataSourceID="dsCategoryUpdate"
DefaultMode="Edit" onitemupdated="frmEdit_ItemUpdated"
onitemcommand="frmEdit_ItemCommand">
<EditItemTemplate>
Title:
<asp:TextBox ID="txtTitle" runat="server" Text='<%# Bind("Title") %>'
ValidationGroup="Edit" />
<br />
<asp:RequiredFieldValidator ID="reqTitle" runat="server"
ControlToValidate="txtTitle" ValidationGroup="Edit">(Requerido)</asp:RequiredFieldValidator>
<br />
<br />
<asp:Button ID="UpdateButton" runat="server" CausesValidation="True"
CommandName="Update" Text="Update" ValidationGroup="Edit" />
<asp:Button ID="UpdateCancelButton" runat="server" CausesValidation="False"
CommandName="Cancel" Text="Cancel" ValidationGroup="Edit" />
</EditItemTemplate>
</asp:FormView>
</custom:WebWindow>
<custom:OpenWebWindow ID="lnkAdd" runat="server"
Text="Adicionar Categoria" WebWindowID="winAdd" ForeColor="#91070A" />
<br />
<custom:WebWindow ID="winAdd" runat="server" Hide="true" ShowCloseButton="False"
Style="left: 23px; top: 459px" WindowTitleText="Add Category">
<asp:FormView ID="frmAdd" runat="server" DefaultMode="Insert"
DataSourceID="dsCategory" oniteminserted="frmAdd_ItemInserted">
<InsertItemTemplate>
Grupo:
<asp:TextBox ID="txtGrupo" runat="server" Text='<%# Bind("Grupo") %>' />
<br />
Title:
<asp:TextBox ID="txtTitle" runat="server" Text='<%# Bind("Title") %>' />
<br />
<asp:RequiredFieldValidator ID="reqTitle" runat="server"
ControlToValidate="txtTitle" ErrorMessage="(Requerido)"></asp:RequiredFieldValidator>
<br />
<br />
<asp:Button ID="InsertButton" runat="server" CausesValidation="True"
CommandName="Insert" Text="Insert" />
<asp:Button ID="InsertCancelButton" runat="server"
CausesValidation="False" CommandName="Cancel" Text="Cancel" />
</InsertItemTemplate>
</asp:FormView>
</custom:WebWindow>
<asp:ObjectDataSource ID="dsCategory" runat="server" DeleteMethod="DeleteCat"
InsertMethod="Insert"
SelectMethod="SelectCategory" TypeName="DevMedia.ECommerce.Category">
<DeleteParameters>
<asp:Parameter Name="CategoryId" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="grupo" Type="String" />
<asp:Parameter Name="title" Type="String" />
</InsertParameters>
</asp:ObjectDataSource>
<br />
<asp:ObjectDataSource ID="dsCategoryUpdate" runat="server"
SelectMethod="SelecById"
TypeName="DevMedia.ECommerce.Category" UpdateMethod="Update">
<UpdateParameters>
<asp:ControlParameter ControlID="grdCategories" Name="CategoryID" />
</UpdateParameters>
<SelectParameters>
<asp:ControlParameter ControlID="grdCategories" Name="CategoryID"
PropertyName="SelectedValue" Type="Int32" />
</SelectParameters>
</asp:ObjectDataSource>
</div></div>
</asp:Content>
Abaixo o code-behind da pagina
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Gerenciamento_Categorias_Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void frmEdit_ItemUpdated(object sender, FormViewUpdatedEventArgs e)
{
//Carrega aps Update no FormView
//O GridView atualizado
grdCategories.DataBind();
}
protected void grdCategories_SelectedIndexChanged(object sender, EventArgs e)
{
winEdit.Hide = false;
}
protected void frmEdit_ItemCommand(object sender, FormViewCommandEventArgs e)
{
winEdit.Hide = true;
}
protected void frmAdd_ItemInserted(object sender, FormViewInsertedEventArgs e)
{
grdCategories.DataBind();
}
}
Saberia me dizer o que pode estar havendo ou o que preciso fazer pra corrigir este erro
Fico no aguardo e desde já agradeço
Luiz Franco
Curtir tópico
+ 0
Responder
Posts
29/04/2009
Fabio Mans
Tudo bem?
Quando eu criei este curso não existia os componentes Ajax como por exemplo o ModalPopup, eu aconselho você utilizar os novos controles do Ajax e desistir dos controles do curso.
Veja um exemplo.
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx
Mesmo assim se quiser continar utilizando eu te ajudo.
Fabio
Responder
Gostei + 0
29/04/2009
Luiz Franco
Sim gostaria de uma Ajuda e até tb se possivel de um exemplo baseado em seu artigo com os novos controles Ajax se possivel me repassar, explico pq O AJAX em modo compatibilidade conforme os recursos funciona corretamente no Internet Explorer 7.0 já no 8.0 alguns funcionam outros não e fui testar por exemplo o controle animation do ajax no Firefox não funcionou corretamente então se me puder passar um exemplo de cada com e sem ajax mantendo-se o modal e o pq está ocorrendo o erro do qual já citei eu desde já agradeço
Responder
Gostei + 0
30/04/2009
Fabio Mans
A janela não é exibida corretamente no modo de execução ou de designer?
Sobre o Ajax Luiz existem vários vídeos sobre Ajax no site da DevMedia, qual controle exatamente você quer conhecer?
Fabio
Sobre o Ajax Luiz existem vários vídeos sobre Ajax no site da DevMedia, qual controle exatamente você quer conhecer?
Fabio
Responder
Gostei + 0
30/04/2009
Luiz Franco
Modo de Execução
Responder
Gostei + 0
05/05/2009
Fabio Mans
Você pode dar um print da tela?
Responder
Gostei + 0
06/05/2009
Luiz Franco
Vou se fôr melhor postar o source.aspx de como esta a tela da minha pagina category.aspx da area administrativa
Se for possivel faça um teste aí da seguinte forma em modo de execução
clica no link de Adicionar Categoria (aparece normalmente a janela)
clica no link de Deletar (aparece normalmente o alert)
clica no link editar (não aparece a janela de edição, só aparece a mesma qdo eu tiro as tags do winadd do source ai funciona normal
abaixo o source
Fico no aguardo e desde já agradeço
Estou usando o VisualStudio 2008 para criar o Asp.Net WebSite, estou testando ele no InternetExplorer 8.0, se necessitar tento criar um video para tu vêr em modo de execução , caso necessite para tirar a duvida mas acredito que com o source abaixo acredito que já receberei uma resposta espero do que está havendo
<%@ Page Title="" Language="C#" MasterPageFile="~/Home.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Gerenciamento_Categorias_Default" ViewStateEncryptionMode="Always" EnableViewStateMac="true" ValidateRequest="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentCenter" Runat="Server">Categorias<div style="padding: 15px">
Use this page to manage product categories. You can add new product categories,
delete categories and edit existing categories.
</div>
<div style="width: 700px">
<div style="float: left; margin-right: 10px; padding: 10px; border-left: solid 1px white;
height: 410px;"><asp:GridView ID="grdCategories" runat="server"
AutoGenerateColumns="False" DataSourceID="dsCategory"
DataKeyNames="CategoryID"
onselectedindexchanged="grdCategories_SelectedIndexChanged">
<Columns>
<asp:TemplateField ControlStyle-BackColor="#91070A" FooterStyle-BackColor="#91070A" ItemStyle-BackColor="#91070A">
<HeaderTemplate>
Ao
</HeaderTemplate>
<ItemTemplate>
<asp:LinkButton ID="lnkEdit" runat="server" CommandName="Select">Editar</asp:LinkButton>
<asp:Label ID="lblBarra" runat="server" ForeColor="White" Text=" / "></asp:Label>
<asp:LinkButton ID="lnkDelete" runat="server" CommandName="Delete"
onclientclick="return confirm('Voc tem Certeza que deseja excluir esta Categoria?')">Deletar</asp:LinkButton>
</ItemTemplate>
<ControlStyle BackColor="#91070A"></ControlStyle>
<FooterStyle BackColor="#91070A"></FooterStyle>
<ItemStyle BackColor="#91070A"></ItemStyle>
</asp:TemplateField>
<asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
</Columns>
</asp:GridView>
<custom:WebWindow ID="winEdit" Hide="true" WindowTitleText="Editar Categoria" runat="server">
<asp:FormView ID="frmEdit" runat="server" DataSourceID="dsCategoryUpdate"
DefaultMode="Edit" onitemupdated="frmEdit_ItemUpdated"
onitemcommand="frmEdit_ItemCommand">
<EditItemTemplate>
Title:
<asp:TextBox ID="txtTitle" runat="server" Text='<%# Bind("Title") %>'
ValidationGroup="Edit" />
<br />
<asp:RequiredFieldValidator ID="reqTitle" runat="server"
ControlToValidate="txtTitle" ValidationGroup="Edit">(Requerido)</asp:RequiredFieldValidator>
<br />
<br />
<asp:Button ID="UpdateButton" runat="server" CausesValidation="True"
CommandName="Update" Text="Update" ValidationGroup="Edit" />
<asp:Button ID="UpdateCancelButton" runat="server" CausesValidation="False"
CommandName="Cancel" Text="Cancel" ValidationGroup="Edit" />
</EditItemTemplate>
</asp:FormView>
</custom:WebWindow>
<custom:OpenWebWindow ID="lnkAdd" runat="server"
Text="Adicionar Categoria" WebWindowID="winAdd" ForeColor="#91070A" />
<br />
<custom:WebWindow ID="winAdd" runat="server" Hide="true" ShowCloseButton="False"
Style="left: 23px; top: 459px" WindowTitleText="Add Category">
<asp:FormView ID="frmAdd" runat="server" DefaultMode="Insert"
DataSourceID="dsCategory" oniteminserted="frmAdd_ItemInserted">
<InsertItemTemplate>
Grupo:
<asp:TextBox ID="txtGrupo" runat="server" Text='<%# Bind("Grupo") %>'
ontextchanged="txtGrupo_TextChanged" />
<br />
Title:
<asp:TextBox ID="txtTitle" runat="server" Text='<%# Bind("Title") %>' />
<br />
<asp:RequiredFieldValidator ID="reqTitle" runat="server"
ControlToValidate="txtTitle" ErrorMessage="(Requerido)"></asp:RequiredFieldValidator>
<br />
<br />
<asp:Button ID="InsertButton" runat="server" CausesValidation="True"
CommandName="Insert" Text="Insert" />
<asp:Button ID="InsertCancelButton" runat="server"
CausesValidation="False" CommandName="Cancel" Text="Cancel" />
</InsertItemTemplate>
</asp:FormView>
</custom:WebWindow>
<asp:ObjectDataSource ID="dsCategory" runat="server" DeleteMethod="DeleteCat"
InsertMethod="Insert"
SelectMethod="SelectCategory" TypeName="DevMedia.ECommerce.Category">
<DeleteParameters>
<asp:Parameter Name="CategoryId" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="grupo" Type="String" />
<asp:Parameter Name="title" Type="String" />
</InsertParameters>
</asp:ObjectDataSource>
<br />
<asp:ObjectDataSource ID="dsCategoryUpdate" runat="server"
SelectMethod="SelecById"
TypeName="WebProdutos.ECommerce.Category" UpdateMethod="Update">
<UpdateParameters>
<asp:ControlParameter ControlID="grdCategories" Name="CategoryID" />
</UpdateParameters>
<SelectParameters>
<asp:ControlParameter ControlID="grdCategories" Name="CategoryID"
PropertyName="SelectedValue" Type="Int32" />
</SelectParameters>
</asp:ObjectDataSource>
</div></div>
</asp:Content>
Responder
Gostei + 0
11/05/2009
Fabio Mans
Pra mim funcionou, você não quer utilizar o Modal Popup?
Veja um exemplo.
<asp:Panel ID="PnlCadastro" runat="server" CssClass="modalPopup" Width="400px" Height="160px"
Style="display: none">
<br />
<b>Cadastro de Grupo de Categorias</b><table>
<tr>
<td align="right">
Descrição:
</td>
<td align="left">
<asp:TextBox ID="TxtDescricao" runat="server" Width="221px" ValidationGroup="Cadastrar"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="left">
<asp:RequiredFieldValidator ID="RfDescricao" runat="server" ControlToValidate="TxtDescricao"
ErrorMessage="Digite a descrição" ValidationGroup="Cadastrar"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
Tipo:
</td>
<td align="left">
<asp:RadioButtonList ID="RbTipo" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Value="C">Crédito (Entrada)</asp:ListItem>
<asp:ListItem Selected="True" Value="D">Debito (Saída)</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="BtnCadastrar" runat="server" Text="Cadastrar" OnClick="BtnCadastrar_Click"
ValidationGroup="Cadastrar" />
<input id="CancelButton" runat="server" type="button" value="Cancelar" causesvalidation="False" />
</td>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LnkNovo"
PopupControlID="PnlCadastro" BackgroundCssClass="modalBackground" DropShadow="true"
CancelControlID="CancelButton">
</ajaxToolkit:ModalPopupExtender>
Veja um exemplo.
<asp:Panel ID="PnlCadastro" runat="server" CssClass="modalPopup" Width="400px" Height="160px"
Style="display: none">
<br />
<b>Cadastro de Grupo de Categorias</b><table>
<tr>
<td align="right">
Descrição:
</td>
<td align="left">
<asp:TextBox ID="TxtDescricao" runat="server" Width="221px" ValidationGroup="Cadastrar"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="left">
<asp:RequiredFieldValidator ID="RfDescricao" runat="server" ControlToValidate="TxtDescricao"
ErrorMessage="Digite a descrição" ValidationGroup="Cadastrar"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
Tipo:
</td>
<td align="left">
<asp:RadioButtonList ID="RbTipo" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Value="C">Crédito (Entrada)</asp:ListItem>
<asp:ListItem Selected="True" Value="D">Debito (Saída)</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="BtnCadastrar" runat="server" Text="Cadastrar" OnClick="BtnCadastrar_Click"
ValidationGroup="Cadastrar" />
<input id="CancelButton" runat="server" type="button" value="Cancelar" causesvalidation="False" />
</td>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LnkNovo"
PopupControlID="PnlCadastro" BackgroundCssClass="modalBackground" DropShadow="true"
CancelControlID="CancelButton">
</ajaxToolkit:ModalPopupExtender>
Responder
Gostei + 0
11/05/2009
Luiz Franco
Esse exemplo que vc tá me enviando do modal popup é o do ajax control tool kit e mais uma coisa não sei se isso teria a haver mas se deixar de colocar o validatorgroup proprio de cada formview veja no código que lhe passei isso interfere ou não
Fico no aguardo e desde já agradeço
Responder
Gostei + 0
11/05/2009
Fabio Mans
Não interfere, isso mesmo, do Ajax é o que estou utilizando no momento. Funciono em todos os navegadores.
Fabio
Responder
Gostei + 0
11/05/2009
Luiz Franco
Olá Fabio
no source exemplo que vc me enviou não achei a class
CssClass="modalPopup"
desta linha
<asp:Panel ID="PnlCadastro" runat="server" CssClass="modalPopup" Width="400px" Height="160px"
Style="display: none">
e tá dando erro vc teria essa class para me passar
fico no aguardo e desde já agradeço
Responder
Gostei + 0
15/05/2009
Fabio Mans
CssClass="modalPopup" está no arquivo de estilo
E-Commerce\App_Themes\Store
Style.css
Fabio
E-Commerce\App_Themes\Store
Style.css
Fabio
Responder
Gostei + 0
15/05/2009
Luiz Franco
Ok obrigado vou verificar o stylu da folha de stylus mas no caso do problema da não abertura ao mesmo tempo ao clicar no Edit e no Add Category, consegui resolver o problema e vou ti passar a resposta (era o validator group dos itens do formview do Edit e dos itens do formview do Add (no Edit tinha os validators group como verificado e explicado no source mas no add não os tinha o mesmo, verifiquei o source e coloquei o validator corretamente aí funcionou, então neste caso vale uma observação que o validator group se tiver sido colocado apenas em um formview no outro não abrirá a janela tem que ser colocado como seu codigo mostra nos dois form views diferentes
Agradeço pela ajuda e coloco como concluído esta questão
Lembrando mais uma observação (alguns ajax não estão funcionando corretamente no INTERNET EXPLORER 8.0 e no FIREFOX, já com a Janela modal com a classe que vc criou funciona corretamente )
Responder
Gostei + 0
16/05/2009
Luiz Franco
Olá Fabio Galante, eu pensei que a visualização no Firefox da janela modal seria a mesma do Internet Explorer, então vou tentar com o ajax somente no Firefox mas ao pesquisar a pasta que vc me retornou aonde estaria a classe modal popup ou seja em
E-Commerce\App_Themes\Store
Não achei a classe Modal relativo ao curso no lugar achei esta, mas que eu acho que não serve para o exemplo em ajax do qual me passou no qual só vou utilizá-lo na versão do Firefox, teria como me passar a class .Modal por aqui
Fico no aguardo e desde já agradeço
.webWindow
{
width:400px;
border:Outset;
background-color:white;
}
.webWindowBody
{
padding:10px;
}
.webWindowTitleBar
{
font:14px Verdana,Sans-Serif;
padding-left:10px;
background-color:Blue;
color:white;
cursor:move;
}
.webWindowTitleText
{
float:left;
}
.webWindowClose
{
background-color:Maroon;
font-weight:bold;
cursor:pointer;
}
Responder
Gostei + 0
20/05/2009
Luiz Franco
O Problema junto áos styles anteriores que lhe passei foram resolvidos para o window.open de sua classe..naquela oportunidade pensei que o Firefox e o Opera não o tivessem reconhecidos da mesma forma que o IE8.0 mas na verdade o que deve têr acontecido por eu estar testando em local host foi algum cache que o Firefox e o Opera não conseguiram se disfazer, acredito que foi isso pois depois que religuei o meu micro ontem e fui vêr as janelas modais com seus styles estavam reconhecidas tanto no Firefox como no Opera, com alguns pequenos ajustes de top left
Mas aproveitando se fosse no caso do uso do ajax modal como teria que fazer para isá-lo no link do edit do gridview para abrir o winform winedit
Fico no aguardo e desde já agradeço já estou na aula XI e estou criando um topico para outra duvida em relação á esta aula
Responder
Gostei + 0
21/05/2009
Fabio Mans
Segue um modelo para o Modal popup.
MODAL POPUP
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var styleToSelect;
function onOK() {
document.getElementById('Paragraph1').className = styleToSelect
}
</script>
</head>
<body>
<form id="form1" runat="server">
<aspcriptManager ID="ScriptManager1" runat="server" />
<div></div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
<br />
<asp:LinkButton ID="LinkButton1" runat="server">Abrir</asp:LinkButton>
<p id="Paragraph1">Texto a ser mudado</p>
<aspanel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" width="233px">
<p> Escolha o estilo que gostaria de usar</p>
<input id="RadioA" name="Radio" onclick="styleToSelect = 'sampleStyleA';" type="radio" />
<label class="SampleStyleA" for="RadioA">Escolha este estilo</label><br />
<input id="RadioB" name="Radio" onclick="styleToSelect = 'sampleStyleB';" type="radio" />
<label class="SampleStyleB" for="RadioB">Escolha este estilo</label><br />
<input id="RadioC" name="Radio" onclick="styleToSelect = 'sampleStyleC';" type="radio" />
<label class="SampleStyleC" for="RadioC">Escolha este estilo</label><br />
<input id="RadioD" name="Radio" onclick="styleToSelect = 'sampleStyleD';" type="radio" />
<label class="SampleStyleD" for="RadioD">Escolha este estilo</label><br />
<br />
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="OK" OnClick="OkButton_Click" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</aspanel>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="LinkButton1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
CancelControlID="CancelButton"
OnOkScript="onOK()">
</cc1:ModalPopupExtender>
</form>
</body>
MODAL POPUP
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var styleToSelect;
function onOK() {
document.getElementById('Paragraph1').className = styleToSelect
}
</script>
</head>
<body>
<form id="form1" runat="server">
<aspcriptManager ID="ScriptManager1" runat="server" />
<div></div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
<br />
<asp:LinkButton ID="LinkButton1" runat="server">Abrir</asp:LinkButton>
<p id="Paragraph1">Texto a ser mudado</p>
<aspanel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" width="233px">
<p> Escolha o estilo que gostaria de usar</p>
<input id="RadioA" name="Radio" onclick="styleToSelect = 'sampleStyleA';" type="radio" />
<label class="SampleStyleA" for="RadioA">Escolha este estilo</label><br />
<input id="RadioB" name="Radio" onclick="styleToSelect = 'sampleStyleB';" type="radio" />
<label class="SampleStyleB" for="RadioB">Escolha este estilo</label><br />
<input id="RadioC" name="Radio" onclick="styleToSelect = 'sampleStyleC';" type="radio" />
<label class="SampleStyleC" for="RadioC">Escolha este estilo</label><br />
<input id="RadioD" name="Radio" onclick="styleToSelect = 'sampleStyleD';" type="radio" />
<label class="SampleStyleD" for="RadioD">Escolha este estilo</label><br />
<br />
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="OK" OnClick="OkButton_Click" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</aspanel>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="LinkButton1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
CancelControlID="CancelButton"
OnOkScript="onOK()">
</cc1:ModalPopupExtender>
</form>
</body>
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)