jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 766 through 780 (of 785 total)

← 1 … 51 52 53 →

Author

Posts

August 28, 2014 at 8:54 am in reply to: Sort Event Sort Event #58879

Participant

Hello scamiros,

Unfortunately, event before the grid sorting is not supported at the moment but we will think about it in the future.
Only a “sort” event which is raised after the sorting is supported.

Best Regards,
Nadezhda

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

August 27, 2014 at 7:08 am in reply to: forma date by time zone forma date by time zone #58835

Nadezhda

Participant

Hi Matej,

It is not possible to specify the time zone in the ‘format’, as I stated in my previous posts. Here is an explanation from the first topic:

The conversion happens automatically by the JavaScript Date object, not by our widget. We don’t do that and believe me we don’t need to do it. Please, read more about the JavaScript Date object in order to learn how to use it on the link I sent you.

Best Regards,
Nadezhda

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

August 26, 2014 at 12:57 pm in reply to: forma date by time zone forma date by time zone #58797

Nadezhda

Participant

Hi Matej,

The time zone is not specified in the ‘format’. Please, read the topics in my previous post.

Best Regards,
Nadezhda

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

August 26, 2014 at 12:30 pm in reply to: Date filter issue Date filter issue #58794

Nadezhda

Participant

Hi Antonio,

Could you, please, provide us with some sample data so that we may determine the source of the issue?

Best Regards,
Nadezhda

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

August 26, 2014 at 12:20 pm in reply to: drag-down drag-down #58793

Nadezhda

Participant

Hello aldo86,

Unfortunately, Excel-like cell replicating is not supported.

Cell draging is available on Drag & Drop demo: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/dragdrop.htm?arctic.

Best Regards,
Nadezhda

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

August 26, 2014 at 11:58 am in reply to: Date filter issue Date filter issue #58788

Nadezhda

Participant

Hello Antonio,

You have incorrect date format. Small letters “mm” are used for minutes, for months you should use capital letters (“MM”):

datafields: [
...
{ name: 'dc_data', type: 'date', format: 'dd-MM-yyyy' },
...
]

and

columns: [
...
{ text: 'Data', datafield: 'dc_data', columntype: 'date', filtertype: 'date', cellsformat: 'dd-MM-yyyy', filterable: true, minwidth: 180, cellsrenderer: cellsrenderer},
...
]

Best Regards,
Nadezhda

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

August 26, 2014 at 8:15 am in reply to: Image jqxListBox Image jqxListBox #58767

Nadezhda

Participant

Hello lsmarco2008@gmail.com,

You can see the syntax on our demo: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxlistbox/textwithicons.htm?arctic.

Best Regards,
Nadezhda

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

August 25, 2014 at 10:09 am in reply to: Can't get the cell values when click a cell Can't get the cell values when click a cell #58719

Nadezhda

Participant

Hello Michel,

