jQWidgets Forums

Forum Replies Created

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 28, 2019 at 10:13 am in reply to: drop down window position problem when scrolled drop down window position problem when scrolled #104161

    dsFranz
    Participant

    I have seen that another user describes exatly the same problem:
    https://www.jqwidgets.com/community/topic/dropdown-content-is-shown-at-the-wrong-place/

    Best Regards,
    Franz

    November 28, 2017 at 12:06 pm in reply to: Export Custom Aggregates Export Custom Aggregates #97592

    dsFranz
    Participant

    Hello

    I have already found a solution for the problem to export custom aggregates!

    But now I have another problem:
    I have a table with groups and aggregates.
    Displaying aggregates for every group works fine.

    I also wont to export them, and when not currently displayed in Table, I can not read them from displayed Table.

    So my question is: is there any way to get the aggregated data of groups when not displayed???

    Like in your example of group aggregates: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/grid-grouping-aggregates.htm

    when expanding a group, you see the aggregated data at bottom of group.
    I need to get this data of all groups, also when currently not in the visible view.
    Is there any method for that???

    Best Regards,
    Franz

    August 24, 2017 at 2:55 pm in reply to: grouping and row details causing mess in column order on load state grouping and row details causing mess in column order on load state #95635

    dsFranz
    Participant

    Hallo Hristo

    That I don’t have a state to load in my example is not correct.
    I have set autosavestate=true, so when you expand at least one group, as I told you above,
    there is a saved state to load, you can see in the Local Stroage an entry with key jqxGridjqxgrid and the values of the grid.

    In the example that you gave me (http://jsfiddle.net/txhi/9u019y8h/)
    there are no details, as I told you the problem occurs when i have a grid with group and details.

    So I have modified your example, and there the same problem occurs.
    You can try on jsfiddle: http://jsfiddle.net/9u019y8h/4/

    1. open a groupe
    2. press Save State
    3. press Load State

    and you will see that the columns order is messed up.

    I need a solution for this problem.

    Thank you, best regard.
    Franz.

    August 10, 2017 at 1:03 pm in reply to: RangeSelector set range RangeSelector set range #95416

    dsFranz
    Participant

    Thanks for reply.

    The Best solution for me is to adjust min and max so that the displayed range is not to big, which makes sense anyway,
    than the setRange function makes no problems.

    When setting width to min 900px, the widget seems to function on touch devices.
    But it makes no sense to have such big control on Phones, so I decided not to use this widget on touch devices.
    It would be better to change range by touching the markers, like on desktop, I think that it would work better with smaller width.
    Maybe you can think of that in future versions.

    Best Regards,
    Franz

    July 26, 2017 at 9:21 am in reply to: RangeSelector on touch devices RangeSelector on touch devices #95145

    dsFranz
    Participant

    Hi Peter,

    Thanks for reply.

    Can you please give me a link to the example you have tried.

    I have tried on ASUS ZenPad10, and uploaded you a video where you can see my not successfully attempts to adjust the range.
    You can see the video at: https://youtu.be/LyVYogCUjgg

    For this example I have gone on your demo page and selected Rangeselector menu entry.

    Thank you, best regard.
    Franz.

    April 12, 2017 at 9:03 am in reply to: Column Width resize Column Width resize #92878

    dsFranz
    Participant

    Hi Peter

    Thanks for reply.

    I’have already tried this solution before, it solves the problem with the scrollbar, but than it does not have the resize behaviour that I want.

    When setting all columns ‘width’ property to percentage, when I resize a column the columns left of them move to the right (with of columns now is greater than table column).

    But I want the behaviour like in your example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/columnsresizing.htm?classic
    When resizing a column, as long as the last column is greater than min size, the columns fit into table (no scrollbar).

    April 11, 2017 at 4:06 pm in reply to: Column Resize at flexible layout Column Resize at flexible layout #92864

    dsFranz
    Participant

    Sorry the link did not work, so here again: http://www.jqwidgets.com/community/topic/column-width-resize/#post-92744

    April 6, 2017 at 2:00 pm in reply to: Grid scrollbar size Grid scrollbar size #92745

    dsFranz
    Participant

    Hi

    I have a grid with paging. When I use standard scrollbar height the layout with autoheight is nice.
    When i set scrollbarsize to 10, there is a white empty row between the last row and the scrollbar.

    The Code:

    <!DOCTYPE html>
<html lang="en">
<head>    
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="https://jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script>    
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.black.css" type="text/css" />
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css" type="text/css" />
    <script type="text/javascript" src="lib/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="lib/jqwidgets/jqx-all.js"></script>
    <style>
        
    </style>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function () {
             var data = generatedata(500);
            var source = {
                localdata: data,
                datafields: [{
                    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,
                theme: 'energyblue',
                scrollbarsize: 10,
                source: adapter,
                sortable: true,
                columnsresize:true,
                pageable: true,
                altrows: true,
                autoheight: true,
                columnsreorder: true,
                columns: [{
                    text: 'First Name',
                    datafield: 'firstname',
                    width: 90
                }, {
                    text: 'Last 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'
                }]
            });
        });
    </script>
    <div id="jqxgrid"></div>
</body>
</html>

    And another problem is, that when using new latest version of jqWidgets, setting scrolbarsize does not change the scrollbar, you
    can test this by the link from above: http://jsfiddle.net/jqwidgets/mtY3V/

    April 6, 2017 at 1:06 pm in reply to: Column Width resize Column Width resize #92744

    dsFranz
    Participant

    Hi

    I have a grid with flexible layout, and want to have the column resize behaviour like in your example above: columnsresizing.htm

    The problem is, that there is shown a scrollbar at bottom, even when the columns fit the width of the grid (I mean the column width are not too big to
    fit in the grid).
    In your example, the width of last column is calculated to fit exactly the width of table (by width set to ‘auto’).
    Looks like this does not always work with flexible layout.

    You can try this on jsfiddle: http://jsfiddle.net/ndn6X/172/

    Maybe you have to resize the browser window, it seems to me that at some resolutions it works fine, but in the most cases the scrollbar is shown.

    I am using jQWidgets Version v4.3.0

    The Code:

    HTML:

<div id = "container">
	<div id="jqxgrid"></div>
</div>
<div>
 <input type="button" value="Button" id='jqxButton' />
</div>

CSS:

#container{
  width:'100%';
}

