jQuery MiniUI

标题: combox联动时报错！ie6下报错。firefox下不出错。 [打印本页]
作者: wusyJava    时间: 2013-1-9 16:49:02     标题: combox联动时报错！ie6下报错。firefox下不出错。

代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
  <head>
   
    <title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">   
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

<script src="<c:url value="/javascript/lib/miniui/boot.js"></c:url>" type="text/javascript"></script>
<script src="<c:url value="/javascript/common/function.js"></c:url>" type="text/javascript"></script>
  </head>
  
  <body>
    <div style="width: 100%;height: 100%;overflow:none;background: url('<c:url value="/style/images/bg.gif"></c:url>') no-repeat;">
    <div style="width: 100%;height: 45%"></div>
    <div style="width: 100%;height: 55%">
    <form id="loginForm" action="<c:url value="/manager/login/loginIn.huy"></c:url>" method="post">
    <table style="width: 100%;" border="0">
     <tr>
      <td width="65%"></td>
      <td width="50px;"></td>
      <td style=" padding: 3px;color: red;font-size: 12px;">
       ${error}
      </td>
     </tr>
     <tr>
      <td width="65%"></td>
      <td width="50px;">单位:</td>
      <td style=" padding: 3px;">
                     <input class="mini-treeselect"
                     url="<c:url value="/manager/department/treeListAll.huy"><c:param name="node" value="root"></c:param></c:url>"
                     valueField="id" textField="text"
                     style="width:150px;"
                    />
      </td>
     </tr>
     <tr>
      <td width="65%"></td>
      <td>用户:</td>
      <td style=" padding: 3px;">
       <input id="user" class="mini-combobox" textField="text" valueField="value" style="width:150px;" required="true"/>
      </td>
     </tr>
     <tr>
      <td width="65%"></td>
      <td>密码:</td>
      <td style=" padding: 3px;">
       <input id="password" name="password" style="width:150px;" class="mini-password" required="true"/>
      </td>
     </tr>
     <tr>
      <td width="65%"></td>
      <td colspan="2" style=" padding: 3px;">
       <input id="loginBtn" class=btn_mouseout type="button" value="登 录"  />
       <input id="exitBtn" class=btn_mouseout type="button" value="退 出" />
      </td>
     </tr>
   
    </table>
    </form>
    </div>
    </div>
  <script type="text/javascript">
   mini.parse();
var userCombo = mini.get("user");
function treeSelectChange(e){
  userCombo.setValue("");
        var url = getRootPath() + '/manager/user/find.huy?dept=' + this.getValue();
        userCombo.setUrl(url);
        userCombo.select(0);
}
  </script>
  </body>
</html>
错误提示：
[attach]1243[/attach]
请版主看看是什么问题。
作者: factory    时间: 2013-1-9 16:58:46

脱离数据，没法查看问题。从你报的错上看，估计是你后台返回数据的时候错误了。导致combobox的item不存在。你查看下你后台数据是否正确返回了
作者: wusyJava    时间: 2013-1-9 17:05:16

本帖最后由 wusyJava 于 2013-1-9 17:07 编辑
factory 发表于 2013-1-9 16:58
脱离数据，没法查看问题。从你报的错上看，估计是你后台返回数据的时候错误了。导致combobox的item不存在。 ...


后台返回数据格式如下：
[{"value":"C59BBE65F698475FAF2F7ABDBAC0F488","text":"测试人员一"},{"value":"A80607AC072B4B87B4277AD2CDA107E6","text":"测试人员二"},{"value":"68B2B15F83984416B85AFA3CF6246BC8","text":"测试人员三"},{"value":"A93A2D395C73444EB649FB912C15AF8A","text":"测试人员四"},{"value":"3BCAC1117CE74BC3968EE49BAFF7AE9A","text":"测试人员五"}]
在报错提示点确定后这些值也是有附到combox中。后台返回空时不会出现这个问题。firefox下有时也会报错。信息如下：
[attach]1244[/attach]
作者: factory    时间: 2013-1-9 17:11:43

wusyJava 发表于 2013-1-9 17:05
后台返回数据格式如下：
[{"value":"C59BBE65F698475FAF2F7ABDBAC0F488","text":"测试人员一"},{"value": ...

建议你这样做，先简化页面，只实现一个combobox的联动，先确保不会报错
然后再做其他的功能
作者: wusyJava    时间: 2013-1-9 17:27:32

本帖最后由 wusyJava 于 2013-1-9 17:30 编辑
factory 发表于 2013-1-9 17:11
建议你这样做，先简化页面，只实现一个combobox的联动，先确保不会报错
然后再做其他的功能 ...


单独加载这个是不会出错。代码如下：
<input id="user" class="mini-combobox" textField="text" valueField="value"
                                          url="<c:url value="/manager/user/find.huy"><c:param name="dept" value="402881e63bd21b72013bd21bcf1d0000"></c:param></c:url>"
                                          style="width:150px;" required="true"/>


多次测试后把userCombo.select(0);注了就不会出现这种情况。
作者: fcrong    时间: 2013-1-10 09:06:43

更新下版本，修复了combo.select(0)的BUG。



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2