Here is working example with your code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>    
    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.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/jqxlistbox.js"></script>
    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.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.columnsresize.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.pager.js"></script>
    <script type="text/javascript" src="../jqwidgets/jqxgrid.grouping.js"></script>
    <script src="../jqwidgets/jqxgrid.edit.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {           
            var data = new Array();
            var firstNames =
            [
                "Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio", "Beate", "Cheryl", "Michael", "Guylene"
            ];
            var lastNames =
            [
                "Fuller", "Davolio", "Burke", "Murphy", "Nagase", "Saavedra", "Ohno", "Devling", "Wilson", "Peterson", "Winkler", "Bein", "Petersen", "Rossi", "Vileid", "Saylor", "Bjorn", "Nodier"
            ];
            var productNames =
            [
                "Black Tea", "Green Tea", "Caffe Espresso", "Doubleshot Espresso", "Caffe Latte", "White Chocolate Mocha", "Cramel Latte", "Caffe Americano", "Cappuccino", "Espresso Truffle", "Espresso con Panna", "Peppermint Mocha Twist"
            ];
            var priceValues =
            [
                "2.25", "1.5", "3.0", "3.3", "4.5", "3.6", "3.8", "2.5", "5.0", "1.75", "3.25", "4.0"
            ];
            for (var i = 0; i < 1000; i++) {
                var row = {};
                var productindex = Math.floor(Math.random() * productNames.length);
                var price = parseFloat(priceValues[productindex]);
                var quantity = 1 + Math.round(Math.random() * 10);
                row["firstname"] = firstNames[Math.floor(Math.random() * firstNames.length)];
                row["lastname"] = lastNames[Math.floor(Math.random() * lastNames.length)];
                row["productname"] = productNames[productindex];
                row["price"] = price;
                row["quantity"] = quantity;
                row["total"] = price * quantity;
                data[i] = row;
            }
            var source =
            {
                localdata: data,
                datatype: "array"
            };
            var dataAdapter = new $.jqx.dataAdapter(source, {
                loadComplete: function (data) { },
                loadError: function (xhr, status, error) { }
            });
            $("#dataTable").jqxGrid(
             {
                 source: dataAdapter,
                 width: 670,
                 height: 450,
                 source: source,                
                 sortable: true,
                 filterable: true,
                 selectionmode: 'singlecell',
                 columns: [
                     { text: 'First Name', datafield: 'firstname', width: 100 },
                     { text: 'Last Name', datafield: 'lastname', width: 100 },
                     { text: 'Product', datafield: 'productname', width: 180 },
                     { text: 'Quantity', datafield: 'quantity', width: 80, cellsalign: 'right' },
                     { text: 'Unit Price', datafield: 'price', width: 90, cellsalign: 'right', cellsformat: 'c2' },
                     { text: 'Total', datafield: 'total', width: 100, cellsalign: 'right', cellsformat: 'c2' }
                 ]
             });
            $("#dataTable").on('cellselect', function (event) {
                var columnheader = $("#dataTable").jqxGrid('getcolumn', event.args.datafield).text;
                $("#selectedcell").html("Row: " + event.args.rowindex + ", Column: " + columnheader);
            });
        });
    </script>
</head>
<body>
    <div>
        <span id="selectedcell"></span>
    </div>
    <div id="dataTable"></div>
</body>
</html>

Best Regards,
Nadezhda

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

August 25, 2014 at 9:16 am in reply to: Auto rowdetailsheight Auto rowdetailsheight #58715

Nadezhda

Participant

Hello eng.mohamedfarouk,

Auto height is not supported for row details.

Best Regards,
Nadezhda

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

August 22, 2014 at 10:00 am in reply to: listbox get all items listbox get all items #58668

Nadezhda

Participant

Hi mustafa,

If you have the following file (file.txt):

[
    {
        "GroupName": "<div style='height: 20px; float: left;'><img width='16' height='16' style='float: left; margin-top: 2px; margin-right: 5px; cursor: pointer;' src='../../jqwidgets/styles/images/close.png' onclick='deleteItem(0)' /><span style='float: left; font-size: 13px; font-family: Verdana Arial;'>jqxNumberInput</span></div>",
        "grp_ID": "1"
    },
    {
        "GroupName": "<div style='height: 20px; float: left;'><img width='16' height='16' style='float: left; margin-top: 2px; margin-right: 5px; cursor: pointer;' src='../../jqwidgets/styles/images/close.png' onclick='deleteItem(1)' /><span style='float: left; font-size: 13px; font-family: Verdana Arial;'>jqxProgressBar</span></div>",
        "grp_ID": "2"
    },
    {
        "GroupName": "<div style='height: 20px; float: left;'><img width='16' height='16' style='float: left; margin-top: 2px; margin-right: 5px; cursor: pointer;' src='../../jqwidgets/styles/images/close.png' onclick='deleteItem(2)' /><span style='float: left; font-size: 13px; font-family: Verdana Arial;'>jqxCalendar</span></div>",
        "grp_ID": "3"
    }
]

here is how to achieve the functionality:

<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.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/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/jqxlistbox.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {

                var source =
                {
                    datatype: "json",
                    datafields: [
                        { name: 'GroupName', type: 'string' },
                        { name: 'grp_ID', type: 'number' }
                    ],
                    id: 'grp_ID',
                    url: "source.txt"
                };
                var dataAdapter = new $.jqx.dataAdapter(source);

                // Create a jqxListBox
                $("#jqxWidget").jqxListBox({ source: dataAdapter, width: 200, height: 250, displayMember: "GroupName", valueMember: "grp_ID" });
            });
        </script>
        <div id='jqxWidget'>
            <script type="text/javascript">
                function deleteItem(index) {
                    $("#jqxWidget").jqxListBox('removeAt', index);
                }
            </script>
        </div>
    </div>
