|
1.点击一个页面元素后打开(这个页面点击【新建任务】button),这个页面对应的html脚本如下:
<button id="opene_create" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-state-hover" role="button" aria-disabled="false">
<span class="ui-button-icon-primary ui-icon ui-icon-newwin"></span>
<span class="ui-button-text">新建任务</span>
</button>
2.出现一个模式对框,如图1所示(这个对话框还分几个菜单,如左边所示)。通过查看上面的“id="opene_create",查找到opene_create的function,脚本如下,该窗口应该为模式对话框,并跳转到page0.php页面。
$("#opene_create").click(function(){
var ip=$("#ipp"+ipm).val();
diag = new Dialog();
diag.Modal = true;
diag.Width = 600;
diag.Height = 500;
diag.Title = "新建任务";
diag.URL = "page0.php?username=<?=$username?>&ip="+ip;
diag.show();
});
3。在这个对话框上,左边菜单“任务基本信息”输入后,点击【一下步】,进入下一个菜单的输入,如图2所示,这时对话框左边菜单的“高级设定”突出显示。在上一部的“任务基本信息”菜单中点击【下一步】按钮在page0.php页面查得脚本如下:
<div id="error_show" class="ui-state-default ui-corner-all" style="color:#39F; float:left; line-height:30px; text-align:center; width:300px; height:35px; margin:15px auto 5px 15px ; display:none;"></div>
<div style="float:right; margin-right:25px !important; margin:15px auto 5px 15px ; ">
<button style="width:80px;" id="form_xyb">下一步</button>
<button style="width:80px;" id="form_qx" />取消</button>
</div>
4.通过【下一步】按钮的 id=form_xyb,查的处理的function()脚本如下:
$( "#form_xyb" ).click(function() {
var bit=$("#disk_bit").val();
var disk_length=$("#disk_length").val();
var disk_name=$("#disk_name").val();
var disk_path=$("#disk_path").val();
var disk_length=$("#disk_length").val();
var disk_num=$("#disk_num").val();
var disk_bit=$("#disk_bit").val();
var task_type=$("#task_type").val();
var disk_ip=$("#disk_ip").val();
var disk_ip_clientname=$("#disk_ip").find("option:selected").text();
var disk_mode=$('input:radio[name="disk_mode"]:checked').val();
// var zq_num=$("#zq_num").val();
// var fb_num=$("#fb_num").val();
if($("#fb_num").val()=="无限制")
{
var fb_num="";
}
else
{
var fb_num=$("#fb_num").val();
}
if($("#zq_num").val()=="无限制")
{
var zq_num="";
}
else
{
var zq_num=$("#zq_num").val();
}
if(task_type=="osback")
{
if(disk_ip == "sel")
{
alert("请选择需要备份的客户端!");return false;
}
if(fb_num == "" || fb_num == null || fb_num == "undefined" || fb_num==0)
{
alert("副本不能为零或空!");return false;
5、上面的每个菜单部分操作中的下一步, 都是同一个按钮id:id=form_xyb,都是调用了相同的$( "#form_xyb" ).click(function()功能。
6.到最后一步菜单项,如图3所示,其页面脚本如下:
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<div class="ui-dialog-buttonset">
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
<span class="ui-button-text">确定</span>
</button>
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
<span class="ui-button-text">取消</span>
</button>
</div>
7.点击【确定】按钮后,其值返回主页面,主页列表中显示该任务名及相关属性值。
在网上查到一篇关于模式窗口的处理,看了半天也没领会其意,不知道有什么更好比较好懂直接的方法? |
|