国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

jquery組織架構(gòu)圖插件

sydMobile / 3001人閱讀

摘要：點(diǎn)擊加減號(hào)按鈕可以顯示與隱藏當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)。源碼解析插件的寫(xiě)法這里的可以取到調(diào)用時(shí)傳的參數(shù)最后附上地址歡迎

jquery插件 說(shuō)明

jquery插件皆可用于react,使用方法:react中使用jquery插件

效果圖

使用方法: 
$(".orgWrap").lenChart({
           data:obj,   //數(shù)據(jù)源
           drag:true,  //是否可拖拽
           depth:3,  //初始化展示的層級(jí)
           renderdata:function(data,$dom){}, //根據(jù)數(shù)據(jù)定制每個(gè)名片里面的DOM結(jié)構(gòu)
           callback:function(){} //渲染完圖表后的回調(diào)函數(shù)    
           })
數(shù)據(jù)源格式 
var obj = {
    id:001,
    data:{}
    children:[
        {
          id:001,
          data:{}
          children:[]
      },
      {
          id:001,
          data:{}
          children:[]
      }
    ]
}
插件說(shuō)明

使用遞歸的方式深層遍歷數(shù)據(jù),架構(gòu)圖第二層為橫向結(jié)構(gòu),
從第三層開(kāi)始為豎向結(jié)構(gòu),解決了橫向太長(zhǎng)的問(wèn)題。
點(diǎn)擊加減號(hào)按鈕可以顯示與隱藏當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)。

源碼解析(jquery插件的寫(xiě)法) 
(function($,window,document){
   $.fn.lenChart = function (options) {//這里的options可以取到調(diào)用時(shí)傳的參數(shù)
       var defaults = {};
       var opts = $.extend({}, defaults, options);
       ...
   }
})(jQuery,window,document)
最后附上github地址,歡迎star

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/85179.html

相關(guān)文章

  • jquery組織架構(gòu)圖插件

    摘要：點(diǎn)擊加減號(hào)按鈕可以顯示與隱藏當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)。源碼解析插件的寫(xiě)法這里的可以取到調(diào)用時(shí)傳的參數(shù)最后附上地址歡迎 jquery插件 說(shuō)明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果圖 showImg(https://segmentfault.com/img/bVX24E?w=895&h=756); 使用方法: $(.orgWrap).lenChar...

    tolerious 評(píng)論0 收藏0

  • spacetree組織架構(gòu)圖 實(shí)現(xiàn)異步加載子節(jié)點(diǎn)，和定制化內(nèi)容展示

    摘要：組織架構(gòu)圖說(shuō)明插件皆可用于使用方法中使用插件效果圖定制化內(nèi)容的效果圖插件說(shuō)明很好的的組織架構(gòu)圖，從上到下按層級(jí)展示匯報(bào)關(guān)系支持定制化內(nèi)容，和異步加載子節(jié)點(diǎn)下面會(huì)講到。且在開(kāi)發(fā)中，用戶希望能夠根據(jù)數(shù)據(jù)定制每一塊的內(nèi)容展示。 spacetree組織架構(gòu)圖 說(shuō)明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果圖 showImg(https://segme...

    youkede 評(píng)論0 收藏0

  • spacetree組織架構(gòu)圖 實(shí)現(xiàn)異步加載子節(jié)點(diǎn)，和定制化內(nèi)容展示

    摘要：組織架構(gòu)圖說(shuō)明插件皆可用于使用方法中使用插件效果圖定制化內(nèi)容的效果圖插件說(shuō)明很好的的組織架構(gòu)圖，從上到下按層級(jí)展示匯報(bào)關(guān)系支持定制化內(nèi)容，和異步加載子節(jié)點(diǎn)下面會(huì)講到。且在開(kāi)發(fā)中，用戶希望能夠根據(jù)數(shù)據(jù)定制每一塊的內(nèi)容展示。 spacetree組織架構(gòu)圖 說(shuō)明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果圖 showImg(https://segme...

    TANKING 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<