Forum Replies Created

Viewing 15 posts - 16 through 30 (of 60 total)
  • Author
    Posts
  • in reply to: jqxLoader position. jqxLoader position. #77954

    nico86
    Participant

    Thanks


    nico86
    Participant

    ok it is work fine now, but i thinks by default the correct way into jqxbase.css must be
    background-image: url(“images/loader.gif”);
    instead of
    background-image: url(“../../jqwidgets/styles/images/loader.gif”);

    thanks

    PS : it is ok with 3.9.1 but me i was with 3.9.0 version. Sorry

    in reply to: Expand grid into jqwindows Expand grid into jqwindows #77788

    nico86
    Participant

    Thanks a lot , it’s work fine !

    in reply to: grid and buttonclick grid and buttonclick #75842

    nico86
    Participant

    Thanks for your response, i know that isn’t jqxgrid support but have you any idea of the good way for my problem.


    nico86
    Participant

    sorry i found that the option enabletooltips: false is enable now for each column declaration


    nico86
    Participant

    and today with the last release, is there the same issue ?, is there a workaround ? It would be a nice functionality

    thanks


    nico86
    Participant

    sorry, it s good for me

    Thanks


    nico86
    Participant

    I try this but it doesn’t match : `if (value==”NEW” && cell.value==”TO BE DISCUSSED”) {
    return { result: false, message: “New value cant be NEW if old value is equal to TO BE DISCUSSED” };
    } `

    could you show me a litle example

    Thanks

    in reply to: problem problem #71407

    nico86
    Participant

    YES !! it seems to me ok with this option, but I can not find documentation on this option ?

    I continue my test this version 3.8 with IE8 , it’s normal that you renamed the topic title.

    Thanks

    in reply to: problem problem #71390

    nico86
    Participant

    on my project in my compagny I have the items in the source and the problems are the same

    Thanks

    in reply to: problem problem #71279

    nico86
    Participant

    Hi,
    I need to make one example.

    I have used your demo file cellediting.html, and i just add four columns (a,b,c,d,e)
    when I scroll to the right, missing columns (availaible , quantity , price , date)

    Capture1

    then when i scroll to left the colums a, b, c, d, e have become blank.

    Capture2

    Thanks.

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title id='Description'>In order to enter in edit mode, select a grid cell and start typing, "Click" or press the "F2" key. You 
        can also navigate through the cells using the keyboard arrows or with the "Tab" and "Shift + Tab" key combinations. To cancel the cell editing, press the "Esc" key. To save
        the changes press the "Enter" key or select another Grid cell. Pressing the 'Space' key when a checkbox cell is selected will toggle the check state.</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.edit.js"></script>  
        <script type="text/javascript" src="../../jqwidgets/jqxgrid.selection.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/jqxcheckbox.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxnumberinput.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script>
        <script type="text/javascript" src="../../jqwidgets/globalization/globalize.js"></script>
        <script type="text/javascript" src="../../scripts/demos.js"></script>
        <script type="text/javascript" src="generatedata.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                // prepare the data
                var data = generatedata(200);
                var source =
                {
                    localdata: data,
                    datatype: "array",
                    updaterow: function (rowid, rowdata, commit) {
                        // synchronize with the server - send update command
                        // call commit with parameter true if the synchronization with the server is successful 
                        // and with parameter false if the synchronization failder.
                        commit(true);
                    },
                    datafields:
                    [
                        { name: 'a', type: 'string' },
                        { name: 'b', type: 'string' },
                        { name: 'c', type: 'string' },
                        { name: 'd', type: 'string' },
                        { name: 'e', type: 'string' },
                        { name: 'firstname', type: 'string' },
                        { name: 'lastname', type: 'string' },
                        { name: 'productname', type: 'string' },
                        { name: 'available', type: 'bool' },
                        { name: 'quantity', type: 'number' },
                        { name: 'price', type: 'number' },
                        { name: 'date', type: 'date' }
                    ]
                };
                var dataAdapter = new $.jqx.dataAdapter(source);
                // initialize jqxGrid
                $("#jqxgrid").jqxGrid(
                {
                    width: 850,
                    source: dataAdapter,
                    editable: true,
                    enabletooltips: true,
                    selectionmode: 'multiplecellsadvanced',
                    columns: [
                      { text: 'a', columntype: 'textbox', datafield: 'a', width: 120 },
                      { text: 'b', columntype: 'textbox', datafield: 'b', width: 120 },
                      { text: 'c', columntype: 'textbox', datafield: 'c', width: 120 },
                      { text: 'd', columntype: 'textbox', datafield: 'd', width: 120 },
                      { text: 'e', columntype: 'textbox', datafield: 'e', width: 120 },
                      
                      { text: 'First Name', columntype: 'textbox', datafield: 'firstname', width: 120 },
                      { text: 'Last Name', datafield: 'lastname', columntype: 'textbox', width: 120 },
                      { text: 'Product', columntype: 'dropdownlist', datafield: 'productname', width: 195 },
                      { text: 'Available', datafield: 'available', columntype: 'checkbox', width: 67 },
                      {
                          text: 'Ship Date', datafield: 'date', columntype: 'datetimeinput', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'd',
                      validation: function (cell, value) {
                              if (value == "")
                                 return true;
                              var year = value.getFullYear();
                              if (year >= 2015) {
                                  return { result: false, message: "Ship Date should be before 1/1/2015" };
                              }
                              return true;
                          }
                      },
                      {
                          text: 'Quantity', datafield: 'quantity', width: 70, align: 'right', cellsalign: 'right', columntype: 'numberinput',
                          validation: function (cell, value) {
                              if (value < 0 || value > 150) {
                                  return { result: false, message: "Quantity should be in the 0-150 interval" };
                              }
                              return true;
                          },
                          createeditor: function (row, cellvalue, editor) {
                              editor.jqxNumberInput({ decimalDigits: 0, digits: 3 });
                          }
                      },
                      { text: 'Price', datafield: 'price', align: 'right', cellsalign: 'right', cellsformat: 'c2', columntype: 'numberinput',
                          validation: function (cell, value) {
                              if (value < 0 || value > 15) {
                                  return { result: false, message: "Price should be in the 0-15 interval" };
                              }
                              return true;
                          },
                          createeditor: function (row, cellvalue, editor) {
                              editor.jqxNumberInput({ digits: 3 });
                          }
                      }
                    ]
                });
                // events
                $("#jqxgrid").on('cellbeginedit', function (event) {
                    var args = event.args;
                    $("#cellbegineditevent").text("Event Type: cellbeginedit, Column: " + args.datafield + ", Row: " + (1 + args.rowindex) + ", Value: " + args.value);
                });
                $("#jqxgrid").on('cellendedit', function (event) {
                    var args = event.args;
                    $("#cellendeditevent").text("Event Type: cellendedit, Column: " + args.datafield + ", Row: " + (1 + args.rowindex) + ", Value: " + args.value);
                });
            });
        </script>
    </head>
    <body class='default'>
        <div id='jqxWidget'>
            <div id="jqxgrid"></div>
            <div style="font-size: 12px; font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; margin-top: 30px;">
                <div id="cellbegineditevent"></div>
                <div style="margin-top: 10px;" id="cellendeditevent"></div>
           </div>
        </div>
    </body>
    </html>
    in reply to: problem problem #71238

    nico86
    Participant

    Hi,
    Sometimes, when i navigate into my large grid, I have a new problem with IE 8 (with IE8 borwser mode and IE document mode)
    Some columns are not displayed and i have a javascript problem (see screen below)

    Does parentNode use into jqxgrid is compatible with IE8 ?

    Capture

    thanks

    Nicolas.

    in reply to: problem problem #70994

    nico86
    Participant

    thanks, i succeed in turn off this option. it was “compatibility mode for intranet sites”

    in reply to: problem problem #70980

    nico86
    Participant

    all demo from jqxdropdownlist have the same problem, i dont know if IE8 is in quirks mode but how to fix it ?
    Thanks

    in reply to: problem problem #70967

    nico86
    Participant

    I have tried jqxdropdownlist.js instead of from 3.7.1 into 3.8 and all work fine, what is the difference. ?

    thanks.

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