[dan123Participant]

Hi Hristo, You gave me an idea. I tried to put the button similar to the way the custom checkbox was rendered. It works but I cannot toggle the text from “ALL” TO “None”

jsfiddle:
https://jsfiddle.net/evL5pk6e/285/

[dan123Participant]

Weird in mine does nothing. Just freezes the grid

[dan123Participant]

Hi Hristo, I tried using the “rendered” property on the second grid in tab “Profile”. It seems to work but when I added in rowdetails to this grid, now the entire grid freezes up. I also tried the bindingcomplete function event, and still the jqxbutton lost its property. I have reduced the code so its simpler now.

Test by just clicking the submit button
JSfiddle
https://jsfiddle.net/evL5pk6e/211/

[dan123Participant]

Hi Hristo, the jqxbutton2 loses its property. I tried what you said about the bindingcomplete event and the jqxbutton still lost its property:
$(“#ordersGrid”).on(“bindingcomplete”, function (event) {
$(“#jqxButton2”).jqxToggleButton({ width: 40, toggled: true });
});

fiddle:
https://jsfiddle.net/evL5pk6e/43/

[dan123Participant]

Hi Hristo I figured it out. One last thing I need help on is that.

I have 2 grid, one on each tab. Both the grid have a columngroup renderer with a button and there is a submit button on the Home tab.
Whenever I click on the “Submit” button It would just do source update on the other grid in the tab “Profile”. Now notice the columngroup renderer with the button for this grid in the “Profile” tab, it loses the jqxbutton property. .

You will notice the problem by just clicking on the “Submit button” and try toggle to the “Profile” tab. The second grid with the columngroup renderer that has the button loses its jqxbutton property.

Here is my jsfiddle:
https://jsfiddle.net/evL5pk6e/35/

[dan123Participant]

Hi Hristo. Sorry about I want the toggle button to select all rows in all pages. And the checkbox header will still keep the single page selection

[dan123Participant]

Did you declare it like this:
$(“#jqxgrid”).jqxGrid(
{
localization:{
emptydatastring: $(“.jqx-grid-empty-cell span”).html(“Custom no data to display message.“),
}
});

[dan123Participant]

I figured it out

[dan123Participant]

Basically when I select “Select All” it will show that in the value in the dropdown and all other items will be checked.

[dan123Participant]

Hi thanks Hristo, I think i wrote the explaination incorrectly, Whenever I select “Select All” the dropdown will show in text as “Select All” and the the rest of the items in the dropdown will be checked. Also maintaining the threestatecheckbox.

If in the dropdown i checked the “Select All”, and When I deselect any items from the dropdown it will show the remaining items that were checked like Affogato, Americano, Bicerin, etc.

Here is your jsfiddle
http://jsfiddle.net/3coLkbd3/3/

[dan123Participant]

Yes when I press the button for that row, it will bring the details for that row.

[dan123Participant]

Yes hristo

[dan123Participant]

Could use help on this?

[dan123Participant]

Hey Hristo, i tried the rowselect event but nothing selects.
http://jsfiddle.net/8198ykLv/6/

[dan123Participant]

Hi Hristo, I was able to implement the second level grid with unique records. But the third level is having the same records.

So right now its doing like this:
Row 1: Bakery
Row 2: Pizzastore

Second Level nest: Good, all rows are unique. but when you try to expand its has same results as Pizzastore.

Third Level nest: Bad, the rows are not unique.
Row 1: Bakery: Third level showing records: index–>0
Ryan
Wai

index–>1
Leo
Bryant

Row 2: Pizzastore: Third level also showing records: index–>0
Ryan
Wai

index–>1
Leo
Bryant

Please help here is my jsfiddle:
http://jsfiddle.net/9hg0vffm/33/

[Author]

Posts