关于treeView控件复选框单选的问题

  

    上个项目需要实现如图以上的功能，因为是选择单个房间或单元，需要实现单选的效果，在treeView控件中，可以在后台代码设置子节点的文本时候添加以下代码：

 <input type="radio" name="radio">在效果上可以出现单选的效果，但是点击之后是无法再后台取到对应节点的value值，所以考虑用Js控制页面的效果，如下:

 

Demo

    $("input[type=checkbox]").click(function() {
  $("input[type=checkbox]").attr("checked", "");
  $(this).attr("checked","true");
  });v

 

   用jquer选择这样就可以达到复选框单选的效果。

  当然，这样做并不是最好的方案，最好的解决还是用jquer tree控件,正在学习中。。

  最后贴上后台动态绑定treeview代码:

 

TreeView后台动态绑定

  public void AddTree(String ParentID, TreeNode pNode)
    {
        if (dtTree != null)  //dtTree为绑定的数据列表返回的datatable
        {
            DataView dvTree = new DataView(dtTree);
           

            foreach (DataRowView Row in dvTree)
            {
                TreeNode Node = new TreeNode();

                //添加当前节点的子节点
                Node.Value = Row["Code"].ToString().Trim();
                Node.Text = " <font style='font-size: 12px; font-family:新宋体' >" + Row["Name"].ToString().Trim() + "</font>";
                pNode.ChildNodes.Add(Node); 

                //绑定此节点下面的数据，addUnit()方法跟此方法基本一样                
                addUnit(Row["UnitCount"].ToString(), Node, Row["Code"].ToString());
            }
        }
    }