[ivailoParticipant]

Hi ravishankar.knln,

Right now jqxGrid does not offer that type of functionality.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi nja,

Here is the similar topic.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi jcwren,

You can have multiple tooltips at once. You just have to set different name for each of them.
Also you can change the info visuzlized in the tooltip when the server responds. Just have to detect an event for server response and to change the tooltip’s property content.

Here is similar example with text change on click.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi aerials,

With “selectionmode: ‘none’” you don’t have to see any problems.
Here is an example with 3 different types of buttons generated in grid and with this setting every works well.
1 – Regular button
2 – jqxButton
3 – Button column

See at this fiddle.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi Rob,

In your first post you are mentioned parseData thrown in the error. Then you mentioned parseDate.
If the problem is with parseDate – the right syntax of the function is parsedate, also you are tried yourself and it works.
So keep using parsedate.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi lemoncodes,

You can use cascading editing.
Look at this demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi lemoncodes,

You can use cascading editing.
Look at this demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi Rob,

We can not reproduce that type of error. Everything must work normaly.
Look at this fiddle.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi ADn,

We don’t offer any built-in options about changing the size of loadtext container, but like a workaround you can try the method used in this fiddle.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi lopez306,

Null is not supported value about this widget. jqxNumberInput have to work only with numbers.
Like a workaround, if you want to use empty input, try to remove the Separator’s properties.

http://jsfiddle.net/n4steg3q/

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi karthic_cdm,

In your presented code the reason for this behavior is not visible.
Try to update to the last version – 3.8.0.
If is needed include the js files in this sequence :

<script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdata.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/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/jqxgrid.filter.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.columnsresize.js"></script>
<script type=" text /javascript" src="../../scripts/demos.js"></script>

If this doesn’t help, check the console for errors and if there are any – send them with the feedback.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi tranen,

Look at this fiddle. Everything seems to work corect.
This “sync” mentioned in your error message is not in your presented source. Maybe it’s related with the rest of your code.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi karthic_cdm,

Maybe you are forget to include jqxgrid.columnsresize.js. It’s not included in our demo.
Try to use this code. Here the column resize works fine.

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>This example shows how to display nested Grid plugins.</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="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.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/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/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.columnsresize.js"></script>
    <script type=" text /javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var url = "../sampledata/employees.xml";

            var source =
            {
                datafields: [
                    { name: 'FirstName' },
                    { name: 'LastName' },
                    { name: 'Title' },
                    { name: 'Address' },
                    { name: 'City' }
                ],
                root: "Employees",
                record: "Employee",
                id: 'EmployeeID',
                datatype: "xml",
                async: false,
                url: url
            };

            var employeesAdapter = new $.jqx.dataAdapter(source);

            var orderdetailsurl = "../sampledata/orderdetails.xml";

            var ordersSource =
            {
                datafields: [
                    { name: 'EmployeeID', type: 'string' },
                    { name: 'ShipName', type: 'string' },
                    { name: 'ShipAddress', type: 'string' },
                    { name: 'ShipCity', type: 'string' },
                    { name: 'ShipCountry', type: 'string' },
                    { name: 'ShippedDate', type: 'date' }
                ],
                root: "Orders",
                record: "Order",
                datatype: "xml",
                url: orderdetailsurl,
                async: false
            };

            var ordersDataAdapter = new $.jqx.dataAdapter(ordersSource, { autoBind: true });
            orders = ordersDataAdapter.records;
            var nestedGrids = new Array();

            // create nested grid.
            var initrowdetails = function (index, parentElement, gridElement, record) {
                var id = record.uid.toString();
                var grid = $($(parentElement).children()[0]);
                nestedGrids[index] = grid;
                var filtergroup = new $.jqx.filter();
                var filter_or_operator = 1;
                var filtervalue = id;
                var filtercondition = 'equal';
                var filter = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
                // fill the orders depending on the id.
                var ordersbyid = [];
                for (var m = 0; m < orders.length; m++) {
                    var result = filter.evaluate(orders[m]["EmployeeID"]);
                    if (result)
                        ordersbyid.push(orders[m]);
                }

                var orderssource = { datafields: [
                    { name: 'EmployeeID', type: 'string' },
                    { name: 'ShipName', type: 'string' },
                    { name: 'ShipAddress', type: 'string' },
                    { name: 'ShipCity', type: 'string' },
                    { name: 'ShipCountry', type: 'string' },
                    { name: 'ShippedDate', type: 'date' }
                ],
                    id: 'OrderID',
                    localdata: ordersbyid
                }
                var nestedGridAdapter = new $.jqx.dataAdapter(orderssource);

                if (grid != null) {
                    grid.jqxGrid({
                        source: nestedGridAdapter, width: 780, height: 200, columnsresize: true,
                        columns: [
                          { text: 'Ship Name', datafield: 'ShipName', width: 200 },
                          { text: 'Ship Address', datafield: 'ShipAddress', width: 200 },
                          { text: 'Ship City', datafield: 'ShipCity', width: 150 },
                          { text: 'Ship Country', datafield: 'ShipCountry', width: 150 },
                          { text: 'Shipped Date', datafield: 'ShippedDate', width: 200 }
                       ]
                    });
                }
            }

            var photorenderer = function (row, column, value) {
                var name = $('#jqxgrid').jqxGrid('getrowdata', row).FirstName;
                var imgurl = '../../images/' + name.toLowerCase() + '.png';
                var img = '<div style="background: white;"><img style="margin:2px; margin-left: 10px;" width="32" height="32" src="' + imgurl + '"></div>';
                return img;
            }

            var renderer = function (row, column, value) {
                return '<span style="margin-left: 4px; margin-top: 9px; float: left;">' + value + '</span>';
            }

            // creage jqxgrid
            $("#jqxgrid").jqxGrid(
            {
                width: 850,
                height: 365,
                source: source,
                rowdetails: true,
                columnsresize: true,
                rowsheight: 35,
                initrowdetails: initrowdetails,
                rowdetailstemplate: { rowdetails: "<div id='grid' style='margin: 10px;'></div>", rowdetailsheight: 220, rowdetailshidden: true },
                ready: function () {
                    $("#jqxgrid").jqxGrid('showrowdetails', 1);
                },
                columns: [
                      { text: 'Photo', width: 50, cellsrenderer: photorenderer },
                      { text: 'First Name', datafield: 'FirstName', width: 100, cellsrenderer: renderer },
                      { text: 'Last Name', datafield: 'LastName', width: 100, cellsrenderer: renderer },
                      { text: 'Title', datafield: 'Title', width: 180, cellsrenderer: renderer },
                      { text: 'Address', datafield: 'Address', width: 300, cellsrenderer: renderer },
                      { text: 'City', datafield: 'City', width: 170, cellsrenderer: renderer }
                  ]
            });
        });
    </script>
</head>
<body class='default'>
    <div id="jqxgrid">
    </div>
</body>
</html>

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi phpmaven,

The loading of the external data has some delay. In this time the rest of the code continues it’s execution. That means asynchronous. That make the execution faster and not depending of the time for data loading. The loadComplete function indicates that your data loading is finished, and in it’s body you can call all your function depended to this data.

In your code maybe you’re expecting synchronous execution, but when you alert your dataAdapter it is not yet ready for use. So you receive “undefined”.

If you realy want to use synchronous way of coding you can set the async property to false, but this will slow your app depended of data loading from get_builders.php.

More about jqxDataAdapter you can read here.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[ivailoParticipant]

Hi tranen,

From your explanation is not very clear what’s your need. In short we don’t have method for editing multiple rows, but you can use a FOR loop + Editing function (setCellValue) through all the needed data.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts