
asp.net treeview 控件中checkbox第一次点击刷新问题
公司以前项目中遇到树菜单,使用的是iewebcontrol的treeview实现了checkbox勾选功能,点击treeview的checkbox时候,页面总是会刷新(i...
公司以前项目中遇到树菜单,使用的是iewebcontrol的treeview实现了checkbox勾选功能,点击treeview的checkbox时候,页面总是会刷新(ie是第一次点击时候会刷新,后面就不刷新了,谷歌是每次都刷新),导致用户体验感很差。能否,点击checkbox页面不刷新,同时勾选和不勾选效果照样实现。
展开
1个回答
2018-03-14 · 知道合伙人互联网行家
关注

展开全部
大概的代码 你可以自己修改一下
后台:
protected void Page_Load(object sender, EventArgs e)
{
TreeView1.Attributes.Add("onclick", "postBackObject()");
}
protected void node_CheckChange(object sender, TreeNodeEventArgs e)
{
SetCheck(e.Node);
}
protected void SetCheck(TreeNode tn)
{
if (tn.Checked)
{
foreach (TreeNode subtn in tn.ChildNodes)
{
subtn.Checked = true;
SetCheck(subtn);
}
}
}
前台:
<head>
<title></title>
<script type="text/javascript">
function postBackObject() {
var o = window.event.srcElement;
if (o.type == "checkbox") {
__doPostBack("", "");
}
}
</script>
</head>
<asp:TreeView OnTreeNodeCheckChanged="node_CheckChange" ID="TreeView1" runat="server">
<Nodes>
<asp:TreeNode ShowCheckBox="true" Value="父节点">
<asp:TreeNode ShowCheckBox="true" Value="子节点1">
<asp:TreeNode ShowCheckBox="true" Value="子节点11"></asp:TreeNode>
<asp:TreeNode ShowCheckBox="true" Value="子节点22"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode ShowCheckBox="true" Value="子节点2"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
后台:
protected void Page_Load(object sender, EventArgs e)
{
TreeView1.Attributes.Add("onclick", "postBackObject()");
}
protected void node_CheckChange(object sender, TreeNodeEventArgs e)
{
SetCheck(e.Node);
}
protected void SetCheck(TreeNode tn)
{
if (tn.Checked)
{
foreach (TreeNode subtn in tn.ChildNodes)
{
subtn.Checked = true;
SetCheck(subtn);
}
}
}
前台:
<head>
<title></title>
<script type="text/javascript">
function postBackObject() {
var o = window.event.srcElement;
if (o.type == "checkbox") {
__doPostBack("", "");
}
}
</script>
</head>
<asp:TreeView OnTreeNodeCheckChanged="node_CheckChange" ID="TreeView1" runat="server">
<Nodes>
<asp:TreeNode ShowCheckBox="true" Value="父节点">
<asp:TreeNode ShowCheckBox="true" Value="子节点1">
<asp:TreeNode ShowCheckBox="true" Value="子节点11"></asp:TreeNode>
<asp:TreeNode ShowCheckBox="true" Value="子节点22"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode ShowCheckBox="true" Value="子节点2"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
追问
这样它只是触发OnTreeNodeCheckChanged事件,但还是会刷新,一旦菜单长了,刷新就会跳到页面顶端,给用户的感觉非常不好。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询