2013-02-14 54 views
0

在我的网页我有一个 下拉
Panel1的
是Panel2
按钮移动在Panel1的下拉数据接下来
的onclick显示。并且面板2显示先前选择的数据。Ajax的功能验证上的一个按钮的点击:


当没有选择任何东西时停用Panel1设置为不可见。

现在我想,如果没有什么按钮dropdown.onclick选择显示
“请选择PANEL1数据,然后移到下一个”
前,我才使用JavaScript函数来完成此警报消息在Next按钮上具有自定义验证功能。但现在我想升级 它到Ajax。

JavaScript代码:

function Validate(sender, args) 
    { 
      if (document.getElementById("ctl00_rightContainer_ContentTable1_Panel1").style.display == 'none') { 
       args.IsValid = false; 
      } 
      else { 
       args.IsValid = true; 
      } 

    } 


但我试图使用Visible属性,并与我可以在javascript说,因为上载没有发现Panel1的是无形的对象的错误AJAX功能之后。我已经把我的休息功能升级到ajax,但是我不知道我应该这样做。

+0

你试过了吗? – 2013-02-14 06:27:48

+0

@ChamikaSandamal我已经编辑了我的问题plz hav a look – 2013-02-14 06:33:45

回答

0

如果通过AJAX你意味着Asp.net更新面板然后它preet容易,但我不喜欢它。

把里面的UpdatePanel

面板

不要忘了添加的ScriptManager之上:

<asp:ScriptManager runat="server" id="sc1"/> 

<asp:UpdatePanel ID="up1" runat="server"> 
</asp:UpdatePanel> 

并为下拉式菜单中设置的AutoPostBack为true。

下拉将有一个的selectedIndex和的selectedIndex检查验证,并显示下一个面板或消息

您可以显示消息是这样的:

在标签

OR

警报或一些jQuery Popup

ScriptManager.RegisterStartUpScript(this.Page,typeof(Page),“alertV”,“alert('Errors ');“,true);

0

如果您将Visible服务器控件的属性设置为false,它将不会呈现,并且您无法从客户端代码中显示它。尝试设置style="display:none;"。这种方式面板将被渲染,但不会显示在页面上,您可以使用JavaScript显示它。