Author Topic: Grid title miss problem  (Read 2573 times)

noctrona

  • Pro Enterprise
  • Jr. Member
  • *
  • Posts: 82
    • View Profile
Grid title miss problem
« 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);

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Grid title miss problem
« Reply #1 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.