jQWidgets Forums

This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 11 years, 10 months ago.

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

Author

Autorowheight, custom editor, and row details Posts

September 20, 2013 at 10:16 pm Autorowheight, custom editor, and row details #29313

mlemay

Participant

Hello! We’re trying to use jqxGrid to display rows which include cells with multiline text with simple html formatting – bold, italic, underline. Furthermore, we wish to allow users to expand rows (i.e., row details). The expanded row includes complex data that needs to be generated dynamically. We wish to use to edit the multiline text. We’ve run into a few problems; here’s a sample.

<html>
<head>
    <link rel="stylesheet" href="../../../../scripts/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../../../scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxgrid.edit.js"></script>  
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxgrid.columnsresize.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxnumberinput.js"></script>
    <script type="text/javascript" src="../../../../scripts/jqwidgets/jqxdatetimeinput.js"></script>
</head>
<body>
<div id="fredgrid"></div>
<script>
$(function() {
    var source = {
        datatype: "json",
        datafields: [
            { name: 'left' },
            { name: 'xxx' },
            { name: 'albequerque' },
        ],
        localdata: [{'left' : 152,'xxx' : 'here\'s some whacky text','albequerque' : 'Here\'s some really long whacky text that will never ever in a million years ever fit into a single line meant to demonstrate something important rather than serve as exemplar of the emglish language.' }]
    };
    $('#fredgrid').jqxGrid({
        'columns': {
            'left' : { 'text' : 'left','width' : 50,'datafield' : 'left' }
           ,'xxx' : { 'text' : 'xxx','width' : 100,'datafield' : 'xxx' }
           ,'albequerque' : { 'text' : 'albequerque','width' : 220,'datafield' : 'albequerque' }
        }
       ,'source' : source
       ,'autoheight' : true
       ,'autorowheight' : true
       ,'rowdetails' : true
       ,'showrowdetailscolumn' : true
       ,'rowdetailstemplate': {
            rowdetails: "<div><p>here's some junky things</p></div>"
           ,rowdetailsheight: 200
           ,rowdetailshidden: true
        }
    });
});
</script>
</body>
</html>

First, when autorowheight & autoheight are true, it seems expanding a row via clicking the rowdetailscolumn breaks the grid. It’s not possible to collapse the row.

Second, we’re having a difficult time with tinymce. We use autorowheight because we want the rows to expand to include all of the multiline text. That part is fine. However, after initializing tinymce, it seems to ignore the autorowheight and default to a height of 100 or so.

Any help with either issue would be greatly appreciated.

Thanks! –

September 21, 2013 at 5:47 am Autorowheight, custom editor, and row details #29318

Peter Stoev

Keymaster

Hi mlemay,

Unfortunately, we cannot help about displaying third-party editors within jqxGrid.
In addition, the Grid in the provided code is not initialized correctly – jquery-grid-getting-started.htm.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

Author

Posts

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

You must be logged in to reply to this topic.