jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 16 through 30 (of 785 total)

← 1 2 3 … 53 →

Author

Posts

May 12, 2015 at 11:31 am in reply to: JqxInput event can't get called JqxInput event can't get called #70990

Nadezhda

Participant

Hi cpuin,

Please, take a look carefully at the above posts and take out the following code from your page:

	            if (length == 0) {
	                button.prop('disabled', true);
	            }
	            else {
	                button.prop('disabled', false);
	            }

Best Regards,
Nadezhda

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

May 12, 2015 at 11:19 am in reply to: Date Picker with date range now working in nested grid Date Picker with date range now working in nested grid #70989

Nadezhda

Participant

Hello Greytrix,

Please, provide us with sample code or jsfiddle example that we can test to determine the source of the issue.

Best Regards,
Nadezhda

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

May 12, 2015 at 8:25 am in reply to: Don't show the group Don't show the group #70972

Nadezhda

Participant

Hello manzam,

If you want to show data from ‘group’ datafield you should set ‘displayMember’ or ‘valueMember’ to ‘group’. You can find more information about how to Bind the ListBox to JSON data on Getting Started.

Best Regards,
Nadezhda

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

May 12, 2015 at 6:35 am in reply to: Missing functionality with jQuery < 1.9 Missing functionality with jQuery < 1.9 #70963

Nadezhda

Participant

Hello dthayer,

We could not reproduce the reported issues when running the online demos of jqxComboBox with jQuery 1.7.2. We suggest you update to the latest version of jQWidgets (3.8.0) for the best widgets experience.

Best Regards,
Nadezhda

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

May 11, 2015 at 11:58 am in reply to: Combobox Validation using label not displaying message Combobox Validation using label not displaying message #70929

Nadezhda

Participant

Hello Tony,

You can find the following example which shows how to set ‘hintType’ property to “label” instead “tooltip”: http://jsfiddle.net/83b3ek3m/. Please, note that ‘hintType’ is property of jqxValidator not jqxComboBox.

Best Regards,
Nadezhda

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

May 11, 2015 at 11:23 am in reply to: Link in tooltip? Link in tooltip? #70927

Nadezhda

Participant

Hello timwoj,

If I understand you correctly, you would like to show opened tooltip on mouse hover over it. To achieve this you can set the ‘autoHide’ property to false. If this does not help you, please, provide us with more information or sample code.

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../jqwidgets/styles/jqx.base.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/jqxtooltip.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#filmPicture1").jqxTooltip({ content: '<b>Title:</b> <i>The Amazing Spider-man</i><br /><b>Year:</b> 2012', position: 'right', name: 'movieTooltip', autoHide: false });
            $("#filmPicture2").jqxTooltip({ content: '<b>Title:</b> <i>The Avengers</i><br /><b>Year:</b> 2012', position: 'right', name: 'movieTooltip', autoHide: false });
            $("#filmPicture3").jqxTooltip({ content: '<b>Title:</b> <i>The Dark Knight Rises</i><br /><b>Year:</b> 2012', position: 'right', name: 'movieTooltip', autoHide: false });
        });
    </script>
</head>
<body>
    <div style="width: 400px;" id="container">
        <img style="margin: 8px;" src="../../images/The_Amazng_Spider_Man.jpeg" id="filmPicture1" />
        <img style="margin: 8px;" src="../../images/The_Avengers.jpg" id="filmPicture2" />
        <img style="margin: 8px;" src="../../images/The_Dark_Knight_Rises.jpg" id="filmPicture3" />
    </div>
</body>
</html>

Best Regards,
Nadezhda

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

May 11, 2015 at 8:25 am in reply to: Drop destination Drop destination #70916

Nadezhda

Participant

Hello yuanru,

In the following example you can find how to disable drop destination between two nodes with ‘dragEnd’ callback function and ‘dropPosition’ argument and it’s value is equal to “after” or “before”. I hope it will be helpful to you.

