• 页面三级联动


    。。。

      }

             /**添加页面的topic下拉框*/
            getTopic('${base}/subscribe/queryAllTopics.action');
            function getTopic(url){
                $.ajax({
                    type: "GET",
                    url: url,
                    success: function(msg) {
                        var topicData = [];
                        topicData.push({
                            'id' : 0,
                            'text' : '请选择'
                        });
                        $.each(msg, function(i) {                
                            topicData.push({
                                'id': i,
                                'text': msg[i]
                            });
                        });

                        //设置默认值为请选择,一定是setValue,而不是setText.
                        $('#topicAdd').combobox('setValue', '请选择');
                        $('#topicAdd').combobox('loadData', topicData);
                        
                    }
                });    
            }
            
            
             /**team pool identity 三级联动*/
            getTeam('${base}/subscribe/queryTeams.action');
            function getTeam(url){
                $.ajax({
                    type: "GET",
                    url: url,
                    success: function(msg) {
                        var teamData = [];
                        teamData.push({
                            'id' : -1,
                            'text' : '请选择'
                        });
                        $.each(msg, function(i) {                
                            teamData.push({
                                'id': i,
                                'text': msg[i]
                            });
                        });
                        $('#teamAdd').combobox('setValue', '请选择');
                        $('#poolAdd').combobox('setValue', '请选择');
                        $('#identityAdd').combobox('setValue', '请选择');
                        $('#teamAdd').combobox('loadData', teamData);
                        $('#teamAdd').combobox({
                            'onSelect':function(node){
                                getPool(node.text);
                            }
                        });
                    }
                });    
            }
            
            function getPool(val){
                if(val == '请选择') {
                    $('#poolAdd').combobox('setValue', '请选择');
                    $('#poolAdd').combobox('loadData', '');
                    $('#identityAdd').combobox('setValue', '请选择');
                    $('#identityAdd').combobox('loadData', '');
                }
                else {
                    $.getJSON(
                    "${base}/subscribe/queryPoolsByTeam.action?team="+val,
                    function(pool) {
                        var poolData = [];
                        poolData.push({
                            'id' : -1,
                            'text' : '请选择'
                        });                    
                        $.each(pool, function(i) {
                            poolData.push({
                                'id': i,
                                'text': pool[i]
                            });
                        });
                        $('#poolAdd').combobox('setValue', '请选择');
                        $('#identityAdd').combobox('setValue', '请选择');
                        $('#poolAdd').combobox('loadData', poolData);    
                        $('#poolAdd').combobox({
                            'onSelect':function(pool){
                                getIdentity(val,pool.text);
                            }
                        });
                    }
                );
                }
            }
            
            function getIdentity(team,pool){
                //$('#identity').combobox('clear');
                if(pool=='请选择') {
                    $('#identityAdd').combobox('setValue', '请选择');
                    $('#identityAdd').combobox('loadData', '');
                }
                else {
                    $.getJSON(
                    "${base}/subscribe/queryIdentityByTeamAndPool.action?team="+team+"&pool="+pool,
                    function(identity) {
                        var identityData = [];
                        identityData.push({
                            'id' : -1,
                            'text' : '请选择'
                        });                    
                        $.each(identity, function(i) {
                            identityData.push({
                                'id': i,
                                'text': identity[i]
                            });
                        });
                        $('#identityAdd').combobox('setValue', '请选择');
                        $('#identityAdd').combobox('loadData', identityData);
                    }
                    );    
                }
            }  
           

  • 相关阅读:
    [书籍精读]《JavaScript异步编程》精读笔记分享
    [技术翻译]在现代JavaScript中编写异步任务
    [技术翻译]Web网页内容是如何影响电池使用寿命的?
    [技术翻译]使用Nuxt生成静态网站
    [Vue源码]一起来学Vue模板编译原理(二)-AST生成Render字符串
    [Vue源码]一起来学Vue双向绑定原理-数据劫持和发布订阅
    [Vue源码]一起来学Vue模板编译原理(一)-Template生成AST
    [技术翻译]您应该知道的13个有用的JavaScript数组技巧
    css清除默认样式
    [小技巧]让你的GridView支持IQueryable,并自动实现真分页
  • 原文地址:https://www.cnblogs.com/msr1019jingzi/p/3540238.html
Copyright © 2020-2023  润新知