[supun151515Participant]

Hello Stanislav,
Thank you for your reply. I have tried your example. As per your example, I typed caf combobox should dropdown and show only matching items `
“Café Bombón”,
“Café au lait”,
“Caffé Corretto”,
“Café Crema”,
“Caffé Latte” `

I don’t expect searchMode:’endswith’
Hope you understand my explanation.
Thank You,
Supun Silva

[supun151515Participant]

Hello Stanislav,
Thank you for your reply. I didn’t ask you a question. I explained a bug in JWQXWIDGETS. It is very simple explanation and need a bug fix other than giving workaround answers.
Please pay your high priority on bug fixing…People will happy to buy bug less widgets (including me). My site is still on demo, Once I start the business, I will buy a license.

Thank You,
Supun

[supun151515Participant]

Dear Peter Stoev,
Please kindly look into my issue, since I am searching a solution from months. Hope to hear a positive answer
My Post

Thank You,
Supun

[supun151515Participant]

Hello Stanislav,
Thank you for your reply since this forum is giving 1 reply per day!. I am trying to find answer for my above problem. It’s been very long time I did not find the solution. So I have decided to reopen the issue with developers attention.
Please kindly let me know, If you are working on above issue to be solved. So I can wait for your response. Till now no one has acknowledge the issue.

Hope you will give a straight answer before next day!!!

Thank You,
Supun

[supun151515Participant]

Hi Hristo,
Thank you for your reply. I did not understand what you are trying to say..

Could you try the mentioned from me changes?
Thank you for the understanding.

Please kindly find a solution for me. Hope you will not ask for more clarification.

Thank You,
Supun

[supun151515Participant]

Hi Hristo,
Did you see the error with my online example?

Did you see my last post? Forget about all previous examples. Just look at into very little example expose the problem nicely.
Latest project with AJAX and PHP sleep(5)

[supun151515Participant]

Hello again,
To make you more clear, I have made very simple project. When we select a row from a Drop Down Grid, event will call $.ajax to simple php file which sleeps for 5 seconds

This is perfect example to understand. I really wonder still you didn’t reconstruct my issue.
Very simple ajax with sleep(5)
Thank You,
Supun

[supun151515Participant]

Hi Hristo,
Thank you very much for your handout with my issue. Hope you had a great weekend!
I am not able to try it with your jsfiddle since it doesn’t link to any of ajax requests. As I explained you earlier, JQXWidgets have sume bugs while doing ajax requests.
You can see the exact project with linking dependencies to publip CDN(public CDN support)
This is the link to my online project which I have sent you the complete code

Please check for me and find a solution.
Thank You,
Supun

[supun151515Participant]

Hi Hristo,
I really appreciate your time concerning my issue.
Did you experience the same issue working with AJAX request(s)?

I have given you the full project. You can see all the files including php.
I guess there is a problem with AJAX request(s). JqxWidgets has sum issues when retrieving data from PHP. Please look into that. Full project in your hand. So you can look into that issue.
As I figure out the issue, When we set async:false, the issue raises. When we make async:true, it is working fine.

datatype: "json",
 id: 'ID',
 type:'POST',
 async:false 

But I need it to be async:false. because program should not run the second ajax request until the first one finish.
Thank you,
Supun

[supun151515Participant]

Hi again Hristo,
I am using jQWidgets v5.3.2 (2017-Sep) jqx-all.js
Firefox 56.0 (64 bit)
<script src=”https://code.jquery.com/jquery-2.2.4.min.js” integrity=”sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=” crossorigin=”anonymous”></script>
For your reference, I will give you small screen record in my laptop. In the video you can see the issue very clear.
I don’t use any mouse event
Screen captured video

Thank You,
Supun

[supun151515Participant]

Hello Hristo,
I really appreciate your concern about my issue.
Latest Updated PHP Project with SQL database

1. Goto phpmyadmin and create new database; then execute myProject>test.sql
2. open db.php and give your host, database name, username password
3. open Index.php and replace below files locations as per your server location

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<link href="../../css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="../../css/jqx/jqx.base.css" rel="stylesheet" type="text/css">
<script src="../../js/jqx-all.js"></script>
<script src="receipt_list.js"></script>
<script src="invoice_list.js"></script>

