Grid-'Display' issue

[KeshavanParticipant]

Hi,

I have a grid with 1 column type ‘dropdownlist’.
Issue is, when i populate the grid, the ‘displayname’ as defined in ‘dropdownlist’ column type showsup ONLY WHEN I CLICK
ON THE said column.
I have the relevant code below, please help.

Thanks,

Keshavan

           var renderer = function (row, column, value) {
                return '<span style="margin-left: 4px; margin-top: 5px; float: left;">' + value + '</span>';
            }

          //  $("#jqxWidget").jqxDropDownList({ source: dropDownLS, displayMember: "CustomerName", valueMember: "CustomerId", width: 200, height: 25, theme: theme });

<strong>            var source3 =
            {
                datatype: "json",
                datafields:
                [
                    { name: 'CustomerId' },
                    { name: 'CustomerName' }
                ],
                url: '/Ship/GetCustomer',
                async: false
            }

            var dropDownLS = new $.jqx.dataAdapter(source3);</strong>

            var source =
                    {
                        datafields: [
                            { name: 'OrderId' },
                            { name: 'CustomerId' },
                            { name: 'OrderDate', type: 'date', format: 'MM/dd/yyyy' },
                            { name: 'OrderAmount' },
                            { name: 'OrderStatus' },
                            { name: 'CustomerName' }
                        ],
                        id: 'OrderId',
                        datatype: "json",
                        async: false,
                        url: url
                    }
            var orderAdapter = new $.jqx.dataAdapter(source);

            // create jqxgrid
            $("#jqxgrid").jqxGrid(
            {
                width: 920,
                height: 370,
                source: orderAdapter,
                theme: 'ui-sunny',
                editable:true,
                rowdetails: true,
                rowsheight: 25,
                columnsresize: true,
                columnsreorder: true,
                enabletooltips: true,
                sortable: true,
                groupable: true,
                initrowdetails: initrowdetails,
                rowdetailstemplate: { rowdetails: "<div id='grid' style='margin: 3px;'></div>", rowdetailsheight: 150, rowdetailshidden: true },
                ready: function () {
                    $("#jqxgrid").jqxGrid('showrowdetails', -1);
                },
                columns:
                [
                      { text: 'OrderId', datafield: 'OrderId', width: 100, editable: false, cellsrenderer: renderer },
                      <strong>{
                          text: 'Customer', datafield: 'CustomerId', displayfield: 'CustomerName', columntype: 'dropdownlist', width: 405,cellsrenderer: renderer,
                          createeditor: function (row, value, editor)
                              {
                                  urunId = $('#jqxgrid').jqxGrid('getcellvalue', row, "CustomerId");
                                  editor.jqxDropDownList
                                  ({ displayMember: 'CustomerName', valueMember:'CustomerId', source: dropDownLS, selectedIndex: urunId });
                              }
                      },</strong>
                      { text: 'cn', datafield: 'CustomerName', width: 100, editable: false, cellsrenderer: renderer },
                      { text: 'Order Date', datafield: 'OrderDate', formatString: 'MM/dd/yyyy', editable: false,theme: 'ui-sunny',width: 130, cellsrenderer: renderer },
                      { text: 'Order Amount', datafield: 'OrderAmount', width: 100, editable: false,cellsrenderer: renderer },
                      { text: 'Order Status', datafield: 'OrderStatus', width: 130, editable: false,cellsrenderer: renderer }
                ]
            }); 

[KeshavanParticipant]

Hi,

I have sorted it out.

Thanks,

Keshavan

[Author]

Posts