在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/人工智能  HTML/ 關(guān)于antd樹形控件點(diǎn)擊樹節(jié)點(diǎn)不能收縮問(wèn)題

關(guān)于antd樹形控件點(diǎn)擊樹節(jié)點(diǎn)不能收縮問(wèn)題


// expandedKeys,selectedKeys 使用了這兩個(gè)方法,發(fā)現(xiàn)樹形結(jié)構(gòu)點(diǎn)擊不能收縮,必須要把父級(jí)目錄parent 1-0下的第二個(gè)leaf點(diǎn)擊讓背景色消失才會(huì)自動(dòng)收縮,這樣自動(dòng)收縮也是不對(duì)的,即使點(diǎn)擊讓背景色消失也不能自動(dòng)收縮,直到用戶點(diǎn)擊父級(jí)parent 1-0才能收縮,這才正常,求解答

圖片描述

 checkedKeys = () => {
    this.setState({ checkedKey: ['0-0-0-1','0-0-1-0'] });
  }
  onSelect = (selectedKeys, info) => {
    this.setState({ checkedKey: selectedKeys });
  }
  onExpands = (selectedKeys, info) => {
    this.setState({ checkedKey: selectedKeys });
  }
  render() {
    return (
      <div>
        <Tree
          multiple={true}
          expandedKeys={this.state.checkedKey}
          selectedKeys={this.state.checkedKey}
          onSelect={this.onSelect}
          onExpand={this.onExpands}
        >
          <TreeNode title="parent 1" key="0-0">
            <TreeNode title="parent 1-0" key="0-0-0">
              <TreeNode title="leaf" key="0-0-0-0" />
              <TreeNode title="leaf" key="0-0-0-1" />
            </TreeNode>
            <TreeNode title="parent 1-1" key="0-0-1">
              <TreeNode title="sss" key="0-0-1-0" />
            </TreeNode>
          </TreeNode>
        </Tree>
        <button onClick={this.checkedKeys}>給復(fù)選框值</button>
      </div>
    );
  }
回答
編輯回答
壞脾滊

你把選擇與展開(kāi)混淆了。
1樓回答正解!

2017年3月19日 08:20
編輯回答
尛曖昧
  render() {
    return (
      <div>
        <Tree
          multiple={true}
          expandedKeys={this.state.expandKey || []}// (受控)展開(kāi)指定的樹節(jié)點(diǎn)
          selectedKeys={this.state.checkedKey || []}// (受控)設(shè)置選中的樹節(jié)點(diǎn)
          onSelect={this.onSelect}// 點(diǎn)擊樹節(jié)點(diǎn)觸發(fā)
          onExpand={this.onExpands}// 展開(kāi)/收起節(jié)點(diǎn)時(shí)觸發(fā)
        >
          <TreeNode title="parent 1" key="0-0">
            <TreeNode title="parent 1-0" key="0-0-0">
              <TreeNode title="leaf" key="0-0-0-0" />
              <TreeNode title="leaf" key="0-0-0-1" />
            </TreeNode>
            <TreeNode title="parent 1-1" key="0-0-1">
              <TreeNode title="sss" key="0-0-1-0" />
            </TreeNode>
          </TreeNode>
        </Tree>
        <button onClick={this.checkedKeys}>給復(fù)選框值</button>
      </div>
    );
  }
  checkedKeys = () => {
    this.setState({ expandKey: ['0-0-0','0-0-0-1','0-0-1-0'],checkedKey: ['0-0-0','0-0-0-1','0-0-1-0'] });
  }
  onSelect = (onSelect, info) => {
    this.setState({ checkedKey: onSelect });
  }
  onExpands = (onExpands, info) => {
    this.setState({ expandKey: onExpands });
  }
2017年9月2日 13:04
編輯回答
淺時(shí)光
 onExpands = (selectedKeys, info) => {
    this.setState({ checkedKey: selectedKeys });
  }

這里寫錯(cuò)了,checkedKey和expandKey用兩個(gè)變量來(lái)存,他們是兩個(gè)東西

2018年4月7日 17:48