前端插件

ztree

Q：取treeObj对象没问题，获取所有选中节点，弹出空（非null）
A：getSelectedNodes 专门是获取 鼠标点击节点后的那种选中； 如果是 勾选的节点那么请使用getCheckedNodes 方法

Q：如何根据后端传回来的数据进行反显
A：zTreeObj.checkNode（Function(treeNode, checked, checkTypeFlag, callbackFlag)）

 var treeObj = $.fn.zTree.getZTreeObj('componentName');
 var comIdList = [‘A’，‘B’，‘C’];
 comIdList.forEach(function (e) {
   treeObj.checkNode(treeObj.getNodeByParam('comId', e), true, false);
                    });

checked = true 表示勾选节点
checked = false 表示节点取消勾选

checkTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作
checkTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作

可能出现的bug及解决方法：读取后端数据时，读取到父节点，因为有父子联动效果，导致子节点会全部勾选，但是子节点不需要全部勾选，所以需要判断该节点如果是父节点则不勾选，是子节点则进行勾选，子节点进行勾选后会联动勾选父节点，这种方法要自己判断比较麻烦。
可以直接修改checkNode的最后一个属性，修改为false，即可达到反显时取消父子联动的效果。

---

select2

Q：如何获取已选中的值
A：$('#id' option:selected).text()

Q：打印$('#id' option:selected)，发现没有获取的元素

---

bootstrap

Collapse折叠面板:
单：
必须：
①data-toggle="collapse" ：添加到父组件
②data-target/a标签的href属性：添加到父组件，它的值是子组件的 id

  Link with href


  Button with data-target


  

    ...
  

多：
必须：
①data-parent ：添加到一级父组件，把折叠面板（accordion）的 id 添加到要展开或折叠的组件的链接上。
②data-toggle="collapse" ：添加到二级父组件
③data-target/a标签的href属性：添加到二级父组件，它的值是子组件的 id

        

            

                

                    
                        点击我进行展开，再次点击我进行折叠。第 1 部分
                    
                
            
            

                

                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson
                    cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
                    vice lomo.
                
            
        
        

            

                

                    
                        点击我进行展开，再次点击我进行折叠。第 2 部分
                    
                
            
            

                

                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson
                    cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
                    vice lomo.
                
            
        
   

panel-default、panel-heading、panel-title、panel-body
等只会影响样式，不影响功能
主要是添加data-parent、data-toggle="collapse"、data-target及对应的跳转id