[kuberasamratParticipant]

Hi Dimitar,

In the above example. I have made some modifications. I got bizarre results. Could you please fix that issue for me.

1) I have added: Checkboxes: true. It means listbox will be a multi-select.

2) On button click list box appears. I would like to close list box on clicking anywhere.
so I added
$(“html”).click(function(){
$(“#jqxlistbox”).css(‘display’,’none’);
});

Now when ever I click checkboxes, they get selected(multiple) and on clicking anywhere it is closing.

Issue : Instead of clicking checkboxes, we can also click the text such that it will be selected. But here on clicking the text, it is getting selected but it is closing. To select other option I need to click the button again. I need to overcome this situation.

[kuberasamratParticipant]

Peter,

Problem Statement:

I am using autosavestate and autoloadstate as true.

If I move to page:1 to 2 and modify page size 10 to 20 and then refresh the page. Data is coming from the back end but it is not rendering in the UI. and hungs up the grid. on repeated refreshes also its not working.

[kuberasamratParticipant]

Peter,

Can you be more precise on what needs to be done.

[kuberasamratParticipant]

Hi Peter,

Could you help us in overcoming this kind of situation. Atleast can we have scrollbar for rowdetails area?

[kuberasamratParticipant]

Peter,

Problem Statement:

Reference: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm?(classic)#demos/jqxgrid/hideshowcolumns.htm

I have done below modifications to the example:

1) Used jqxdropdown with checkboxes instead of listbox.

2) Used autosavestate and autoloadstate for grid.

I have hidden several columns. When I get back to the page after refreshing or from different page, I am able to persist my settings in the grid.

But I am not able to persist status of checkboxes.

[kuberasamratParticipant]

Peter,

Now, we are able to use checkboxes in dropdownlist. Can we save the status of the list which are checked/unchecked in the cookies. If so please let me know how to do.

[kuberasamratParticipant]

Hi,

I used sortable false (we are using JQWidgets 2.7) for the particular column, but still i’m getting the sortable drop down it is unnecessary and it is affecting my functionality also (functional check box is hidden). Can you please drive me to the right path?

$(document).ready(function () {
           var url = "../sampledata/orders.xml";
           // prepare the data
           var source =
           {
               datatype: "xml",
               datafields: [
                   { name: 'ShippedDate', map: 'm\\:properties>d\\:ShippedDate', type: 'date' },
                   { name: 'Freight', map: 'm\\:properties>d\\:Freight', type: 'float' },
                   { name: 'ShipName', map: 'm\\:properties>d\\:ShipName', type: 'string' },
                   { name: 'ShipAddress', map: 'm\\:properties>d\\:ShipAddress', type: 'string' },
                   { name: 'ShipCity', map: 'm\\:properties>d\\:ShipCity', type: 'string' },
                   { name: 'ShipCountry', map: 'm\\:properties>d\\:ShipCountry', type: 'string' }
               ],
               root: "entry",
               record: "content",
               id: 'm\\:properties>d\\:OrderID',
               url: url,
               sortcolumn: 'ShipName',
               sortdirection: 'asc'
           };
           var dataAdapter = new $.jqx.dataAdapter(source);
           // create jqxgrid.
           $("#jqxgrid").jqxGrid(
           {
               width: 670,
               height: 450,
               source: dataAdapter,
               sortable: true,
               altrows: true,
               columns: [
                 { text: 'Ship Name', datafield: 'ShipName', width: 250,sortable:false },
                 { text: 'Shipped Date', datafield: 'ShippedDate', width: 100, cellsformat: 'yyyy-MM-dd' },
                 { text: 'Freight', datafield: 'Freight', width: 80, cellsformat: 'F2', cellsalign: 'right' },
                 { text: 'Ship Address', datafield: 'ShipAddress', width: 350 },
                 { text: 'Ship City', datafield: 'ShipCity', width: 100 },
                 { text: 'Ship Country', datafield: 'ShipCountry', width: 101 }
               ]
           });            
       });

[kuberasamratParticipant]

Hi Peter Stoev,

The Custom Rows selection demo. It works as expected.

Accept it, See the checking the checkbox code added in the celledit method, so whenever i move it to the next page checkbox shown as indeterminant format. I have not selected any data in the grid but why it is showing indeterminent format?

https://www.dropbox.com/s/xce3922bda06lfd/Issue3.PNG

[kuberasamratParticipant]

Hi Peter,

Can we store the settings in db and retrieve back. If so how to do?

[kuberasamratParticipant]

Hi Peter,

I have used word-wrap. Now I have removed it and it is working perfect.

Thanks,
Kuberasamrat

[kuberasamratParticipant]

Hi Peter,
I have encountered a different issue regarding autorowheight. Forgive me for spamming this topic.I have used autorowheight and autoheight. When I use mouse wheel on top of grid cells, the height of the cells are increasing continously.
Version 2.7.

FYI: I am using images in the columns through cellsrenderer

[kuberasamratParticipant]

Hi Peter,

I have tried Save/Load state sample.

I felt it was not working as intended to.

Step1) Default View
Ship Name Ship City Ship Country

Step 2) I have changed the columns order and clicked save state.

Ship City Ship Name Ship Country

Step 3)
Refreshed the browser

got into default view

Step 4) Clicked load state button
Ship City Ship Country Ship Name

Step 5)
Clicked load state button
Ship City Ship Name Ship Country
(equal to Step2)

But in step 4 itself it has to load the required state. Please check. Lets say these are working perfect. Why autoloadstate and autosave state are not working?

[kuberasamratParticipant]

 $(document).ready(function () {
            var theme = getDemoTheme();
            var url = "../sampledata/beverages.txt";
            // prepare the data
            var source =
            {
                datatype: "json",
                datafields: [
                    { name: 'name' },
                    { name: 'type' },
                    { name: 'calories', type: 'int' },
                    { name: 'totalfat' },
                    { name: 'protein' }
                ],
                id: 'id',
                url: url
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            $("#jqxgrid").jqxGrid(
            {
                width: 670,
                source: dataAdapter,
                theme: theme,
                columnsresize: true,
                columnsreorder: true,
				autosavestate:true,
				autoloadstate:true,
                columns: [
                  { text: 'Name', datafield: 'name', width: 200 },
                  { text: 'Beverage Type', datafield: 'type', width: 200 },
                  { text: 'Calories', datafield: 'calories', width: 100 },
                  { text: 'Total Fat', datafield: 'totalfat'}
                ]
            });
            // trigger the columnreordered event.
            $("#jqxgrid").on('columnreordered', function (event) {
                var column = event.args.columntext;
                var newindex = event.args.newindex
                var oldindex = event.args.oldindex;
                $("#eventlog").text("Column: " + column + ", " + "New Index: " + newindex + ", Old Index: " + oldindex);
            });
        });

I have taken the columns reordering example from your jqwidgets2.7 version and added autosavestate and autoloadstate properties “storage header file” and verified. but it is not working.

[kuberasamratParticipant]

Hi Peter,

I am using Version 2.6

[kuberasamratParticipant]

Hi Peter,

Now we are able to do the following things using autosavestate and autoloadstate properties. But I am not able to save the state of column reorder functionality. Can we save that property or not? If yes please provide me the solution.

[Author]

Posts