Efektivni plugin pro stromovy multiselect?

Petr Jirásek

(1 hodnocení)

1. 9. 2011 17:34:23

Zdravim,

hledam nejaky jquery plugin, ktery by zprijemnil praci ve formulari, s multiselectem.

Jde o to, ze mam seznam o dvou urovnich, prakticky ve tvaru:

Title 1

- Subtitle 1

- SUbtitle 2

Title 2

- Subtitle 1

- Subtitle 2

Snazil jsem se skutecne najit nejaky plugin sam, ale vse co jsem nasel a nebylo toho malo, pro me ucely pusobilo nepouzitelne. Ocekavam totiz, ze v seznamu casem bude skutecne mnoho polozek a tak by se mi vyplatilo najit nejaky plugin, ktery by jen udelal nejaky vypis, treba nejaky checkbox strom ve tvaru:

Title 1

Title 2

A pak pouze pri rozkliku by se objevila druha uroven, kde by se proste oznacily dane polozky.

Proto se chci obratit na Vas, zda nekdo z Vas neco takoveho nezna, protoze ja uz toho prosel skutecne moc a zacinam pochybovat o tom, ze snad neco takoveho je:)))

Predem diky za podnety.

1. 9. 2011 17:34:23

https://webtrh.cz/diskuse/efektivni-plugin-pro-stromovy-multiselect#reply673038

800XE

(8 hodnocení)

1. 9. 2011 17:41:03

Za dobu strávenou hledáním pluginu už jsi to mohl mít napsaný ;-).

---------- Příspěvek doplněn 01.09.2011 v 18:35 ----------

<!doctype html><html>    <head>        <title>            Test        </title>        <meta charset="utf-8">        <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>        <script>            $(function() {                $('.multiCheckbox').each(function() {                    $(this)                        .find('input')                        .prop('checked', false)                        .end()                        .find('> input')                        .change(function() {                            var                                $title = $(this),                                state = $title.is(':checked');                            $title                                .nextAll()                                .eq(1)                                .toggle(state)                                .find('input')                                .prop('checked', state);                        })                        .end()                        .find('div input')                        .change(function() {                            var                                $option = $(this)                                state = !!$option                                    .siblings()                                    .filter(':checked')                                    .length;                            $option                                .parent()                                .toggle(state)                                .prevAll()                                .eq(1)                                .prop('checked', state);                        });                });            });        </script>        <style>            .multiCheckbox > div {                display: none;                padding-left: 20px;            }        </style>    </head>    <body>        <form>            <div class="multiCheckbox">                <input                    type="checkbox"                    value="Titulek 1"                />                Titulek 1<br />                <div>                    <input                        type="checkbox"                        name="title1"                        value="Volba 1"                    />                    Volba 1<br />                    <input                        type="checkbox"                        name="title1"                        value="Volba 2"                    />                    Volba 2<br />                    <input                        type="checkbox"                        name="title1"                        value="Volba 3"                    />                    Volba 3<br />                    <input                        type="checkbox"                        name="title1"                        value="Volba 4"                    />                    Volba 4<br />                </div>                <input                    type="checkbox"                    value="Titulek 2"                />                Titulek 2<br />                                <div>                    <input                        type="checkbox"                        name="title2"                        value="Volba 1"                    />                    Volba 1<br />                    <input                        type="checkbox"                        name="title2"                        value="Volba 2"                    />                    Volba 2<br />                    <input                        type="checkbox"                        name="title2"                        value="Volba 3"                    />                    Volba 3<br />                    <input                        type="checkbox"                        name="title2"                        value="Volba 4"                    />                    Volba 4<br />                </div>            </div>        </form>    </body></html>

1. 9. 2011 17:41:03