C# 如何在更新面板中打开模式弹出窗口?
我有下一个要求:显示多个选项的下拉列表 对于选择不同的客户端,一旦我选择了不同的 clients和clic在dropdownlist下面的网格中单击一个按钮 应显示我选择的客户的报价,以及 如果我单击某个特定列,将打开一个弹出窗口,显示详细信息 这句话的意思是 有不同的情况: 1.-如果我使用更新面板,我会在其中放置dropdownlist和网格,当我在该特定列中单击时,会弹出 不起作用 2.-如果我不使用更新面板,除了 刷新网页 3.-如果我在选择dropdownlist中的某个内容之前加载了网格数据,则弹出窗口会一直工作,直到我在dropdownlist中选择了某个内容为止,这就是如果dropdownlist触发的事件以某种方式影响网格或弹出窗口,并且所有内容都在更新面板内 你有什么建议吗 我有网页的下一个代码:C# 如何在更新面板中打开模式弹出窗口?,c#,javascript,asp.net,C#,Javascript,Asp.net,我有下一个要求:显示多个选项的下拉列表 对于选择不同的客户端,一旦我选择了不同的 clients和clic在dropdownlist下面的网格中单击一个按钮 应显示我选择的客户的报价,以及 如果我单击某个特定列,将打开一个弹出窗口,显示详细信息 这句话的意思是 有不同的情况: 1.-如果我使用更新面板,我会在其中放置dropdownlist和网格,当我在该特定列中单击时,会弹出 不起作用 2.-如果我不使用更新面板,除了 刷新网页 3.-如果我在选择dropdownlist中的某个内容之前加载了
<div id="contentMain">
<asp:UpdatePanel ID="updPanel" runat="server">
<ContentTemplate>
<div style="margin-left: 190px; margin-bottom: -20px;">
<asp:LinkButton runat="server" ID="LinkButton1" title="Seleccionar Clientes" OnClientClick="refrescarGrid() return false;">
<span class="btnAceptar"></span>
</asp:LinkButton>
</div>
<table align="center">
<tr style="text-align: center">
<td class="labelTitle" style="background-color: #9AA8B3; border-radius: 3px;" colspan="1">
Seleccionar Clientes
</td>
</tr>
<tr>
<td style="font-size: 12px">
<cdis:ucDropDownListMultiple ID="ddlClients2" Requerido="false" LabelText="Clientes:"
runat="server" TextboxClassError="listaMultipleError chosen-choices" ContainerClass="ucTextbox"
TextboxClassNormal="chosen-choices" InputClassError="listaMultipleErrorInput"
InputClassNormal="chosen-choices" OpcionAgregar="false" ValidationGroup="vlg1"
Width="300px" MaxSelected="20" AutoPostBack="false" />
</td>
</tr>
</table>
<div style="">
<asp:LinkButton runat="server" ID="LinkButton2" title="Seleccionar Cotizaciones"
OnClick="btnGetSelectedQuotations">
<span class="btnAceptar"></span>
</asp:LinkButton>
</div>
<asp:ImageButton ID="btnSession" ImageUrl="" runat="server" OnClick="btnSession_Click"
Style="display: none;" />
<div class="subSection" align="center">
<table align="center">
<tr style="text-align: center">
<td class="labelTitle" style="background-color: #9AA8B3; border-radius: 3px;" colspan="1">
Cotizaciones Iniciales por Autorizar
</td>
</tr>
<tr>
<td>
<asp:ImageButton ID="ImageButton1" ImageUrl="" runat="server" OnClick="btnSession_Click"
Style="display: none;" />
</td>
</tr>
</table>
</div>
<div align="center">
<cc1:Grid ID="grdCatalogo" runat="server" AllowAddingRecords="false" Serialize="false"
ShowMultiPageGroupsInfo="false" AllowFiltering="false" AllowSorting="true" AllowGrouping="False"
AutoGenerateColumns="false" AllowPageSizeSelection="false" AllowColumnReordering="true"
AllowPaging="false" Width="100%" Height="100%" AllowRecordSelection="false" ShowFooter="false"
FolderLocalization="/Localization" Language="es" OnDataSourceNeeded="grdCatalogo_DataSourceNeeded">
<ExportingSettings ExportAllPages="true" ExportGroupHeader="true" ColumnsToExport="" />
<PagingSettings ShowRecordsCount="false" />
<ScrollingSettings NumberOfFixedColumns="0" FixedColumnsPosition="Left" />
<ClientSideEvents OnClientCallback="loadGridScripts" ExposeSender="true" />
<Columns>
<cc1:Column DataField="DeseasAutorizar" HeaderText=" Desea Autorizar" ItemStyle-Wrap="false"
Width="109px" Wrap="true" HeaderAlign="center" Align="center">
<TemplateSettings TemplateId="tplActionCheck" />
</cc1:Column>
<cc1:Column HeaderText="Código" DataField="tQuotationClientCode" Wrap="true" HeaderAlign="center"
Width="100px">
</cc1:Column>
<cc1:Column HeaderText="Nombre" DataField="tQuotationClientName" Wrap="true" HeaderAlign="center"
Width="248px">
</cc1:Column>
<cc1:Column HeaderText="Número de Cotización" DataField="tQuotationQuotationNumber"
Wrap="true" HeaderAlign="center" Width="120px">
<TemplateSettings TemplateId="tplIndividualQuotations" />
</cc1:Column>
<cc1:Column HeaderText="Número de Solicitud" DataField="tQuotationRequestNumber"
Wrap="true" HeaderAlign="center" Width="120px">
<TemplateSettings TemplateId="tplIndividualRequest" />
</cc1:Column>
<cc1:Column HeaderText="Tipo de Trabajo" DataField="tQuotationWorkType" Wrap="true"
Width="250px" HeaderAlign="center">
</cc1:Column>
<cc1:Column HeaderText="Código Producto del Cliente" DataField="tQuotationClientProductCode"
Wrap="true" Width="153px" HeaderAlign="center">
</cc1:Column>
<cc1:Column HeaderText="Nombre del Trabajo" DataField="tQuotationWorkName" Wrap="true"
Width="240px" HeaderAlign="center">
</cc1:Column>
<cc1:Column HeaderText="" DataField="tQuotationQuotationId" Visible="false">
</cc1:Column>
<cc1:Column HeaderText="" DataField="tQuotationRequestId" Visible="false">
</cc1:Column>
</Columns>
<Templates>
<cc1:GridTemplate runat="server" ID="tplActionCheck">
<Template>
<asp:CheckBox runat="server" ID="chkClientImp" EnableViewState="true" />
</Template>
</cc1:GridTemplate>
<cc1:GridTemplate runat="server" ID="tplIndividualRequest">
<Template>
<a class='modal' href='<%# "catIndividualRequest.aspx?pRequestId=" + 1+ "&pTmp=1"%>'
title="Actualizar Usuario">
<asp:Label ID="Label1" Text='<%#Container.DataItem["tQuotationRequestNumber"]%>'
runat="server" />
</a>
</Template>
</cc1:GridTemplate>
<cc1:GridTemplate runat="server" ID="tplIndividualQuotations">
<Template>
<a class='modal' href='<%# "catIndividualQuotation.aspx?pQuotationId=" + Container.DataItem["tQuotationQuotationId"] + "&pTmp=1"%>'
title="Actualizar Usuario">
<asp:Label ID="Label1" Text='<%#Container.DataItem["tQuotationQuotationNumber"]%>'
runat="server" />
</a>
</Template>
</cc1:GridTemplate>
</Templates>
</cc1:Grid>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
代码隐藏:
protected void grdCatalogo_DataSourceNeeded(object sender, GridDataSourceNeededEventArgs e)
{
int count = 0;
if (grdCatalogo.Rows != null)
{
foreach (GridRow row in grdCatalogo.Rows)
{
GridDataControlFieldCell cell = row.Cells[0] as GridDataControlFieldCell;
if (cell != null)
{
CheckBox asignar = cell.FindControl("chkClientImp") as CheckBox;
if (asignar.Checked)
{
DiccionarioAsignar.Add(count, asignar.Checked);
}
}
count++;
}
}
try
{
List<object> lst = new List<object>();
if (ddlClients2.GetSelectedItems().Count > 0)
{
foreach (System.Web.UI.WebControls.ListItem li in ddlClients2.Items)
{
if (li.Selected == true)
{
foreach (object obj in QuotationBLL.Get_QuotationInfoCatalogById(Convert.ToInt32(li.Value)))
{
lst.Add(obj);
}
}
}
}
grdCatalogo.DataSource = lst;
grdCatalogo.DataBind();
grdCatalogo.FolderStyle = "~/App_Themes/" + Page.Theme + "/styles/oboutgrid";
}
catch (CDISException ex)
{
MostrarErrorGeneral(ex.ErrorMessage);
ErrorOboutGrid = ex.ErrorMessage;
}
catch (Exception exGeneral)
{
MostrarErrorGeneral("Ocurrió un error inesperado. Verifique la información ingresada y contacte con el encargado de la aplicación.");
ErrorOboutGrid = "Ocurrió un error inesperado. Contacte con el encargado de la aplicación.";
}
}
protectedvoid grdCatalogo\u数据源需要(对象发送方,GridDataSourceNeededEventArgs e)
{
整数计数=0;
if(grdCatalogo.Rows!=null)
{
foreach(grdCatalogo.Rows中的GridRow行)
{
GridDataControlFieldCell=行。单元格[0]作为GridDataControlFieldCell;
如果(单元格!=null)
{
复选框asignar=cell.FindControl(“chkClientImp”)作为复选框;
如果(asignar.Checked)
{
DiccionarioAsignar.Add(计数,asignar.Checked);
}
}
计数++;
}
}
尝试
{
List lst=新列表();
如果(ddlClients2.GetSelectedItems().Count>0)
{
foreach(ddlClients2.Items中的System.Web.UI.WebControls.ListItem li)
{
如果(li.Selected==true)
{
foreach(QuotationBLL.Get中的对象objquotationInfoCatalogById(Convert.ToInt32(li.Value)))
{
第一次添加(obj);
}
}
}
}
grdCatalogo.DataSource=lst;
grdCatalogo.DataBind();
grdCatalogo.FolderStyle=“~/App_Themes/”+Page.Theme+“/styles/oboutgrid”;
}
捕获(CDISException ex)
{
MostrarErrorGeneral(例如ErrorMessage);
ErrorOboutGrid=ex.ErrorMessage;
}
捕获(一般例外)
{
MostrarErrorGeneral(“在调查过程中发现的错误。核实信息进入和联系应用程序管理委员会”);
ErrorOboutGrid=“在斯帕拉多发生错误。请联系aplicación.公司”;
}
}
看起来您实际上是在通过基于class=“Modal”
的JavaScript将“打开模式对话框”代码挂接到tplindividualQuotences
中的链接上
我相信这样做的代码只在页面加载时触发一次(使用jQuery$()
方法或类似方法)
问题是,当重新加载UpdatePanel时,此代码不会再次运行并将代码连接到新的
您需要向事件挂钩添加一个方法,该方法包括:
异步回发完成且控件已返回到浏览器后引发
所以你会有这样的想法:
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(pageLoaded);
function pageLoaded(sender, args) {
//Code to hook up modal load here...
}
</script>
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(pageLoaded);
已加载函数页(发送方,参数){
//在这里连接模态载荷的代码。。。
}
我以前已经这样做过,但是没有dropdownlist,所以这里的问题似乎与具有多个选项的dropdownlist有关。我会小心使用真正的模式对话框(与灯箱或类似对话框相反),因为Chrome最近禁用了支持showModalDialog
: