jsp项目使用datagrid加载表格,本地运行项目能渲染list返回列表,测试环境就不行

jsp项目使用datagrid加载表格,本地运行项目能渲染list返回列表,测试环境就不行的情况;

两个基本相同的.jsp文件,如a.jsp和 b.jsp,都用了    $('#dataDispTab')
    .datagrid(去加载表格,项目再本地跑都没问题,但上传到测试环境,其中一个就不能渲染,后端网络请求又有响应;

解决方法:

在方法

$('#dataDispTab')
.datagrid({大括号后面加
onLoadSuccess: function () {
   // 在数据加载成功后,将 datagrid 和 datagrid-view 的宽度设置为 auto
   $('.datagrid, .datagrid-view').css('width', 'auto');
}

主要是前端页面渲染中浏览器无辜将.datagrid, .datagrid-view的样式中的宽度width置为0px了

function queryAction(){
    var wd = $("#paginateForm").width();
    var data = $("#paginateForm").serialize();
    var send_url= '${ctx}versionManage/getVersionList.do?'+data;
    $('#dataDispTab')
    .datagrid(
            {
                title : 'APP版本更新列表',
                striped : true,
                width: wd,
                singleSelect : true,
                nowrap : false,
                url:send_url,
                rownumbers : true,
                columns : [ [
{
    field : 'opt',
    title : '操作',
    width : 100,
    align : 'center',
    formatter : function(val, record) {
        var str = "<input type='radio' name='versionId' value='";
            str = str + record.versionId;
            str = str+"'> </input>";
        return str;
    }
},
{
    field : 'versionId',
    title : '版本ID',
    width : 100,
    align : 'center'
        
},
                    
                        {
                            field : 'published',
                            title : '发布时间',
                            width : 130,
                            align : 'center'
                        },
                        {
                            field : 'href1',
                            title : '操作',
                            width : 120,
                            align : 'center',
                            formatter : function(val, record) {

                                return str;
                            }
                        }

                ] ],
                pagination : true,
                onLoadSuccess: function () {
                    // 在数据加载成功后,将 datagrid 和 datagrid-view 的宽度设置为 auto
                    $('.datagrid, .datagrid-view').css('width', 'auto');
                }
            });
 }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值