ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: noctrona on June 23, 2014, 01:01:51 pm

Title: Grid title miss problem
Post by: noctrona on June 23, 2014, 01:01:51 pm

Hi,

Today I met a strange problem.
My page already have a pqgrid, and I have a cell on this grid, when I double click this cell, a dialog will pop up and display something.
Now I want to display a pgrid in this pop up dialog can let user use multiple checkbox function.

First, I try our demo code "Checkbox Selection" in another page. And it works well.  Then I use same code in my target page. But when I double click the cell and let the dialog pop up, the records can display in pggrid, but the title for each column missed.

Is there any conflict between two grids or any specially problem in js dialog?

Here is my gird code:

Code: [Select]

//state of the checkbox and row selection is being saved in state field.
        var testData = [
            {company:'Exxon Mobil',revenues: '339,938.0',profits: '36,130.0', state: false},
            {company:'Wal-Mart Stores',revenues: '315,654.0', profits:'11,231.0', state: false},
            {company:'Royal Dutch Shell', revenues:'306,731.0', profits:'25,311.0', state: false},
            {company:'BP', revenues:'267,600.0',profits: '22,341.0', state: false},
            {company: 'General Motors',revenues: '192,604.0', profits:'-10,567.0', state: false},
            {company: 'Chevron', revenues:'189,481.0', profits:'14,099.0', state: false},
            {company: 'DaimlerChrysler',revenues: '186,106.3',profits: '3,536.3', state: false},
            {company: 'Toyota Motor', revenues:'185,805.0',profits: '12,119.6', state: false},
        ];
     
        var obj = {
            width:700,
            height:200,
            editable: false,           
            title:"Checkbox selections",
            selectionModel: { type: 'none', subtype:'incr', cbHeader:true, cbAll:true},             
            flexHeight:true,
            flexWidth: true,       
            colModel:
            [
                { title: "111", width: 80, dataType: "string", dataIndx:"company"},
                { title: "222", width: 80, dataType: "float", align: "right", dataIndx:"revenues" },
                { title: "333", width: 80, dataType: "float", align: "right", dataIndx:"profits" },
                { title: "", dataIndx: "state", width: 30, minWidth:30, align: "center", type:'checkBoxSelection', cls: 'ui-state-default', resizable: false, sortable:false }
            ],
            dataModel: {
                data: testData
            }
        };
        var $grid = $("#grid_selection_checkbox").pqGrid(obj);


Title: Re: Grid title miss problem
Post by: paramvir on June 23, 2014, 01:42:38 pm

Noctrona

Grid titles show fine in this popup demo.

http://paramquery.com/pro/demos/fluid_popup

Please take the help of above demo, if titles still don't show up please post a reproducible test case.