jQuery UI Widgets Forums Grid sortmode many – Column Groups

This topic contains 1 reply, has 2 voices, and was last updated by  admin 6 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • sortmode many – Column Groups #101474

    Manabu Suzuki
    Participant

    Hello

    If you sort without selecting the list box, the following error will be displayed.
    [TypeError: o[t] is not a function]

    Select the list box and sort the test columns several times.
    The arrow display does not change.

     var datalists = [{"testIds":"1","testNm":"test1"},{"testIds":"2","testNm":"test2"}]
     var sourceUnit =
    	{
    		datatype: "json",
    		datafields: [
    			{ name: 'testIds' },
    			{ name: 'testNm' }
    		],
    		localdata: datalists
    	};
     var dataAdapterUnit = new $.jqx.dataAdapter(sourceUnit,{autoBind: true});
     
     var data = generatedata(500);
     var source = {
         localdata: data,
         datafields: [
         { name: 'testNm',
           value: 'test',
           values: { 
             source: dataAdapterUnit.records,
             value: 'testIds',
             name: 'testNm' }
           },
       {
             name: 'firstname',
             type: 'string'
         }, {
             name: 'lastname',
             type: 'string'
         }, {
             name: 'productname',
             type: 'string'
         }, {
             name: 'date',
             type: 'date'
         }, {
             name: 'quantity',
             type: 'number'
         }, {
             name: 'price',
             type: 'number'
         }],
         datatype: "array"
     };
    
     var adapter = new $.jqx.dataAdapter(source);
     $("#jqxgrid").jqxGrid({
         width: 500,
         sortable: true,
         sortmode: 'many',
         theme: 'energyblue',
         source: adapter,
         editable : true,
         selectionmode: "multiplecellsadvanced",
         columns: [{
             text: "Test",
             datafield: "test",
             width: 120,
             columntype: "dropdownlist",
             displayfield: 'testNm',
    				 createeditor: function (row, value, editor) {
                    editor.jqxDropDownList({
                      source: dataAdapterUnit,
                      displayMember: 'testNm',
                      valueMember: 'testIds'});
            }
    			},{
             text: 'First Name',
             datafield: 'firstname',
             columngroup: 'Name',
             width: 90
         }, {
             text: 'Last Name',
             columngroup: 'Name',
             datafield: 'lastname',
             width: 90
         }, {
             text: 'Product',
             datafield: 'productname',
             width: 170
         }, {
             text: 'Order Date',
             datafield: 'date',
             width: 160,
             cellsformat: 'dd-MMMM-yyyy'
         }, {
             text: 'Quantity',
             datafield: 'quantity',
             width: 80,
             cellsalign: 'right'
         }, {
             text: 'Unit Price',
             datafield: 'price',
             cellsalign: 'right',
             cellsformat: 'c2'
         }],
         columngroups: [{
             text: 'Name',
             name: 'Name',
             align: 'center'
         }]
     });

    I am sorry my english is not good
    thank you

    sortmode many – Column Groups #101478

    admin
    Keymaster

    Hi Manabu Suzuki,

    That happens because of the Key/Value column which you have. We will add a work item about this Grid behavior.

    Regards,
    Peter

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.