jQWidgets Forums

Forum Replies Created

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 7, 2015 at 2:36 pm in reply to: jqxsplitter-integration-with-jqxgrid jqxsplitter-integration-with-jqxgrid #75601

    akanis
    Participant

    … or is it a feature ?

    September 7, 2015 at 12:59 pm in reply to: jqxsplitter-integration-with-jqxgrid jqxsplitter-integration-with-jqxgrid #75591

    akanis
    Participant

    Thank you, Peter, but now if i sort column the “altrows: true” is not more working in this column. Must i have to refresh the grid ?

    Regards akanis

    August 28, 2015 at 8:16 am in reply to: tabs and grid demo tabs and grid demo #75238

    akanis
    Participant

    Hi Ivailo, thank you. I had copied a working code block und changed some items, but forgot #jqxGrid.

    Best Regards akanis

    August 27, 2015 at 10:56 pm in reply to: tabs and grid demo tabs and grid demo #75221

    akanis
    Participant

    Sorry, here is a link to the code, i hope it works now

    https://www.jseditor.io/?key=tabs-and-grids

    Regards akanis

    How can i delete stupid posts of me ?

    August 27, 2015 at 10:31 pm in reply to: tabs and grid demo tabs and grid demo #75220

    akanis
    Participant

    Hi, the same code, but better to read.

    I hope for help, regards akanis

    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <title id=’Description’>This demo shows how to display jqxGrid in jqxTabs.
    </title>
    <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
    <script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
    <script type=”text/javascript” src=”../../scripts/demos.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxtabs.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxcheckbox.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxmenu.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxgrid.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxgrid.selection.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxscrollbar.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxlistbox.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxdropdownlist.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxchart.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    var initGrid = function () {
    var source =
    {
    datatype: “csv”,
    datafields: [
    { name: ‘Date’ },
    { name: ‘S&P 500’ },
    { name: ‘NASDAQ’ }
    ],
    url: ‘../sampledata/nasdaq_vs_sp500.txt’
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    $(“#jqxGrid”).jqxGrid(
    {
    width: ‘100%’,
    height: ‘100%’,
    source: dataAdapter,
    columns: [
    { text: ‘Date’, datafield: ‘Date’, cellsformat: ‘d’, width: 250 },
    { text: ‘S&P 500’, datafield: ‘S&P 500’, width: 150 },
    { text: ‘NASDAQ’, datafield: ‘NASDAQ’ }
    ]
    });
    }

    var initGrid2 = function () {
    var source =
    {
    datatype: “csv”,
    datafields: [
    { name: ‘datum’ },
    { name: ‘dax’ },
    { name: ‘nflx’ }
    ],
    url: ‘../sampledata/nflx_vs_sp500.txt’
    };
    var dataAdapter2 = new $.jqx.dataAdapter(source);
    $(“#jqxGrid”).jqxGrid(
    {
    width: ‘100%’,
    height: ‘100%’,
    source: dataAdapter2,
    columns: [
    { text: ‘Datum’, datafield: ‘datum’, cellsformat: ‘d’, width: 250 },
    { text: ‘DAX’, datafield: ‘dax’, width: 150 },
    { text: ‘NFLX’, datafield: ‘nflx’ }
    ]
    });
    }
    // init widgets.
    var initWidgets = function (tab) {
    switch (tab) {
    case 0:
    initGrid();
    break;
    case 1:
    initGrid2();
    break;
    }
    }
    $(‘#jqxTabs’).jqxTabs({ width: 600, height: 560, initTabContent: initWidgets });
    });
    </script>
    </head>
    <body class=’default’>
    <div id=’jqxTabs’>

      <li style=”margin-left: 30px;”>
      Grid 1

    • Grid 2

    <div style=”overflow: hidden;”>
    <div style=”border:none;” id=”jqxGrid”>
    </div>
    </div>
    <div style=”overflow: hidden;”>
    <div style=”border:none;” id=”jqxGrid2″>
    </div>
    </div>
    </div>
    </body>
    </html>

    August 21, 2015 at 7:57 am in reply to: gridrecordtoform by hover/focus a row gridrecordtoform by hover/focus a row #75044

    akanis
    Participant

    Hi,

    i simply want to get the raw index of my geojson property grid using a “rawhover” callback, not for a special tooltip, but for highlighting an geojson object in a map simultaneously .

    Christian, your codes does not work out of the box in my application, but your idea i can god use otherwise, thank you.

    Thanks Peter, now i’m trying to search examples using “cellhover” callback in this forum to find a way to get the raw index.

    Best Regards akanis

    August 20, 2015 at 9:21 pm in reply to: gridrecordtoform by hover/focus a row gridrecordtoform by hover/focus a row #75013

    akanis
    Participant

    Hi Christian, ok, now i understand rowselect. It is so easy with jqx.
    Is there any way to get the selected raw index instead(like) of the tooltip (rawselect by hovering) ?
    I could not find something to realize this feature in the jquery-widgets-documentation.
    I think, it is very special (patch the tooltip code?).

    Best Regards akanis

    August 20, 2015 at 10:47 am in reply to: How to parse data from GeoJSON into in the grid ? How to parse data from GeoJSON into in the grid ? #74988

    akanis
    Participant

    Hi Dimitar,

    … map: ‘properties>REIHE was the base for success.
    Thank you, best regards akanis

    August 20, 2015 at 7:23 am in reply to: How to parse data from GeoJSON into in the grid ? How to parse data from GeoJSON into in the grid ? #74976

    akanis
    Participant

    Hi Dimitar,

    the header of my geojson data is different from your example:

    {
    “type”: “FeatureCollection”,

    “features”: [
    { “type”: “Feature”, “properties”: { “fid”: “UID.1”, “OBJECTID”: 1, “REIHE”: “01”, “ABTEILUNG”: “Rand”, “GRAB_NR”: “100”, “SHAPE_LENG”: “11,6187283579”, “SHAPE_AREA”: “7,98523561838”, “GISID”: “Rand01100”, “BEMERKUNG”: null }, “geometry”: { “type”: “Polygon”, “coordinates”: [ [ [ 13.8681817804713, 50.985484635788701 ], [ 13.868219243870501, 50.9855065009504 ], [ 13.8682408796217, 50.985491739928797 ], [ 13.868203455525601, 50.985470015612201 ], [ 13.8681817804713, 50.985484635788701 ] ] ] } },
    { “type”: “Feature”, “properties”: { “fid”: “UID.2”, “OBJECTID”: 2, “REIHE”: “01”, “ABTEILUNG”: “Rand”, “GRAB_NR”: “79-80”, “SHAPE_LENG”: “12,918410117”, “SHAPE_AREA”: “10,3290563594”, “GISID”: “Rand0179-80”, “BEMERKUNG”: null }, “geometry”: { “type”: “Polygon”, “coordinates”: [ [ [ 13.868263700 …

    the grid contains no data; i think, root: `properties’ is not correct ? my code:

    $(document).ready(function () {
    var url = “../sampledata/Fri.json”;

    // prepare the data
    var source =
    {
    datatype: “json”,
    datafields: [
    { name: ‘REIHE’, type: ‘string’ },
    { name: ‘GRAB_NR’, type: ‘int’ }
    ],
    id: ‘OBJECTID’,
    root: ‘properties’,
    url: url
    //localdata: data
    };
    var dataAdapter = new $.jqx.dataAdapter(source);

    $(“#jqxgrid”).jqxGrid({
    width: 850,
    source: dataAdapter,
    columnsresize: true,
    columns: [{
    text: ‘Reihe’,
    datafield: ‘REIHE’,
    width: 250
    }, {
    text: ‘Grab_NR’,
    datafield: ‘GRAB_NR’,
    width: 180
    }]
    });
    });

    best regards akanis

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