AJAX中快顯視窗連續彈出

來源:互聯網
上載者:User

頁面風格為:

左側AJAX容器中為功能樹,右側AJAX容器中為功能樹某一結點的詳細資料

右側AJAX容器中包含某一串連,用來開啟快顯視窗,進一步顯示功能樹某一結點的附屬內容。

圖中右側部分連結“該測試點步驟資訊”的點擊事件為:

ScriptManager.RegisterStartupScript(UpdatePanel1, GetType(), "onclick", "showTab('" + hiddPropId.Value + "')", true);

開啟彈出頁面,其中hiddPropId為隱藏控制項,其value為功能樹目前點擊結點的ID值。

遇到問題:該連結第一次點擊可以彈出,但繼續點擊則不可彈出,(可能是因為AJAX容器中沒有重新整理的緣故,可以通過重新整理方式解決,但可能會影響目前頁面及功能樹展開結點狀態,因此未嘗試重新整理解決方案。)

對於該問題採用解決方案:

點選連結不到後台代碼中實現開啟快顯視窗功能,因為AJAX容器沒有更新就不會調用後台,因此應嘗試將開啟快顯視窗過程放在前台完成:

即連結中添加調用前台事件:OnClientClick='showTab()'

js事件為:

function showTab() {
        //document.getElementById("lnkTab").click();
        var id = document.getElementById('hiddPropId').value;
        pop = new Popup({ contentType: 1, isReloadOnClose: false, width: 600, height: 500 });
        pop.setContent("title", "測試點步驟");
        pop.setContent("contentUrl", "TestTabManage.aspx?ItemID=" + id);
        pop.build();
        pop.show();
        //window.showModalDialog('TestTabManage.aspx?ItemID=' + ID, '', 'dialogHeight:500px;dialogWidth:600px;center:yes;left:0;toolbar:no;location:yes;menubar:no;scrollbars:yes; resizable:no; status:no');

    }

在js事件中擷取'hiddPropId'的value即功能樹結點的ID值,開啟快顯視窗。

其他問題:

在OnClientClick='showTab(<%= ID %>)',ID在後台設定為功能樹結點的ID值,調用js方法時直接使用該值,但調試結果:並沒有擷取到實際的ID值,而是將(<%= ID %>)作為字串常量傳了過去。

未解決問題:為什麼沒有解析(<%= ID %>)?

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.