</body>
</html>

for context menu, please see these topics: Context menu on listbox with checkboxes and Listbox Context Menu.

Best Regards,
Nadezhda

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

August 22, 2014 at 6:22 am in reply to: jqxMenu Keyboard Navigation jqxMenu Keyboard Navigation #58661

Nadezhda

Participant

Hello Tri,

This functionality is not in the current roadmap but you can check for updates on http://www.jqwidgets.com/jquery-widgets-documentation/documentation/roadmap/roadmap.htm.

Best Regards,
Nadezhda

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

August 22, 2014 at 6:11 am in reply to: listbox get all items listbox get all items #58660

Nadezhda

Participant

Hello mustafa,

The ListBox can bind only to one source.

The requested functionality is not supported. The above example is workaround and we can not assist you on the matter any more.

Best Regards,
Nadezhda

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

August 22, 2014 at 5:53 am in reply to: forma date by time zone forma date by time zone #58658

Nadezhda

Participant

Hi Matej,

For more information, please read these topics Set TimeZone in to jqwidgets datetimeinput and Date datafield timezone handling.

Best Regards,
Nadezhda

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

August 21, 2014 at 11:38 am in reply to: listbox get all items listbox get all items #58622

Nadezhda

Participant

Hello mustafa,

1. You can use method ‘getItems’ to get all items. Here is the example: http://jsfiddle.net/jqwidgets/SDJqH/.
2. Find an object in ListBox by using this code example for 4th item:

var items = $("#jqxListBox").jqxListBox('getItems'); 
var fourthItem = items[3];

3. This feature is not supported but here is a workaround:

<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.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/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {

                var source = [
                    { html: "<div style='height: 20px; float: left;'><img width='16' height='16' style='float: left; margin-top: 2px; margin-right: 5px; cursor: pointer;' src='../../jqwidgets/styles/images/close.png' onclick='deleteItem(o)' /><span style='float: left; font-size: 13px; font-family: Verdana Arial;'>jqxNumberInput</span></div>", title: 'jqxNumberInput' },
                    { html: "<div style='height: 20px; float: left;'><img width='16' height='16' style='float: left; margin-top: 2px; margin-right: 5px; cursor: pointer;' src='../../jqwidgets/styles/images/close.png' onclick='deleteItem(1)' /><span style='float: left; font-size: 13px; font-family: Verdana Arial;'>jqxProgressBar</span></div>", title: 'jqxProgressBar' },
                    { html: "<div style='height: 20px; float: left;'><img width='16' height='16' style='float: left; margin-top: 2px; margin-right: 5px; cursor: pointer;' src='../../jqwidgets/styles/images/close.png' onclick='deleteItem(2)' /><span style='float: left; font-size: 13px; font-family: Verdana Arial;'>jqxCalendar</span></div>", title: 'jqxCalendar' }
                ];

                // Create a jqxListBox
                $("#jqxWidget").jqxListBox({ source: source, width: 200, height: 250 });
            });
        </script>
        <div id='jqxWidget'>
            <script type="text/javascript">
                function deleteItem(index) {
                    $("#jqxWidget").jqxListBox('removeAt', index);
                }
            </script>
        </div>
    </div>
</body>
</html>

Note that only selected items can be removed by clicking the close icon.

Best Regards,
Nadezhda

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

August 20, 2014 at 2:33 pm in reply to: addLast without auto selection addLast without auto selection #58572

Nadezhda

Participant

Hello DaveyWavey,

At the moment ‘jqxTabs’ widget does not support adding a tab without automatically selection. Here is the example how you can add new tab which is not automatically selected: http://jsfiddle.net/jqwidgets/pj4eky66/.

Best Regards,
Nadezhda

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

Author

Posts

Viewing 15 posts - 766 through 780 (of 785 total)

← 1 … 51 52 53 →