java combox_关于combox的onvaluechanged方法

这篇博客介绍了如何在Java应用中使用ComboBox组件,并展示了onValueChanged事件的处理方式。通过Ajax实现后台数据交互,获取并展示探测数据。同时,文章涵盖了多个数据加载、筛选及弹窗显示的函数实现。
摘要由CSDN通过智能技术生成

这是整段script代码

最上面我已经parse()过了

mini.parse();

// init layout

var layout = mini.get("layout");

// init grid1

var grid = mini.get("datagrid");

var page1 = mini.get("pager1");

grid.bindPager(page1);

grid.hideColumn("id");

grid.load();

// init grid2

var idc = mini.get("idc");

var page2 = mini.get("pager2");

idc.bindPager(page2);

idc.hideColumn("id");

idc.load();

function getTracingData(){

var row = grid.getSelected();

if(row == null || row == "underfined")

row = grid.getSelected();

$.ajax({

type : 'post',

url  : 'tracertServlet',

data : { id : row.id },

success:function(data){

var message = [];

message = data.split("&");

var str = '

for(var i=0;i

message[i].trim();

str += "

";

str += "

"+message[i]+"";

str += "

";

}

str += "

";

mini.showMessageBox({

width:1000,

title:'探测数据',

buttons:['ok'],

message:str,

iconCls:""

});

}

});

}

var idc = mini.get("idc");

function getIdcTracingData(){

var row = idc.getSelected();

if(row == null || row == "underfined")

row = idc.getSelected();

$.ajax({

type : 'post',

url  : 'tracertServlet',

data : { id : row.id },

success:function(data){

var message = [];

message = data.split("&");

var str = '

for(var i=0;i

message[i].trim();

str += "

";

str += "

"+message[i]+"";

str += "

";

}

str += "

";

mini.showMessageBox({

width:1000,

title:'探测数据',

buttons:['ok'],

message:str,

iconCls:""

});

}

});

}

function searchServerByIdcId(ip,id,name){

if(window.confirm ( '您选中'+name+'机房')){

$('#idc_name').html("当前链路数据为: "+name+" ");

idc.load({

"ip":ip

});

}else{

return;

}

}

var idc1 = mini.get("idc1");

var idc2 = mini.get("idc2");

function SourceIdcOnChange(e){

var ip = idc1.getValue();

idc2.setValue("");

idc2.url = "sourceServlet?source="+ip;

alert(idc2.url);

}

function IDC_Search(){

var idc1 = mini.get("idc1").getValue();

var idc2 = mini.get("idc2").getValue();

var time = mini.get("time").getValue();

if(idc1 == "" || idc2 == "" || time == ""){

alert("查询条件不能为空!");

return;

}else{

var now = new Date();

var before = new Date(2012,6,24,00,00,00);

if(time > now || time < before){

alert("时间应在2012-07-24 至 系统当前时间范围内!");

return;

}

if(idc1 == idc2){

alert("不能选择相同idc!");

return;

}

var searchTime = mini.get("time").getText();

mini.open({

url: "http://10.0.1.20:8080/idcsearch/Search.php?sip="+idc1+"&dip="+idc2+"&sdate="+searchTime,

title: "查询结果", width:1600, height:770,

allowResize : false,

showShadow : false,

onload:function(){

var iframe = this.getIFrameEl();

iframe.focus();

}

});

}

}

特点1:美化的并且可自定义的外观 该下拉框使用JS进行渲染。下拉框样式如下: 该外观是由CSS和图片控制。通过修改CSS可以很方便地实现更改外观。 QUI树形下拉框不存在IE6中无法被浮动层遮住等问题。 特点2:使用简单 引入脚本和相应的CSS之后, 在页面写如下的HTML代码: 然后为其指定JSON数据即可。数据格式: var zNodes1 =[ { id:1, pId:0, name:"父节点1",open:true}, { id:11, pId:1, name:"叶子节点11"}, { id:12, pId:1, name:"叶子节点12"}, { id:13, pId:1, name:"叶子节点13"}, { id:2, pId:0, name:"父节点2 ",open:true}, { id:211, pId:2, name:"叶子节点21"}, { id:212, pId:2, name:"叶子节点22"}, { id:213, pId:2, name:"叶子节点23"}, { id:214, pId:2, name:"叶子节点24"} ]; 特点3:控制某些节点不可 如果希望某些子节点(例如父节点)不可择,为该项JSON数据设置clickExpand:true即可,这样点击后不会中项,而是展开子节点。 特点4:触发close事件 可以为selectTree的div添加close事件,每当内容层关闭时会调用。通过这种方式可以将中项传递给hidden表单元素,用于提交表单。 特点5:自定义图标 下拉框树结构每个节点都可以自定义图标。效果如下: 特点6:宽度处理 QUI树形下拉框对于宽度的处理方式是:默认会有一个宽度,当树结构过宽则内容层会增大宽度用于自适应里面的内容。 还可以为下拉框和内容层强制指定一个宽度。效果如下: 特点7:树形下拉框可编辑 为下拉框代码添加一个editable="true"属性,就把它变成了一个可编辑的下拉框,效果如下: 特点8:可通过AJAX方式加载数据 下拉框的树结构可以通过ajax方式加载。详情请参见在线相关示例。 特点9:变成树形多下拉框 为下拉框添加multiMode="true"属性,可以把它变成树形多下拉框。效果如下: 当择完毕后,鼠标移入可以显示所有择的项提示。效果如下: 特点10:树形多下拉框的不分组模式 改变树形多下拉框的JSON数据,让其不分组。那么就变成一个select多下拉框。效果如下: 特点11:树形下拉框的验证 结合QUI框架的验证机制,可以方便地为树形下拉框添加验证。效果如下: 特点12:树形下拉框动态增删改项 树形下拉框支持动态增删改项。结合ajax机制可以方便地实现如下效果: 添加一个节点后的效果: 特点13:完美的浏览器兼容性 无论是IE6、IE7、IE8、IE9还是FireFox、Chrome、Safira,甚至在Linux下都保持功能与外观的一致性。 声明:本组件内部的树结构采用的是zTree组件,感谢zTree组件作者的支持与授权。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值