犯了个超级无脑的错误

最新推荐文章于 2022-06-09 17:16:41 发布

原创最新推荐文章于 2022-06-09 17:16:41 发布 · 555 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jqgrid

jqgrid 专栏收录该内容

1 篇文章

订阅专栏

博主在开发过程中遇到了jqgrid动态加载下拉框数据的问题，最初通过selData()函数从后台获取数据并在success回调中返回，但未能成功接收到返回值。经过检查和尝试，发现错误在于返回值是在success回调内部，而不是函数外部。修正后的代码将返回值置于$.ajax之外，解决了问题。

这两天写项目的时候,碰到了jqgrid动态注入下拉框值的问题,然后写了个selData()函数,返回从后台查询到的下拉框数据。结果竟然收不到返回值!! 在控制台打印了一下,发现确实是收到值了的,但是就是收不到返回的下拉框数据

我最开始的代码是这样的

function selData(id) {
    $.ajax({
        url: '/category/list?levels='+id,
        async: false,
        success:function (data) {
        	let rows = "";
            let dataRows = data.rows;
            for (let i = 0; i < dataRows.length; i++) {
                rows += dataRows[i].id;
                rows += ":";
                rows += dataRows[i].name;
                if (i < dataRows.length - 1) {
                    rows += ";";
                }
            }
            console.log(rows);
            return rows;
        }
    })
}

{name: 'category.name',editable:true,edittype:'select',editoptions:{value:selData(2)}},

不知道你们有没有发现其中的误操作, 我反正是看了大半天都没看出来。。。然后百度,竟然也没看出来。。
甚至于我开始怀疑是jqgrid框架内部的bug,虽然这很扯,可能本来就对着框架用的不熟练,所以才会有这种想法吧。。

然后实在没心态了,就先去写其它模块去了,过了两天回过头来看,终于发现了其中的错误,还真是个无脑操作
我竟然是在success的回调函数中返回的。。。后面我写到外面终于ok了

正确写法

function selData(id) {
    let rows = "";
    $.ajax({
        url: '/category/list?levels='+id,
        async: false,
        success:function (data) {
            let dataRows = data.rows;
            for (let i = 0; i < dataRows.length; i++) {
                rows += dataRows[i].id;
                rows += ":";
                rows += dataRows[i].name;
                if (i < dataRows.length - 1) {
                    rows += ";";
                }
            }
        }
    })
    return rows;
}