zTree && blockUI(2016-6-30)

1、blockUI之弹出输入框

必须：导入jquery.blockUI.js文件
需求：弹出输入框，并获取输入框中的值
代码：1）js代码：
//添加机房节点
function addTreeNode() {
hideRMenu();
var node = zTree.getSelectedNodes()[0];
var type = node.type;
if(type==0){
$.blockUI({message: $('#form_0')});
$("#yes_0").click(function(){
var value = $("#ip_0").val();
var newNode = { name:value};
if (zTree.getSelectedNodes()[0]) {
newNode.checked = zTree.getSelectedNodes()[0].checked;
zTree.addNodes(zTree.getSelectedNodes()[0], newNode);
} else {
zTree.addNodes(null, newNode);
}
$.unblockUI();
});
$("#no_0").click(function(){
$.unblockUI();
});
}else if(type==1){
$.blockUI({message: $('#form_1')});
$("#yes_1").click(function(){
var value = $("#ip_1").val();
var newNode = { name:value};
if (zTree.getSelectedNodes()[0]) {
newNode.checked = zTree.getSelectedNodes()[0].checked;
zTree.addNodes(zTree.getSelectedNodes()[0], newNode);
} else {
zTree.addNodes(null, newNode);
}
$.unblockUI();
});
$("#no_1").click(function(){
$.unblockUI();
});
}
}
2）html代码：
<div id="form_1" style="display:none">
机房IP：<input type="text" id="ip_1"/><br>
<input type="button" id="yes_1" value="确定"/>
<input type="button" id="no_1" value="取消"/>
</div>
<div id="form_0" style="display:none">
机房：<input type="text" id="ip_0"/><br>
<input type="button" id="yes_0" value="确定"/>
<input type="button" id="no_0" value="取消"/>
</div>

2、zTree---JQuery插件

详情见github