Mais Duvidas - Ref. á video-aula numero IX do Curso - Janela Modal Edit ñ abre após Inserção da Jan Modal Add Category
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
Curtidas 0
Respostas
Fabio Mans
29/04/2009
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
GOSTEI 0
Luiz Franco
29/04/2009
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
GOSTEI 0
Fabio Mans
29/04/2009
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
GOSTEI 0
Luiz Franco
29/04/2009
Modo de Execução
GOSTEI 0
Fabio Mans
29/04/2009
Você pode dar um print da tela?
GOSTEI 0
Luiz Franco
29/04/2009
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>
GOSTEI 0
Fabio Mans
29/04/2009
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>
GOSTEI 0
Luiz Franco
29/04/2009
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
GOSTEI 0
Fabio Mans
29/04/2009
Não interfere, isso mesmo, do Ajax é o que estou utilizando no momento. Funciono em todos os navegadores.
Fabio
GOSTEI 0
Luiz Franco
29/04/2009
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
GOSTEI 0
Fabio Mans
29/04/2009
CssClass="modalPopup" está no arquivo de estilo
E-Commerce\App_Themes\Store
Style.css
Fabio
E-Commerce\App_Themes\Store
Style.css
Fabio
GOSTEI 0
Luiz Franco
29/04/2009
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 )
GOSTEI 0
Luiz Franco
29/04/2009
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;
}
GOSTEI 0
Luiz Franco
29/04/2009
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
GOSTEI 0
Fabio Mans
29/04/2009
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>
GOSTEI 0
Luiz Franco
29/04/2009
Olá Fabio Galante Boas
Obrigado pelo modelo, mas só para encerrar este mais uma duvida como seria o modelo do ModalPopup no Ajax baseado no link Edit do GridView das Categorias, como eu faria isso se puder um ultimo exemplo com base nisto que eu ti perguntei desde já agradeço
GOSTEI 0
Fabio Mans
29/04/2009
Veja se ajuda
<form id="Form1" runat="server">
<userControl:Menu runat="server" ID="Menu" />
<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<br />
<br />
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td align="center">
<div id="Help">
<h3>
Grupo categoria</h3>
</div>
<asp:GridView ID="GvwGrupoCategoria" runat="server" AutoGenerateColumns="False" DataKeyNames="GrupoCategoriaID"
OnRowCommand="GvwGrupoCategoria_RowCommand" OnRowCreated="GvwGrupoCategoria_RowCreated"
OnRowDataBound="GvwGrupoCategoria_RowDataBound">
<Columns>
<asp:ButtonField ButtonType="Image" HeaderImageUrl="~/Images/arrow-right_cinza.gif"
ImageUrl="~/Images/arrow-right_cinza.gif" CommandName="Selecao" />
<asp:BoundField DataField="GrupoCategoria" HeaderText="Grupo Categoria" >
<ItemStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:TemplateField HeaderText="Tipo">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("TextoTipo") %>'></asp:Label>
<asp:HiddenField ID="HdfTipo" runat="server" Value='<%# Eval("Tipo") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:ButtonField ButtonType="Image" CommandName="Excluir" ImageUrl="~/Images/excluir.png"
Text="Excluir categoria">
<ItemStyle HorizontalAlign="Center" />
</asp:ButtonField>
</Columns>
</asp:GridView>
<asp:LinkButton ID="LnkNovo" runat="server" CausesValidation="False">Novo grupo de categorias</asp:LinkButton>
<br />
<asp:Button ID="BtnHiddenAlterar" runat="Server" Style="display: none" />
<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>
<asp:Panel ID="PnlAlteracao" runat="server" CssClass="modalPopup" Width="400px" Height="160px"
Style="display: none">
<br />
<b>Alterar de Grupo de Categorias</b><table>
<tr>
<td align="right">
Descrição:
</td>
<td align="left">
<asp:TextBox ID="TxtAlterarDescricao" runat="server" Width="221px" CausesValidation="True"
ValidationGroup="Alterar"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="left">
<asp:RequiredFieldValidator ID="RfAlteracao" runat="server" ControlToValidate="TxtAlterarDescricao"
ErrorMessage="Digite a descrição" ValidationGroup="Alterar"></asp:RequiredFieldValidator>
<asp:HiddenField ID="HfdAlterar" runat="server" />
</td>
</tr>
<tr>
<td align="right">
Tipo:
</td>
<td align="left">
<asp:RadioButtonList ID="RbTipoAlteracao" runat="server" RepeatDirection="Horizontal"
RepeatLayout="Flow">
<asp:ListItem Value="C">Crédito (Entrada)</asp:ListItem>
<asp:ListItem Value="D">Debito (Saída)</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="BtnAlterar" runat="server" Text="Alterar" OnClick="BtnAlterar_Click"
ValidationGroup="Alterar" />
<input id="BtnAlterarCancelar" runat="server" type="button" value="Cancelar" causesvalidation="False" />
</td>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalAlterar" runat="server" PopupControlID="PnlAlteracao"
BackgroundCssClass="modalBackground" DropShadow="true" CancelControlID="BtnAlterarCancelar"
TargetControlID="BtnHiddenAlterar">
</ajaxToolkit:ModalPopupExtender>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</form>
<form id="Form1" runat="server">
<userControl:Menu runat="server" ID="Menu" />
<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<br />
<br />
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td align="center">
<div id="Help">
<h3>
Grupo categoria</h3>
</div>
<asp:GridView ID="GvwGrupoCategoria" runat="server" AutoGenerateColumns="False" DataKeyNames="GrupoCategoriaID"
OnRowCommand="GvwGrupoCategoria_RowCommand" OnRowCreated="GvwGrupoCategoria_RowCreated"
OnRowDataBound="GvwGrupoCategoria_RowDataBound">
<Columns>
<asp:ButtonField ButtonType="Image" HeaderImageUrl="~/Images/arrow-right_cinza.gif"
ImageUrl="~/Images/arrow-right_cinza.gif" CommandName="Selecao" />
<asp:BoundField DataField="GrupoCategoria" HeaderText="Grupo Categoria" >
<ItemStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:TemplateField HeaderText="Tipo">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("TextoTipo") %>'></asp:Label>
<asp:HiddenField ID="HdfTipo" runat="server" Value='<%# Eval("Tipo") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:ButtonField ButtonType="Image" CommandName="Excluir" ImageUrl="~/Images/excluir.png"
Text="Excluir categoria">
<ItemStyle HorizontalAlign="Center" />
</asp:ButtonField>
</Columns>
</asp:GridView>
<asp:LinkButton ID="LnkNovo" runat="server" CausesValidation="False">Novo grupo de categorias</asp:LinkButton>
<br />
<asp:Button ID="BtnHiddenAlterar" runat="Server" Style="display: none" />
<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>
<asp:Panel ID="PnlAlteracao" runat="server" CssClass="modalPopup" Width="400px" Height="160px"
Style="display: none">
<br />
<b>Alterar de Grupo de Categorias</b><table>
<tr>
<td align="right">
Descrição:
</td>
<td align="left">
<asp:TextBox ID="TxtAlterarDescricao" runat="server" Width="221px" CausesValidation="True"
ValidationGroup="Alterar"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="left">
<asp:RequiredFieldValidator ID="RfAlteracao" runat="server" ControlToValidate="TxtAlterarDescricao"
ErrorMessage="Digite a descrição" ValidationGroup="Alterar"></asp:RequiredFieldValidator>
<asp:HiddenField ID="HfdAlterar" runat="server" />
</td>
</tr>
<tr>
<td align="right">
Tipo:
</td>
<td align="left">
<asp:RadioButtonList ID="RbTipoAlteracao" runat="server" RepeatDirection="Horizontal"
RepeatLayout="Flow">
<asp:ListItem Value="C">Crédito (Entrada)</asp:ListItem>
<asp:ListItem Value="D">Debito (Saída)</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="BtnAlterar" runat="server" Text="Alterar" OnClick="BtnAlterar_Click"
ValidationGroup="Alterar" />
<input id="BtnAlterarCancelar" runat="server" type="button" value="Cancelar" causesvalidation="False" />
</td>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalAlterar" runat="server" PopupControlID="PnlAlteracao"
BackgroundCssClass="modalBackground" DropShadow="true" CancelControlID="BtnAlterarCancelar"
TargetControlID="BtnHiddenAlterar">
</ajaxToolkit:ModalPopupExtender>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</form>
GOSTEI 0
Devmedia
29/04/2009
Luiz,
a resposta do consultor foi suficiente? Podemos encerrar o chamado?
a resposta do consultor foi suficiente? Podemos encerrar o chamado?
GOSTEI 0
Luiz Franco
29/04/2009
Este chamado pode dár como encerrado..Qq nova duvida se precisar eu reabro se for possivel...mas por agora pode encerrar
GOSTEI 0