jQuery MiniUI

标题: 关于combox的onvaluechanged方法 [打印本页]

作者: lifestyle.m1k 时间: 2012-7-26 11:24:14 标题: 关于combox的onvaluechanged方法

直接上方法

首先两个combox
<input id="idc1" class="mini-combobox" style="width:170px;" url="comboxServlet" textField="source_idc" valueField="source_ip"  showNullItem="false" required="true" allowInput="false"/>

<input id="idc2" class="mini-combobox" style="width:170px;"  textField="source_idc" valueField="source_ip"  showNullItem="false" required="true" allowInput="false"/>

接着function

var idc1 = mini.get("idc1");
  var idc2 = mini.get("idc2");
  function SourceIdcOnChange(e){
var ip = idc1.getValue();
idc2.setValue("");
var url = "/sourceServlet?source="+ip;
idc2.url = url;  // 刚开始我看api是用setUrl设置当前的url地址的,后来js直接报错说不认识,我不知道到底是官网的api有问题还是我自己写的有问题.
  }

我在sourceServlet里打的有断点，发现根本进不了后台，页面也不报错，求解。

作者: lifestyle.m1k 时间: 2012-7-26 11:31:25

还有就是官网的api有部分都是错的，希望管理员能尽快恢复。
我已经发现很多了。。

我刚才还在调试程序，发现还是不进后台。
idc1的combox里面第一次进入页面会调用idc的url属性，去里面吧data填充进去。
当idc1的combox的value发生改变时，调用页面的一个js function，该function首先获取两个idc combox，然后首先清空第二个需要级联的combox，在吧第一个combox的值当作条件拼接url传给第一个combox的url属性。
我这样写为什么会不进后台呢。。

作者: factory 时间: 2012-7-26 12:19:29

lifestyle.m1k 发表于 2012-7-26 11:31
还有就是官网的api有部分都是错的，希望管理员能尽快恢复。
我已经发现很多了。。

你是需要做combobox的联动吗?
你参考这个示例http://www.miniui.com/demo/#src=combobox/linkage-combo.html

作者: lifestyle.m1k 时间: 2012-7-26 12:24:18

超版你好，我就是参考的这个的code片段和api，就是发现用setUrl会报错。
我用.url属性直接赋给它，是可以的，但是不跳转。

作者: niko 时间: 2012-7-26 12:32:33

网站示例是否可以。
你是否没有加 mini.parse()方法，导致对象还没创建完成。

作者: lifestyle.m1k 时间: 2012-7-26 12:37:21

这是整段script代码
最上面我已经parse()过了
<script type="text/javascript">
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 = '<table algin="center" border="0" cellpadding="3" cellspacing="1" width="100%" align="center" style="background-color: #b9d8f3;">';
for(var i=0;i<message.length;i++){
     message[i].trim();
str += "<tr>";
str += "<td>"+message[i]+"</td>";
str += "</tr>";
}
str += "</table>";
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 = '<table algin="center" border="0" cellpadding="3" cellspacing="1" width="100%" align="center" style="background-color: #b9d8f3;">';
for(var i=0;i<message.length;i++){
     message[i].trim();
str += "<tr>";
str += "<td>"+message[i]+"</td>";
str += "</tr>";
}
str += "</table>";
mini.showMessageBox({
width:1000,
title:'探测数据',
buttons:['ok'],
message:str,
iconCls:""
});
}
});
}

function searchServerByIdcId(ip,id,name){
if(window.confirm ( '您选中'+name+'机房')){
$('#idc_name').html("当前链路数据为:<font style='color:blue;'> "+name+" </font>");
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();
                  }
            });
}
}
</script>

作者: lifestyle.m1k 时间: 2012-7-26 13:01:51

我用别的方法实现了，但是很明显这个级联的demo后面用setUrl是不起作用的，是有问题的。
我用的方法是 comboxObject.load(url+参数);的方式。
请版主看看那demo吧，是不是有问题。

作者: factory 时间: 2012-7-26 14:22:28

lifestyle.m1k 发表于 2012-7-26 13:01
我用别的方法实现了，但是很明显这个级联的demo后面用setUrl是不起作用的，是有问题的。
我用的方法是 comb ...

你的代码里面不是这样写的吗? idc2.url = "sourceServlet?source="+ip;
属性需要用set来设置
你用setUrl报的什么错误?

作者: lifestyle.m1k 时间: 2012-7-26 15:26:03

我用firefox的firebug上面报错为：
idc2.setUrl is underdefind.

作者: factory 时间: 2012-7-26 16:28:22

lifestyle.m1k 发表于 2012-7-26 15:26
我用firefox的firebug上面报错为：
idc2.setUrl is underdefind.

你用你的firefox跑下我们的demo,看下是否报这个错误.我这边没有报这个错啊

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)