EasyUI Tree 树点击按钮打开选中

yuanliy

已于 2022-02-09 11:34:11 修改

阅读量842

点赞数

分类专栏： javascript 文章标签： easyui jquery

于 2022-02-09 11:33:57 首次发布

本文链接：https://blog.csdn.net/a432qbc/article/details/122837934

版权

本文介绍了如何在EasyUI的Tree组件中，实现点击节点按钮来显示或打开选中节点的详细信息，主要涉及JavaScript和jQuery的交互操作。

摘要由CSDN通过智能技术生成

在这里插入图片描述

js

  init_edit('propagandaTemplates');
  show_company();
  
  function init_edit(id) {
   
  	let $dialog = $('#department_dialog');
    $('.company-btn').click(function () {
   
      add_company($dialog);//点击弹出框
    });

	//弹出框删除按钮
    $dialog.on('click', '.icon-del', function () {
   
      let index = $(this).index(),
        tree_id = $(this).parent().attr('tree-id'),
        $department_tree = $('#department_tree'),
        node = $('#department_tree').tree('find', tree_id);
      company_list.splice(index, 1);
      if (node != undefined) $department_tree.tree('uncheck', node.target);
       //找到点击得那一行得tree_id,然后删除得那一条不选中
      $(this).parent().remove();//当前得那一行删除
    });
  }

	  //人员选择弹出框
  function add_company($dialog) {
   
    $dialog.dialog({
   
      title: '添加成员',
      width: 600,
      modal: true,
      closed: false,
      onOpen: function () {
   
        role_dialog($dialog);
      },
      buttons: [{
   
          text: '确认',
          cls: 'btn-confirm',
          id: 'btn_confirm',
          handler: function () {
   
            company_list = company_list.concat(
              $.map($dialog.find('.department_list'), (v, i) => {
   
                  return {
   
                    id: tree_id,
                    name: $(v).attr