angularJS学习（二）

<span style="color: #008000;">/<span style="color: #008000;"> vm.dataSourceTypeList=[
{
id:"1",name:"DB2"
},{
id:"2",name:"Sybase"
},{
id:"3",name:"MySql"
},{
id:"4",name:"Oracle"
},{
id:"5",name:"FTP"
},];<span style="color: #008000;">/

<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;获取数据源访问管理列表,并分页</span>
<span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; getAccessMngList(pageNo){
    BigDataService.getAccessMngList({pageNo: pageNo,dataSourceType: queryData.dataSourceType,userName: queryData.userName}).then(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(result){
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(result){
            vm.dataListNew </span>=<span style="color: #000000;"&gt; result.list;
            vm.pager.totalCount </span>= result.totalCount | 0<span style="color: #000000;"&gt;;
            vm.pager.pageNo </span>=<span style="color: #000000;"&gt; result.pageNo;
            $scope.$broadcast(</span>'sn.controls.pager:toPage'<span style="color: #000000;"&gt;,vm.pager.pageNo);
        }
    });
};
$scope.$on(</span>"sn.controls.pager:pageIndexChanged",page) {
    evt.stopPropagation();
    getAccessMngList(page.pageIndex </span>+ 1<span style="color: #000000;"&gt;);
});


</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;下拉框的类型值的变化，取对应数据源列表变化</span>
vm.$watch("query.dataSourceType",oldVal) {
    </span><span style="color: #0000ff;"&gt;if</span> (newVal !==<span style="color: #000000;"&gt; oldVal) {
        console.log(</span>"newVal*******"+<span style="color: #000000;"&gt;newVal);
        queryData.dataSourceType </span>=<span style="color: #000000;"&gt; vm.query.dataSourceType;
        getAccessMngList(</span>1<span style="color: #000000;"&gt;);
    }
});

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;多选框</span>
vm.m =<span style="color: #000000;"&gt; [];
vm.selectedOrder </span>=<span style="color: #000000;"&gt; [];
vm.selectAll </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt;(vm.select_all){
        angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (item) {
            item.checked </span>= <span style="color: #0000ff;"&gt;true</span><span style="color: #000000;"&gt;;
            vm.selectedOrder.push(item);
        })
    }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
        angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (item) {
            item.checked </span>= <span style="color: #0000ff;"&gt;false</span><span style="color: #000000;"&gt;;
            vm.selectedOrder </span>=<span style="color: #000000;"&gt; [];
        })
    }
    console.log(vm.selectedOrder);
}
vm.selectOne </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    angular.forEach(vm.dataListNew,</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (item) {
        let index </span>=<span style="color: #000000;"&gt; vm.selectedOrder.indexOf(item);
        </span><span style="color: #0000ff;"&gt;if</span>(item.checked &amp;&amp; index === -1<span style="color: #000000;"&gt;) {
            vm.selectedOrder.push(item);
        } </span><span style="color: #0000ff;"&gt;else</span> <span style="color: #0000ff;"&gt;if</span> (!item.checked &amp;&amp; index !== -1<span style="color: #000000;"&gt;){
            vm.selectedOrder.splice(index,</span>1<span style="color: #000000;"&gt;);
        };
    });
    </span><span style="color: #0000ff;"&gt;if</span>(vm.dataListNew.length ===<span style="color: #000000;"&gt; vm.selectedOrder.length){
        vm.select_all </span>= <span style="color: #0000ff;"&gt;true</span><span style="color: #000000;"&gt;;
    }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
        vm.select_all </span>= <span style="color: #0000ff;"&gt;false</span><span style="color: #000000;"&gt;;
    }
    console.log(vm.selectedOrder);
};

</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;确定按钮</span>
vm.addData = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    </span><span style="color: #0000ff;"&gt;if</span>(vm.selectedOrder.length>0<span style="color: #000000;"&gt;){
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; BigDataService.addDataResGroup({dataSourceGroupName: vm.dataSourceGroupName01,dataSourceGroupType: 1,dataSourceIds: vm.selectedOrder}).then(function () {</span>
            DialogService.accept("BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;"&gt;,vm.selectedOrder);
        </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; })</span>
    }<span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
        AlertService.alert({title: </span>"温馨提示",content: "请至少选择一项数据源。"<span style="color: #000000;"&gt;});
        </span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt;;
    }

}
</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;单个查询，双向数据绑定</span>
vm.dataSourceChange = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}

vm.clearAll </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    vm.dataSourceName </span>= ""<span style="color: #000000;"&gt;;
    setTimeout(</span><span style="color: #0000ff;"&gt;function</span>(){document.getElementById("getFocusName").focus();},1000<span style="color: #000000;"&gt;);
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}

vm.clearAllIP </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    vm.ipAddress </span>= ""<span style="color: #000000;"&gt;;
    setTimeout(</span><span style="color: #0000ff;"&gt;function</span>(){document.getElementById("getFocusIp").focus();},1000<span style="color: #000000;"&gt;);
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}
vm.clearAllUserName </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    vm.userName </span>= ""<span style="color: #000000;"&gt;;
    setTimeout(</span><span style="color: #0000ff;"&gt;function</span>(){document.getElementById("getFocusUserName").focus();},1000<span style="color: #000000;"&gt;);
    queryData.dataSourceName </span>=<span style="color: #000000;"&gt; vm.dataSourceName;
    queryData.ipAddress </span>=<span style="color: #000000;"&gt; vm.ipAddress;
    queryData.userName </span>=<span style="color: #000000;"&gt; vm.userName;
    getAccessMngList(</span>1<span style="color: #000000;"&gt;);
}


</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;关闭窗口</span>
vm.close = <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {
    DialogService.dismiss(</span>"BigData.DataResource.CreateSetDialogAdd"<span style="color: #000000;"&gt;);
};

(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; init(){
    getAccessMngList(vm.pager.pageNo);
})();

}

export <span style="color: #0000ff;">default app => app.controller('CreateSetDialogAddCtrl',CreateSetDialogAddCtrl);