jQuery MiniUI

标题: 弹窗怎么获取combobox的值？ [打印本页]

---

作者: Journey    时间: 2021-10-14 16:42:42     标题: 弹窗怎么获取combobox的值？




<form id="form1" method="post">
    <input name="id" class="mini-hidden" />
    <div style="padding-left:11px;padding-bottom:5px;">
        <table style="table-layout:fixed;">
            <tr>
                <td style="width:80px;">员工编号：</td>
                <td style="width:150px;">
                    <input name="usernumber" class="mini-textbox" />
                </td>

                <td style="width:80px;">用户名称：</td>
                <td style="width:150px;">
                    <input name="username" class="mini-textbox" />
                </td>
            </tr>
            <tr>
                <td style="width:80px;">员工帐号：</td>
                <td style="width:150px;">
                    <input name="loginname" class="mini-textbox" />
                </td>
                <td style="width:80px;">所属部门：</td>
                <td style="width:150px;">
                    <input id="department" name="department" class="mini-combobox" url="../user/department"  textField="dname"  valueFromSelect="true"  showNullItem="false"/>
                </td>
            </tr>

        </table>
        <div style="text-align:center;padding:10px;">
            <a class="mini-button" onclick="onOk" style="width:60px;margin-right:20px;">确定</a>
            <a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
        </div>
    </div>
</form>


获取不了combobox的值怎么办？

