首頁 > web前端 > js教程 > 主體

js取得TreeView控制項選取節點的Text和Value值的方法_javascript技巧

WBOY
發布: 2016-05-16 17:48:04
原創
1495 人瀏覽過

在實際專案中,遇到一個問題,首先彈出一個新窗口,新窗口中放了一個TreeView控件,TreeView控件的資料綁定在我的上一篇隨筆(TreeView綁定XML資料來源C#程式碼範例)中有講到,現在要解決的是,如何點擊TreeView中一個節點,返回Text和Value到父頁面並關閉該新視窗。
首先,在後台代碼中為TreeView添加屬性onclick以支持TreeView的客戶端事件,代碼如下:

複製代碼 程式碼如下:

if (!IsPostBack)
{
TreeView1.Attributes.Add("onclick", "ReturnValue()");//ReturnValue為javascript函數
BindTreeView();
}

那現在就要解決如何透過js取得TreeView中被選取的那個節點,腳本如下:
複製程式碼 程式碼如下:

function ReturnValue() {
var objNode = event.srcElement;
var unitid = event.objNode .href;
if (objNode.tagName != "SPAN") {
return;
}
window.opener.document.getElementById("txtUnit").value = objuteNode.getAttribute(" innerHtml");
window.opener.document.getElementById("txtUnitID").value = unitid;
window.close();
}

其實這裡用了點小花招,因為我實在不知道在哪個屬性裡能獲得綁定給TreeView的ValueField的值,所以,Value值我一併綁定給了NavigateUrl,也就是寫黃色部分代碼的原因,Html代碼如下:
複製程式碼 程式碼如下:







紅色部分程式碼是用來取得TreeView上顯示文字的,因為如果你去查看原始檔的話,你會發現,TreeView的Text屬性值被放在了SPAN中。
綠色部分程式碼是用來回填父頁面的,但是要注意的是,"txtUnit"必須是客戶端控件,因為如果是伺服器端控件,彈窗在編譯時會報不存在該控件。
這樣,我需要的功能就實現了!另外,有人可能會說,父頁面中用來裝載回填值的是客戶端控件,那如果要在伺服器事件中使用怎麼辦?也很簡單,C#程式碼如下:
Request.Form["txtUnit"].ToString();
但是要注意了,這裡的"txtUnit"可不是控制項ID,而是name屬性了!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板