JavaScript无法使用RadTabStrip asp.net

我有一个嵌套网格的javascript工作正常,直到我决定使用RadTabStrip。

JavaScript代码:

       function collapseExpand(obj) { var gvObject = document.getElementById(obj); var imageID = document.getElementById('image' + obj); if (gvObject.style.display == "none") { gvObject.style.display = "inline"; imageID.src = "~/ims/Images/bullet_toggle_minus.jpg"; } else { gvObject.style.display = "none"; imageID.src = "~/ims/Images/bullet_toggle_plus.jpg"; } }   

RadTab代码:

          <a href="javascript:collapseExpand('id1_');"> <img id="imageSubId_" alt="Click to show/hide orders" border="0" src="Images/bullet_toggle_plus.jpg" />         <div id="id1_" style="display: none; position: relative; left: 25px;">                  

此代码没有选项卡正常工作。 另外,我认为问题在于CollapseExpandfunction与标签的兼容性。

有人可以帮我弄这个吗?

谢谢。

情侣……

首先,我没有看到任何jQuery,只是简单的javascript(不是那是你的问题,只是说)。

其次, ');">看起来应该是');">d1_ vs id1_ )。

第三,我认为改变图像的代码不会起作用。

假设<%# Eval("id1") %>4 。 所以div的id是id1_4 。 这意味着var imageID = document.getElementById('image' + obj); 当图像的实际 ID为imageid1_4 ,会将imageID设置为imageSubId_4

抱歉回复晚了。

请尝试使用以下代码段。

JS

   

ASPX

           ');"> " alt="Click to show/hide orders" src="http://sofzh.miximages.com/jquery/admin-icon-expand.png" />         
" style="display: none; position: relative; left: 25px;">

ASPX.CS

 protected void GridView1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e) { dynamic data = new[] { new { ID = 1, Name ="Name1"}, new { ID = 2, Name = "Name2"}, new { ID = 3, Name = "Name3"}, new { ID = 4, Name = "Name4"}, new { ID = 5, Name = "Name5"} }; (sender as RadGrid).DataSource = data; } 

如果有任何疑虑,请告诉我。