运维平台: 作业中心前端页面设计及填坑经验

JS代码

获取主机数据

//获取接口host_type_tree_api的主机类型数据，直接用该函数就可以获取function getData() { var data = []; $.ajax({ url: '{% url 'host_type_tree_api' %}', //后台数据请求地址 type: "GET", async: false, success: function (res) { data = res.data; } }); return data;}

说明:

使用layui的tree 组件 一定要给数组(父节点和子节点)里面添加id字段 不然得到的是空数组;

比如:host_type_tree_api接口输出数据为:{"title":"test-yunwei-service","id":4,"children":[{"title":"test-jenkins-213","id":4}]};

children( 子节点)里面也得定义id字段,在host_type_tree_api接口里面定义即可。

主机选择与后端交互

说明: 目前只完成到与后端接口commandexec_api交互

效果

当选中左侧主机时，会自动添加到右侧的终端上面

更多文章请扫一扫