<!DOCTYPE html>
<html lang="en">
<head>
    <title></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/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdragdrop.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtree.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // Create jqxTree
            $('#treeA').jqxTree({
                allowDrag: true, allowDrop: true, height: '300px', width: '220px'
            });
            $('#treeB').jqxTree({
                allowDrag: true, allowDrop: true, height: '300px', width: '220px',
                dragEnd: function (item, dropItem, args, dropPosition, tree) {
                    if (dropPosition == "after" || dropPosition == "before")
                        return false;
                }
            });
            $('#treeA').css('visibility', 'visible');
            $('#treeB').css('visibility', 'visible');

            $("#treeA, #treeB").on('dragStart', function (event) {
                $("#dragStartLog").text("Drag Start: " + event.args.label);
                $("#dragEndLog").text("");
            });

            $("#treeA, #treeB").on('dragEnd', function (event) {
                $("#dragEndLog").text("Drag End");
                if (event.args.label) {
                    var ev = event.args.originalEvent;
                    var x = ev.pageX;
                    var y = ev.pageY;
                    if (event.args.originalEvent && event.args.originalEvent.originalEvent && event.args.originalEvent.originalEvent.touches) {
                        var touch = event.args.originalEvent.originalEvent.changedTouches[0];
                        x = touch.pageX;
                        y = touch.pageY;
                    }
                }
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div style='float: left;'>
            <div id='treeA' style='visibility: hidden; float: left; margin-left: 0px;'>
                <ul>
                    <li id='home' item-selected='true'>Home</li>
                    <li item-expanded='true'>Solutions
                        <ul>
                            <li>Education</li>
                        </ul>
                    </li>
                    <li>Financial services</li>
                    <li>Community</li>
                </ul>
            </div>
            <div style='visibility: hidden; float: left; margin-left: 20px;' id="treeB">
                <ul>
                    <li>Products
                    </li>
                    <li item-expanded='true'>Support
                        <ul>
                            <li>Support home</li>
                            <li>Customer Service</li>
                        </ul>
                    </li>
                    <li>Knowledge base</li>
                    <li>Forum</li>
                </ul>
            </div>
        </div>
        <div style="font-size: 13px; font-family: Verdana; padding-top: 20px; clear: both;">
            <b>Events Log:</b>
            <div id="dragStartLog">
            </div>
            <div id="dragEndLog">
            </div>
        </div>
    </div>
</body>
</html>

Best Regards,
Nadezhda

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

May 11, 2015 at 7:13 am in reply to: JqxInput event can't get called JqxInput event can't get called #70907

Nadezhda

Participant

Hi cpuin,

Here is an extended example which shows how to check the value in jqxInput when you set it dynamically: http://jsfiddle.net/f6kxqpya/. I hope it will be helpful to you.

Best Regards,
Nadezhda

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

May 11, 2015 at 6:43 am in reply to: problem when getItems problem when getItems #70902

Nadezhda

Participant

Hi hongthach,

Please, provide us with a full sample(or jsfiddle example) so we will be able to test with your code.

Best Regards,
Nadezhda

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

May 8, 2015 at 2:24 pm in reply to: Losing filter after grid printing Losing filter after grid printing #70860

Nadezhda

Participant

Hi Arneault,

Here is an example with print button in jqxToolBar:

<!DOCTYPE html>
<html lang="en">
<head>
    <title></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/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/jqxcheckbox.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/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.export.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.export.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtoolbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxinput.js"></script>
    <script type="text/javascript" src="generatedata.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // prepare the data
            var data = generatedata(10);
            var source =
            {
                localdata: data,
                datatype: "array",
                datafields:
                [
                    { name: 'firstname', type: 'string' },
                    { name: 'lastname', type: 'string' },
                    { name: 'productname', type: 'string' },
                    { name: 'available', type: 'bool' },
                    { name: 'date', type: 'date' },
                    { name: 'quantity', type: 'number' },
                    { name: 'price', type: 'number' }
                ]
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            // initialize jqxGrid
            $("#jqxgrid").jqxGrid(
            {
                width: 850,
                autoheight: true,
                source: dataAdapter,
                altrows: true,
                sortable: true,
                filterable: true,
                selectionmode: 'multiplecellsextended',
                columns: [
                  { text: 'First Name', datafield: 'firstname', width: 120 },
                  { text: 'Last Name', datafield: 'lastname', width: 120 },
                  { text: 'Product', datafield: 'productname', width: 177 },
                  { text: 'Available', datafield: 'available', columntype: 'checkbox', width: 67, cellsalign: 'center', align: 'center' },
                  { text: 'Ship Date', datafield: 'date', width: 120, align: 'right', cellsalign: 'right', cellsformat: 'd' },
                  { text: 'Quantity', datafield: 'quantity', width: 70, align: 'right', cellsalign: 'right' },
                  { text: 'Price', datafield: 'price', cellsalign: 'right', align: 'right', cellsformat: 'c2' }
                ]
            });
            $("#print").jqxButton();
            $("#filter").jqxButton();

            $("#print").click(function () {
                var gridContent = $("#jqxgrid").jqxGrid('exportdata', 'html');
                var newWindow = window.open('', '', 'width=800, height=500'),
                document = newWindow.document.open(),
                pageContent =
                    '<!DOCTYPE html>\n' +
                    '<html>\n' +
                    '<head>\n' +
                    '<meta charset="utf-8" />\n' +
                    '<title>jQWidgets Grid</title>\n' +
                    '</head>\n' +
                    '<body>\n' + gridContent + '\n</body>\n</html>';
                document.write(pageContent);
                document.close();
                newWindow.print();
            });

            var addfilter = function () {
                var filtergroup = new $.jqx.filter();
                var filter_or_operator = 1;
                var filtervalue = 'Beate';
                var filtercondition = 'contains';
                var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
                filtervalue = 'Andrew';
                filtercondition = 'starts_with';
                var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);

                filtergroup.addfilter(filter_or_operator, filter1);
                filtergroup.addfilter(filter_or_operator, filter2);
                // add the filters.
                $("#jqxgrid").jqxGrid('addfilter', 'firstname', filtergroup);
                // apply the filters.
                $("#jqxgrid").jqxGrid('applyfilters');
            }

            $("#filter").click(function () {
                addfilter();
            });

            $("#jqxToolBar").jqxToolBar({
                width: 850, height: 35, tools: "button | dropdownlist combobox | input",
                initTools: function (type, index, tool, menuToolIninitialization) {
                    switch (index) {
                        case 0:
                            tool.text("printButton");
                            break;
                        case 1:
                            tool.jqxDropDownList({ width: 130, source: ["Affogato", "Breve", "Café Crema"], selectedIndex: 1 });
                            break;
                        case 2:
                            tool.jqxComboBox({ width: 50, source: [8, 9, 10, 11, 12, 14, 16, 18, 20], selectedIndex: 3 });
                            break;
                        case 3:
                            tool.jqxInput({ width: 200, placeHolder: "Type here..." });
                            break;
                    }
                }
            });

            $("button.jqx-toolbar-tool").jqxButton();
            $("button.jqx-toolbar-tool").click(function () {
                var gridContent = $("#jqxgrid").jqxGrid('exportdata', 'html');
                var newWindow = window.open('', '', 'width=800, height=500'),
                document = newWindow.document.open(),
                pageContent =
                    '<!DOCTYPE html>\n' +
                    '<html>\n' +
                    '<head>\n' +
                    '<meta charset="utf-8" />\n' +
                    '<title>jQWidgets Grid</title>\n' +
                    '</head>\n' +
                    '<body>\n' + gridContent + '\n</body>\n</html>';
                document.write(pageContent);
                document.close();
                newWindow.print();
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div id="jqxToolBar">
        </div>
        <div id="jqxgrid"></div>
        <div style='margin-top: 20px;'>
            <div style='margin-left: 10px; float: left;'>
                <input type="button" value="Print" id='print' />
            </div>
            <div style='margin-left: 10px; float: left;'>
                <input type="button" value="Filter" id='filter' />
            </div>
        </div>
    </div>
</body>
</html>

If you would like you can also use print button in grid’s toolbar. Here is an example:

<!DOCTYPE html>
<html lang="en">
<head>
    <title></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/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/jqxcheckbox.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/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.export.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.export.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtoolbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxinput.js"></script>
    <script type="text/javascript" src="generatedata.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // prepare the data
            var data = generatedata(10);
            var source =
            {
                localdata: data,
                datatype: "array",
                datafields:
                [
                    { name: 'firstname', type: 'string' },
                    { name: 'lastname', type: 'string' },
                    { name: 'productname', type: 'string' },
                    { name: 'available', type: 'bool' },
                    { name: 'date', type: 'date' },
                    { name: 'quantity', type: 'number' },
                    { name: 'price', type: 'number' }
                ]
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            // initialize jqxGrid
            $("#jqxgrid").jqxGrid(
            {
                width: 850,
                autoheight: true,
                source: dataAdapter,
                altrows: true,
                sortable: true,
                filterable: true,
                showtoolbar: true,
                selectionmode: 'multiplecellsextended',
                columns: [
                  { text: 'First Name', datafield: 'firstname', width: 120 },
                  { text: 'Last Name', datafield: 'lastname', width: 120 },
                  { text: 'Product', datafield: 'productname', width: 177 },
                  { text: 'Available', datafield: 'available', columntype: 'checkbox', width: 67, cellsalign: 'center', align: 'center' },
                  { text: 'Ship Date', datafield: 'date', width: 120, align: 'right', cellsalign: 'right', cellsformat: 'd' },
                  { text: 'Quantity', datafield: 'quantity', width: 70, align: 'right', cellsalign: 'right' },
                  { text: 'Price', datafield: 'price', cellsalign: 'right', align: 'right', cellsformat: 'c2' }
                ]
            });
            $("#print").jqxButton();
            $("#filter").jqxButton();

            $("#print").click(function () {
                var gridContent = $("#jqxgrid").jqxGrid('exportdata', 'html');
                var newWindow = window.open('', '', 'width=800, height=500'),
                document = newWindow.document.open(),
                pageContent =
                    '<!DOCTYPE html>\n' +
                    '<html>\n' +
                    '<head>\n' +
                    '<meta charset="utf-8" />\n' +
                    '<title>jQWidgets Grid</title>\n' +
                    '</head>\n' +
                    '<body>\n' + gridContent + '\n</body>\n</html>';
                document.write(pageContent);
                document.close();
                newWindow.print();
            });

            var addfilter = function () {
                var filtergroup = new $.jqx.filter();
                var filter_or_operator = 1;
                var filtervalue = 'Beate';
                var filtercondition = 'contains';
                var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
                filtervalue = 'Andrew';
                filtercondition = 'starts_with';
                var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);

                filtergroup.addfilter(filter_or_operator, filter1);
                filtergroup.addfilter(filter_or_operator, filter2);
                // add the filters.
                $("#jqxgrid").jqxGrid('addfilter', 'firstname', filtergroup);
                // apply the filters.
                $("#jqxgrid").jqxGrid('applyfilters');
            }

            $("#filter").click(function () {
                addfilter();
            });

            $('#jqxgrid').jqxGrid({
                rendertoolbar: function (toolbar) {
                    var me = this;
                    var container = $("<div style='margin: 5px;'></div>");
                    var span = $("<span style='float: left; margin-top: 5px; margin-right: 4px;'>Grid's toolbar button: </span>");
                    var button = $("<input id='toolbarButton' type='button' value='toolbarButtonPrint' style='' />");
                    toolbar.append(container);
                    container.append(span);
                    container.append(button);

                    var oldVal = "";
                    button.on('click', function (event) {
                        var gridContent = $("#jqxgrid").jqxGrid('exportdata', 'html');
                        var newWindow = window.open('', '', 'width=800, height=500'),
                        document = newWindow.document.open(),
                        pageContent =
                            '<!DOCTYPE html>\n' +
                            '<html>\n' +
                            '<head>\n' +
                            '<meta charset="utf-8" />\n' +
                            '<title>jQWidgets Grid</title>\n' +
                            '</head>\n' +
                            '<body>\n' + gridContent + '\n</body>\n</html>';
                        document.write(pageContent);
                        document.close();
                        newWindow.print();
                    });
                }
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div id="jqxgrid"></div>
        <div style='margin-top: 20px;'>
            <div style='margin-left: 10px; float: left;'>
                <input type="button" value="Print" id='print' />
            </div>
            <div style='margin-left: 10px; float: left;'>
                <input type="button" value="Filter" id='filter' />
            </div>
        </div>
    </div>
</body>
</html>

Best Regards,
Nadezhda

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

May 8, 2015 at 12:33 pm in reply to: problem when getItems problem when getItems #70853

Nadezhda

Participant

Hello hongthach,

Here is an example which shows how to add item to listbox2 when select it from listbox1 and how to get items in listbox2 after the item is added. I hope it will be helpful to you.

<!DOCTYPE html>
<html lang="en">
<head>
    <title></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/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">
        $(document).ready(function () {
            var source = [
                "Affogato",
                "Americano",
                "Bicerin",
                "Breve",
                "Café Bombón",
                "Café au lait",
                "Caffé Corretto",
                "Café Crema",
                "Caffé Latte",
                "Caffé macchiato",
                "Café mélange",
                "Coffee milk",
                "Cafe mocha",
                "Cappuccino",
                "Carajillo",
                "Cortado",
                "Cuban espresso"
            ];
            var source2 = [
                "Espresso",
                "Eiskaffee",
                "The Flat White",
                "Frappuccino",
            ];

            // Create a jqxListBox
            $("#jqxListBox").jqxListBox({ source: source, width: 200, height: 250 });
            $("#jqxListBox2").jqxListBox({ source: source2, width: 200, height: 250 });
            $("#jqxButton").jqxButton({});
            $('#jqxButton').on('click', function () {
                var item = $("#jqxListBox").jqxListBox('getSelectedItem');
                $("#jqxListBox2").jqxListBox('addItem', item.label);
                var items = $("#jqxListBox2").jqxListBox('getItems');
                var log = "";
                for (var i = 0; i < items.length; i++) {
                    log += items[i].label; 
                    if (i < items.length - 1) log += ', ';
                }
                alert("Items: " + log);
            });
        });
    </script>
</head>
<body>
    <div>
        <div id='jqxListBox' style='float: left;'>
        </div>
        <div id='jqxListBox2' style='float: left; margin-left: 30px;'>
        </div>
    </div>
    <br />
    <div>
        <input style="margin-top: 280px; margin-left: -200px;" type="button" id='jqxButton' value="Button" />
    </div>
</body>
</html>

Best Regards,
Nadezhda

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

May 8, 2015 at 11:32 am in reply to: loaderror function loaderror function #70849

Nadezhda

Participant

Hello Keshavan,

You may try to set different ‘url’ value in ‘loadError’ callback function. Here is an example:

var dataAdapter= new $.jqx.dataAdapter(source, {
        loadComplete: function (records) {
           // initialize jqxGrid
        },
	loadError: function(xhr, status, error)
	{
	    source.url = "../sampledata/beverages.txt";
	}
}
dataAdapter.dataBind();

Best Regards,
Nadezhda

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

May 8, 2015 at 9:32 am in reply to: JqxInput event can't get called JqxInput event can't get called #70844

Nadezhda

Participant

Hi cpuin,

Please, refer to the following jsfiddle.net example which demonstrates that the above example works as expected: http://jsfiddle.net/kk6rvtzp/. I hope it will work on your side.

Best Regards,
Nadezhda

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

May 8, 2015 at 8:24 am in reply to: JqxInput event can't get called JqxInput event can't get called #70836

Nadezhda

Participant

Hello cpuin,

You can find the following example which shows how to set ‘disabled’ property of button based on condition.
Please, take a look at Getting Started and API Documentation help topics first and then post your question in the Forum.

<!DOCTYPE html>
<html lang="en">
<head>
    <title></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/jqxinput.js"></script>
    <script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#company").jqxInput({ height: 25, width: 200, minLength: 1 });
            $("#save").jqxButton({ height: 25, width: 80, disabled: true });
            $("#company").on("change", function () {
                if ($("#company").jqxInput('val').length == 0) {
                    $("#save").jqxButton({ disabled: true });
                }
                else {
                    $("#save").jqxButton({ disabled: false });
                }
            });
        });
    </script>
</head>
<body class='default'>
    <div id='content'>
        <input type="text" id="company" />
        <input type="button" id="save" value="Save" />
    </div>
</body>
</html>

Best Regards,
Nadezhda

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

May 8, 2015 at 7:22 am in reply to: closeAnimationDuration Apply to Modal Background? closeAnimationDuration Apply to Modal Background? #70831

Nadezhda

Participant

Hello aoverton07,

Thank you for your feedback. We will consider implementing ‘closeAnimationDuration’ property to modal window in a future version of jQWidgets.

Best Regards,
Nadezhda

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

Author

Posts

Viewing 15 posts - 16 through 30 (of 785 total)

← 1 2 3 … 53 →