我有一个隐藏的TextBox,并在发布前用clientide脚本填充它,但是在服务器端它显示TextBox的Text值是一个空字符串。
这是我的整个aspx页面:
<!-- Include Fancytree skin and library -->
<link href="Scripts/FancyTree/skin-win8/ui.fancytree.min.css" rel="stylesheet" />
<script src="Scripts/FancyTree/jquery.fancytree-all.js"></script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="GetIds" runat="server" OnClientClick=GetSelection() OnClick="GetIds_Click"/>
<asp:TextBox ID="DepartmentSelection" Visible ="false" runat="server" />
<div id="tree"></div>
</form>
</body>
</html>
<!-- Initialize the tree when page is loaded -->
<script type="text/javascript">
// Load FancyTrees
var depTree;
$(function () {
loadTree("#tree", "TestPage.aspx/GetDepartmentTreeData");
})
function loadTree(elementId, dataUrl)
{
$(elementId).fancytree({
checkbox: true,
selectMode: 3,
source: PostContext(dataUrl, JSON.stringify({ selected: false, hierarchyLevels: [] })),
lazyLoad: function (event, data) {
data.result = PostContext(dataUrl,
JSON.stringify({
selected: data.node.selected,
hierarchyLevels: data.node.data.HierarchyLevels
}))
}
});
depTree = $(elementId).fancytree("getTree");
}
function GetSelection() {
var arr = [];
var t = depTree.getSelectedNodes(true);
$.each(t, function (index, value) {
arr.push(value.data);
});
var j = JSON.stringify(arr);
$("#DepartmentSelection").val(j);
}
function PostContext(url, data) {
return {
type: "POST",
contentType: "application/json; charset=utf-8",
url: url,
data: data
}
}
</script>
我已经验证了GetSelection函数在回发发生之前正在运行,但是当在服务器端触发GetIds_Click事件时,DepartmentSelection.Text值仍然是如上所述的空字符串。我做错了什么?
还有更好的方法可以在回发后将数据发送回服务器吗?我基本上只是试图让服务器知道选择了树视图中的哪些复选框。
答案 0 :(得分:3)
如果ASP.NET控件被标记为Visible ="false"
- 它根本不会呈现给客户端,所以没有&#34; DepartmentSelection&#34;在客户端,很可能$("#DepartmentSelection").val(j)
在控制台中抛出错误。
您可以通过指定Visible ="false"
来隐藏文本框,而不是style='display:none'
。
但更好的方法 - 而不是使用asp:TextBox
- 使用asp:HiddenField
。它不需要任何可见性属性,因为它始终是隐藏的 - 您可以在客户端分配值并在服务器端代码中读取它们。
答案 1 :(得分:2)
Visible="false"
表示文本框根本不会呈现给页面。这意味着从客户的角度来看它不存在,现在有了用javascript找到它的方法。您可以将display: none
之类的内容设置为文本框样式,也可以选择使用asp:Hidden
字段。
DepartmentSelection
是服务器端ID,在客户端它将是不同的。您可以使用ClientID
查找客户端值,或将TextBox的ID模式设置为Static
,以便客户端和服务器上的ID相同。
这当然取决于您正在使用的树视图,但它应该自己发布一些内容。您是否验证了树视图控件中值的请求信息?