jQWidgets Forums

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts

  • ericwastaken
    Participant

    Hi Paries,

    Verify that you are indeed using jqWidgets 3.1… we saw the same issue with a prior version and just verified the issue is not present in 3.1.

    See this jsfiddle that shows it working under 3.1.

    http://jsfiddle.net/ericwastaken/x6nd5/

    Good luck!

    Eric.


    ericwastaken
    Participant

    Great! Your example helped me find my error.

    For the benefit of others, here were my errors.

    – On the data adapter, I was not defining the datafield correctly. I should have had the column as follows:

    { name: ‘AssignedToUserId’, displayname: ‘AssignedToUsername’ }

    (I was missing the “displayname”).

    – On the GRID, I also was missing the displayfield property. I should have had my column as follows:

    { text: ‘Assign to Patient’, datafield: ‘AssignedToUserId’, displayfield: ‘AssignedToUsername’, editable: true, columntype: ‘combobox’, width: 300,
    // Show a combobox editor
    initeditor: function (row, cellvalue, editor) {
    editor.jqxComboBox(
    {
    source: sfDropbox.dataadapterPatients,
    theme: sfDropbox.theme,
    selectedIndex: -1,
    displayMember: ‘PatientDetail’,
    valueMember: ‘UserID’
    });
    }
    }

    – o –

    Once I added the two “displayfield” properties, all worked as expected.

    Thanks!

    E

    in reply to: Wordwrap in cells Wordwrap in cells #14580

    ericwastaken
    Participant

    The ‘autorowheight’ feature worked great for me with a small exception. If you have a checkbox for any cell editor, it seems the checkbox is placed ABSOLUTE using “TOP:50%;”. Of course, this ends up looking bad on rows that are more than single height because 50% is quite a spacing in that case.

    I fixed it with a simple CSS override on my page as follows:

    div.jqx-checkbox {
    /* Note, with rowautoheight, the TOP position of checkboxes needs to be fixed */
    /* from a percentage (since that will now vary from row to ro) to a fixed value */
    /* that will be dependent on the min row height! */
    top: 2px !important;
    }

    However, this should probably be addressed in the core code.

    Thanks,

    E.

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