DropdownList in Grid… Any Idea why?

[jose IvanMember]

Hi,i get the last version of jqwidgets 2.2.1.I have a dropdownlist column and i want to bind a datasource and works good only with the keyboard… when i click in this doesn’t show the list …. and don’t know what else to do!!!..

I got this…

$(document).ready(function () {
	$.ajax({
        type: 'POST',
        dataType: 'json',
        async: false,
        url: '/core/AccountingService.asmx/GetJobs',
        data: '{ companyID :' + migrid.companyID + '}',
        cache: false,
        contentType: 'application/json; charset=utf-8',
        success: function (catalogos) {
            var res = JSON.stringify(eval(catalogos.d.Table));
            migrid.jobsList = $.parseJSON(res);
        },
        error: function (err) {
            alert('EnGetJobs' + err.toString());
        }
    });
 var dropDownListSource =
            {
                localdata: migrid.jobsList,
                datatype: "json",
                datafields: [
                    { name: 'catalogitemid' },
                    { name: 'name' },
                    { name: 'displaylabel' },
                    { name: 'catalogvalue' }
                ],
                id: 'catalogvalue'
                //url: url
            };
  var dropdownListAdapter = new $.jqx.dataAdapter(dropDownListSource, { autoBind: true, async: false });
$(migrid.grid).jqxGrid(
            {
                width: '100%',
                source: dataAdapter,
                editable: true, altrows: true, enablehover: true, enabletooltips: true,
                enableanimations: true, keyboardnavigation: true, autoheight: true, pageable: false, columnsresize: true,
                columnsresize: true, theme: migrid.theme,
                editmode: 'selectedcell',
                selectionmode: 'singlecell',
                columnsFilter: migrid.columnsFilters,/*these values are mine*/
                numberColumns: migrid.columsDeciamal,/*these values are mine*/
                noteditable: migrid.ColumnNoEditables,/*these values are mine*/
                _class: migrid.name,
                columns: [
                  { text: 'Fila', columntype: 'checkbox', width: 10, datafield: 'ready', cellbeginedit: isCellEditable },
	          {text: 'Proyecto', columntype: 'dropdownlist', datafield: 'jobid', width: 10, cellbeginedit: isCellEditable,
		       createeditor: function (row, cellvalue, editor) {
			   editor.jqxDropDownList({ displayMember: 'displaylabel', valueMember: 'catalogvalue', source: dropdownListAdapter });
			}
		  }
                ]
            }); //fin del Grid
});

[Peter StoevKeymaster]

Which version of jQuery do you use? Do you use the version of jQuery which comes with Visual Studio or a jQuery 1.6+ version?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jose IvanMember]

jquery v1.7.2 . I found the problem…
$(migrid.grid).jqxGrid({ selectionmode: ‘singlecell’ });

this happen when i change the selectionmode, i got the feature the select multiples rows, this for delete the rows selected, but in the event cellclick i change the selectionmode to single $(migrid.grid).jqxGrid({ selectionmode: ‘singlecell’ }); and then no display with the mouse.

i got the code… the function getFistCheckboxColumn get the first datafield that ‘s a check column so when i change the value i set the selectionmode=’multiplerows’ and when i select a any cell i change the selectionmode to singlecell…

{ text: ‘Fila’, columntype: ‘checkbox’, width: 10, datafield: ‘ready’, cellbeginedit: isCellEditable },

$(migrid.grid).bind(“cellclick”, function (event) {
$(migrid.grid).jqxGrid({ selectionmode: ‘singlecell’ });
migrid.selectionmode = ‘singlecell’;
});

$(migrid.grid).bind(‘cellendedit’, function (event) {
if (event.args.datafield == migrid.getFistCheckboxColumn()) {
$(migrid.grid).jqxGrid({ selectionmode: ‘multiplerows’ });
if (event.args.value) {
$(migrid.grid).jqxGrid(‘selectrow’, event.args.rowindex);
}
else {
$(migrid.grid).jqxGrid(‘unselectrow’, event.args.rowindex);
}
}
});

so if i remove the line $(migrid.grid).jqxGrid({ selectionmode: ‘singlecell’ }); everything works fine!!

[Author]

Posts