省市縣三級聯動

這是一個自己編寫，在自己項目中使用的代替樹形結構的三級聯動demo，可用於地域，行政區劃，部門人員等聯動的結構的展示。

demo功能：

• 多級節點選取
• 父級選取後，子級禁用
• 優雅的樣式
• 良好的交互體驗
• 兩用請求方式隨您選用

先上效果圖：

父級選中後，子級禁用

使用方法：
調用方法有兩種，方法稍有不同：
1、靜態展示，可用過對cities.json的數據的操作而控制展示的內容。

dataTaken.getData('cities.json')
.success(function (response) {
     angular.forEach(response[$scope.tabs[0].pid[index]], function (value) {
     $scope.tabs[1].content[value.text] = '';
     $scope.tabs[1].pid[value.text] = value.id;
           })
     })

2、讓後臺的小夥伴幫你寫接口，異步請求調用，返回數據填入其中。

dataTaken.getData(90)
.success(function (response) {
      angular.forEach(response, function (value) {
          $scope.tabs[0].content[value.text] = '';
          $scope.tabs[0].pid[value.text] = value.id;
                 })
          })

只要$scope.tabs填充正確的數據，demo就能正確顯示

ATTENTIONS:

因爲demo用的angular，異步加載的形式填充數據，請在服務器上打開，如果本地打開的話請用火狐瀏覽器。

點擊下載哦，請狂點

如果感興趣，或者有好建議請留言。如果使用不成功，也請留言，幫您搞定

---