4. Done, Open index.php in your browser
Select a row from top grid. Then without pressing anything(not even mouse button), move your mouse cursor around HTML body of the page. You will see Body text is highlighting and selecting.
This is just the beginning, When I have 2-3 ajax requests on row select event, Grid’s selected row may change on mouse click near to the grid.(See the screenshots on first comment)

Hope you will find a solution..

Thank you again!!
Supun

[supun151515Participant]

Hello Hristo,

After a long period of time, I have made a small demonstration. You can download and run it on your server. You have to select the JQX dropdown grid for 3 to 6 times then you will see below content of the page will highlight in blue color. that is the error.

This is only happening with Firefox only. Google chrome it is working fine.
But I use only firefox.
I hope, you will find the issue and correct it.
Demo files
https://drive.google.com/file/d/0B8hxf2sVx0oARmRSYlFDTFJJZzQ/view?usp=sharing

Thank You,
Supun

[supun151515Participant]

Hi Peter,
Thank you for your acknowledgement. As I can see, when we export data, it will redirect all of our data to your server [https://jquerygrid.net/export_server/dataexport.php]. It is not a good practice since our data will be shared with your serves. It is a big risk for our data. I suggest you to keep that dataexport.php on our servers.

Our in the sense, Your Clients

Hope you will understand the risk
Thank You,
Supun

[supun151515Participant]

Hi Hristo,
I got it… Thank you very much for your kind support.

Regards,
Supun

[supun151515Participant]

Hi Hristo,
Thank you for your reply. I have corrected below;

   $("#client_button").jqxDropDownButton('setContent', dropDownContent);
    $('#client_grid').jqxGrid('clearselection');

There is no error message(not even in console). But I figured it out the issue.
When I call one of these methods `
Arrival_List(row[‘client_code’]);
DetentionList(row[‘client_code’]);
InvoiceList(row[‘client_code’]);` it is happening this issue.

Here is the Arrival_List(row[‘client_code’]);

function Arrival_List(ClientCode){
var source_ports;
var dataAdapter_ports; 

           var data = "arrival_list.php";
           var theme = "";         
            source_ports =
                {
                    datatype: "json",
                    datafields: [
                        { name: 'ID' },
                        { name: 'arrival_no' },
                        { name: 'client_name' }

                    ],
                 url: data,
                 type: 'POST',
                 async:false,
                 data:{client_code:ClientCode},
                };
                dataAdapter_ports = new $.jqx.dataAdapter(source_ports);
                // Create a jqxComboBox
                $("#arrival_list").jqxComboBox({ checkboxes: true, source: dataAdapter_ports, displayMember: "arrival_no", valueMember: "arrival_no", width: 250, height: 25});
              //  $("#arrival_list").jqxComboBox('checkIndex', 0);
                
                $("#arrival_list").on('checkChange', function (event) {
                  var invoice_list = $("#invoice_list_data").text();
                  var detention_list = $("#detention_list_data").text();
                  var parseData;
                  if(invoice_list != '' || detention_list != ''){
                    $("#arrival_list").jqxComboBox('uncheckAll'); 
                    alertify.error("You are not allowed to use multiple invoice types at same receipt");
                    return false;
                  }
                    var items = $("#arrival_list").jqxComboBox('getCheckedItems');
                    var checkedItems = "";
                    $.each(items, function (index) {
                      checkedItems += this.label + ", ";                          
                    });
                    $("#arrival_list_data").html(checkedItems);
                    checkedItems = checkedItems.replace(/,\s*$/, "");
                    var client_code = $("#client_code").val();
                    $.ajax({url:'client_avl_bal_local.php', type:'POST', async:false, data:{arrival:'1', arrival_list:checkedItems, client_code:client_code}, success: function(data){
                          
                          try{
                            parseData = JSON.parse(data);
                            $("#tot_amount").val(parseData[0]);
                            $("#paying").val(parseData[0]);
                          }catch(err){
                            alertify.error(data);
                            $("#arrival_list").jqxComboBox('uncheckAll');
                          } 
                    }});
                });

               // $("#arrival_list").jqxComboBox('uncheckAll');
                $("#arrival_list").jqxComboBox('clearSelection');

}

I think it happens when we call more than one jqx component to the page.

Hope you will find a solution on that

[Author]

Posts