function SaveData() {
   // console.log("department:"+department);
    var getdepartment = mini.get("department");
    var key = mini.get("department").getValue();
    console.log("key"+key);
    console.log("getdepartment"+getdepartment);


keyundefined
getdepartment[object Object]

---

作者: felt    时间: 2021-10-14 16:48:34

弹窗？你的代码没看到，如果是有跨页面，请跨页面去获取。

---

作者: Journey    时间: 2021-10-14 16:53:02

felt 发表于 2021-10-14 16:48
弹窗？你的代码没看到，如果是有跨页面，请跨页面去获取。

在其他的页面通过弹窗显示这个页面。这个页面的下拉获取值的时候用
  var getdepartment = mini.get("department");
        var key = mini.get("department").getValue();
获取不到数据
显示
undefined
[object Object]

---

作者: felt    时间: 2021-10-14 17:55:21

Journey 发表于 2021-10-14 16:53
在其他的页面通过弹窗显示这个页面。这个页面的下拉获取值的时候用
  var getdepartment = mini.get("dep ...

都不在一个页面，怎么能直接去获取？
var win=mini.open....
win.contentWindow.mini.get(id)

---

作者: Journey    时间: 2021-10-15 09:13:01

felt 发表于 2021-10-14 17:55
都不在一个页面，怎么能直接去获取？
var win=mini.open....
win.contentWindow.mini.get(id) ...

也许我应该换个问法，在弹窗的页面中有combobox，combobox能显示下拉的数据，在弹窗页面通过
       var getdepartment = mini.get("department");
        var key = mini.get("department").getValue();
获取combobox的值显示。
undefined
[object Object]

---

作者: felt    时间: 2021-10-15 10:23:36

Journey 发表于 2021-10-15 09:13
也许我应该换个问法，在弹窗的页面中有combobox，combobox能显示下拉的数据，在弹窗页面通过
       var g ...

不是一个页面的控件，怎么能直接去获取
请跨页面去获取。

---

作者: Journey    时间: 2021-10-15 10:59:18

felt 发表于 2021-10-15 10:23
不是一个页面的控件，怎么能直接去获取
请跨页面去获取。

怎么跨？
A页面

1.   + '<a class="Edit_Button" href="javascript:editRow(\'' + uid + '\')">修改</a>'
   
2. 
   
3.     function editRow(id)
   
4.     {
   
5.         var row = grid.getSelected();
   
6.         //console.log("usernumber"+row.usernumber);
   
7.         if (row) {
   
8.             mini.open({
   
9.                 targetWindow: window,
   
10.                 //url: bootPATH + "../../user/edit",
    
11.                 url: bootPATH + "../../user/edituser?id="+row.id,
    
12.                 title: "修改用户", width: 600, height: 400,
    
13.                 onload: function () {
    
14.                     var iframe = this.getIFrameEl();
    
15.                     var data = { action: "user/edit", id: row.id };
    
16.                     iframe.contentWindow.SetData(data);
    
17.                 },
    
18.                 ondestroy: function (action) {
    
19.                     grid.reload();
    
20.                 }
    
21.             });
    
22.         }
    
23.     }

复制代码

弹窗的页面html同上诉js代码如下

1. <script type="text/javascript">
   
2.     mini.parse();
   
3.     var form = new mini.Form("form1");
   
4.     var grid = mini.get("form1");
   
5.     grid.load();
   
6.     function SaveData() {
   
7.        // console.log("department:"+department);
   
8. 
   
9.         var getdepartment = mini.get("department");
   
10.         var key = mini.get("department").getValue();
    
11.         console.log("key"+key);
    
12.         console.log("getdepartment"+getdepartment);
    
13. 
    
14.         saveForm(form, {
    
15. 
    
16.             //  url: "../data/AjaxService.aspx?method=SaveEmployees",
    
17.             // url:"../node/edit",
    
18.             url:"../user/Save",
    
19.             data: {department:getdepartment},
    
20.           //  data: {department:department},
    
21.             callback: function (success) {
    
22.                 if (success) CloseWindow("save");
    
23.                 else CloseWindow();
    
24.             }
    
25.         });
    
26.     }
    
27.     function onOk(e) {
    
28.         SaveData();
    
29.     }
    
30.     function onCancel(e) {
    
31.         CloseWindow("cancel");
    
32.     }
    
33. 
    
34.     //标准方法接口定义
    
35.     function SetData(data) {
    
36.         if (data.action == "user/edit") {
    
37.             //跨页面传递的数据对象，克隆后才可以安全使用
    
38.           //  data = mini.clone(data);
    
39.            // console.log("userdata.id"+data.usernumber);
    
40.             $.ajax({
    
41.                 url: "../user/edit?id=" + data.id,
    
42.                 cache: false,
    
43.                 success: function (text) {
    
44.                     var o = mini.decode(text);
    
45.                     form.setData(o);
    
46.                     form.setChanged(false);
    
47.                     onDeptChanged();
    
48.                     mini.getbyName("position").setValue(o.position);
    
49.                 }
    
50.             });
    
51.         }
    
52.     }
    
53.     function GetData() {
    
54.         var o = form.getData();
    
55.         return o;
    
56.     }
    
57.     function CloseWindow(action) {
    
58.         if (action == "close" && form.isChanged()) {
    
59.             if (confirm("数据被修改了，是否先保存？")) {
    
60.                 return false;
    
61.             }
    
62.         }
    
63.         if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
    
64.         else window.close();
    
65.     }
    
66. </script>

复制代码

---

作者: felt    时间: 2021-10-15 13:32:42

Journey 发表于 2021-10-15 10:59
怎么跨？
A页面弹窗的页面html同上诉js代码如下

最简单的跨页面方法
A页面
top["win"]=window;
B页面获取A页面内控件值
top["win"].mini.get(id).getValue()

---

作者: Journey    时间: 2021-10-15 14:42:25

felt 发表于 2021-10-15 13:32
最简单的跨页面方法
A页面
top["win"]=window;

不是这样的。
A页面弹窗到B页面。
B页面是一个弹窗。B页面中有combobox控件。在B页面的js中获取combobox的值。没有获取到，提交也是在B页面中提交的。

A页面弹窗的时候已经跨页面拿参数了，现在是要在B页面中拿B页面的combobox的值进行修改数据。

---

作者: felt    时间: 2021-10-15 15:06:18

Journey 发表于 2021-10-15 14:42
不是这样的。
A页面弹窗到B页面。
B页面是一个弹窗。B页面中有combobox控件。在B页面的js中获取combobox ...

没跨页面的话可以直接获取的啊，检查一下id什么的是否正确，打个断点进去看看为什么没获取到这个combobox

---

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

Powered by Discuz! X2