Toggle State

[sitefinitysteve]

Ok, so ...

1. JSON is returned
2. Grid or list is populated
3. jQuery Click events are wired up to each of those items in the list to toggle a splitter pane

...how does one expand said splitter pane.  The examples show wiring it all up when the splitter is created.  How do you call it independently?

[Alex Gyoshev]

Hello Steve,

If I understand correctly, you want to expand and collapse panes dynamically. If that is so, you can use the expand() and collapse() methods of the splitter object, like so:

$("#mySplitter").data("kendoSplitter").expand(".t-pane:eq(0)")

Any jQuery selector or DOM element that points to a pane can be used as an argument.

Best wishes,
Alex Gyoshev
the Telerik team

[sitefinitysteve]

Works great, although with this definition:

//Left, Right, Details

                      $("#horizontal-master").kendoSplitter({

                                                                panes: [

                                                                    { collapsible: false, resizable: false, size: "240px" },

                                                                    { collapsible: false, resizable: false },

                                                                    { collapsible: true, resizable: false, collapsed: true, size: "454px"}

                                                                ]

                                                            });

...the 3rd pane IS resizable...
**USING THE NEW VERSION YOU GUYS POSTED**

[Alex Gyoshev]

Hi Steve,

Thanks, fixed. Here's a full build, as you asked yesterday.

Best wishes,
Alex Gyoshev
the Telerik team