[PietervkParticipant]

I found a way to do this. When the slider has already been changed I put a ‘slider-init’ class on the <fieldset> element that I have surrounding the slider.

Then on document ready, I execute this code to add the ‘slider-set’ class to the changed sliders:

 setTimeout(
        function () { // Once the page is generated, find any sliders that have already been done and mark them as done
            $('.slider-init').find('div.jqx-slider-slider').each(function() {
                $(this).addClass('slider-set');
            });
        },
       1000);

There is a timeout, to ensure that the slider script has been executed. Not sure if this is the best way, but it works.

[PietervkParticipant]

Never mind, it was in my CSS

[PietervkParticipant]

Many thx!

[PietervkParticipant]

Hi Peter,
with CSS does not work.
The width property is an Int, so 80 means 80px I presume, not 80%. The slider has all kind of divs, where the size is fixed, and it seems calculated based on the overall size.

To make it a percentage, I assume you have to get the browser size, then calculate the width and use that.

Thanks

Pieter

[PietervkParticipant]

I see the interface has more functionality compared to where I got the example from. It can be simplified to:

var cellActiveEpdclass =  function (row,column, value, data) {
//highlight when the api has retrieved a finished result or doc
if (row === -1) return "";
if (data.Finished && data.Epd) {
return "jqx-checkbox-green-checked";
}
return "";
};

[PietervkParticipant]

Often asking the question precisely leads to the answer

I needed to change the css to:
.jqx-checkbox-green-checked .jqx-checkbox-check-checked {
background: transparent url(images/check_green.png) center center no-repeat !important;
}

[PietervkParticipant]

Hi Hristo,
I am using the jQuery version, could that be different?

Before creating the example, can you confirm that autosavestate should create an entry in Local Storage after changing the sort or filter?

[PietervkParticipant]

Hi Hristo,
thanks for that. I am using virtual mode. Does autoloadstate/autosavestate work with virtual mode? I tried it in my solution, but the state is not saved after sorting or filtering.

Pieter

[PietervkParticipant]

Thanks, it works!

[PietervkParticipant]

Thanks Peter, I have subscribed to that issue.

Pieter

[PietervkParticipant]

Hi Peter,
Yes it has: <script type=”text/javascript” src=”https://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.js”></script>

This is the list I use in my own project.
“jq/jqxcore.js”,
“jq/jqxbuttons.js”,
“jq/jqxdropdownlist.js”,
“jq/jqxdatetimeinput.js”,
“jq/jqxcalendar.js”,
“jq/jqxgrid.js”,
“jq/jqxgrid.pager.js”,
“jq/jqxgrid.selection.js”,
“jq/jqxgrid.sort.js”,
“jq/jqxgrid.filter.js”,
“jq/jqxgrid.columnsresize.js”,
“jq/jqxdata.js”,
“jq/jqxcheckbox.js”,
“jq/jqxmenu.js”,
“jq/jqxlistbox.js”,
“jq/jqxscrollbar.js”,
“jq/jqxtooltip.js”,
“jq/jqxtabs.js”,
“jq/jqxexpander.js”,
“jq/jqxdragdrop.js”,
“jq/jqxcombobox.js”,
“jq/globalize.js”,
“jq/globalize.culture.nl-NL.js”

Thanks,
Pieter

[PietervkParticipant]

Hi Peter,
thanks for your help. The filtering is executed on the server. But the problem is in the filtering datetimeinput of the grid itself. Pressing the hamburger menu of the grid datetime column, and selecting a date, to filter works. But when I click it again to change the date, it shows the date in US notation, so with month and day reversed compared to NL notation.

I have modified a demo to show the effect here: https://jsfiddle.net/petitbarzun/L8f5m6ru/
Filter on the order date. When you sort descending, and then filter on less than 3-9-2019, notice you get the dates as expected. When you click on the hamburger menu on the column again, notice that the date has changed to 9-3-2019. If you now click filter again, notice that the new date gets applied as the filter. If you select a day > 12, for example 21-9-2019, filter and click the menu again, you now get NaN-NaN-0NaN as date.

Kind regards

Pieter

[PietervkParticipant]

Hi Peter,
many thanks.

Pieter

[PietervkParticipant]

Thanks Hristo,
this looks like what I want, except that I want to only show the checkboxes when the user starts the bulk delete action. Also the solution is rather complex to maintain.

I still suggest this for standard behavior of the grid with selectionmode=checkbox, or at least an option on the column checkbox setting “ColumnCheckBoxPageOnly=True” or something like that. Alternatively have a new selectionmode, selectionmode=checkboxpageonly. Can you suggest this to the development team?

Pieter

[PietervkParticipant]

The solution mentioned does not work in my case, I want to dynamically switch to the checkbox mode when deleting items.

To be honest, I think there is nothing philosophical about UI design. When you use the checkbox to enable deletion, it should not delete everything. Perhaps there are other use cases where you want that, although I find it hard to find one.

[Author]

Posts