JAVASCRIPT:

 var data = generatedata(500);
 var source = {
     localdata: data,
     datafields: [{
         name: 'firstname',
         type: 'string'
     }, {
         name: 'lastname',
         type: 'string'
     }, {
         name: 'productname',
         type: 'string'
     }],
     datatype: "array"
 };

var adapter = new $.jqx.dataAdapter(source);
 $("#jqxgrid").jqxGrid({
     width: '100%',
     theme: 'energyblue', 
     source: adapter,
     columnsresize:true,
     pageable: true,
     altrows: true,
     autoshowloadelement: true,
     enablehover: false,
     autoheight: true,
     sortable: true,
     selectionmode: 'none',
     columnsreorder: true,
     columnsresize: true,
     autosavestate: true,
     columns: [{
         text: 'First Name',
         datafield: 'firstname',
         columngroup: 'Name',
         width: '40%'
     }, {
         text: 'Last Name',
         columngroup: 'Name',
         datafield: 'lastname',
         width: '30%'
     }, {
         text: 'Product',
         datafield: 'productname',
         width: 'auto',
         minwidth: 10, 
         resizable: false,
     }] 
 });
 
 $("#jqxButton").jqxButton({ width: 120, height: 40 });
 $('#jqxButton').on('click', function () { 
 			$('#jqxgrid').jqxGrid('setcolumnproperty', 'firstname', 'width', '30%');
      $('#jqxgrid').jqxGrid('setcolumnproperty', 'lastname', 'width', '40%');
      $('#jqxgrid').jqxGrid('setcolumnproperty', 'productname', 'width', 'auto');
 });
    March 22, 2017 at 9:48 am in reply to: jqxDocking not sizing docking panels correctly jqxDocking not sizing docking panels correctly #92373

    dsFranz
    Participant

    Hello Dimitar

    Have i understood this correctly, there is no way to have panels with different width in jqxDocking, that means it is not possible to have windows with
    different width in two columns.
    That seams a bit strange to me, because it is a very common use case, to have different column width in a layout??

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