Carregar dinamicamente do banco e montar um treeview no cshtml n�o estou conseguindo

11/09/2014

� o seguinte. N�o estou conseguindo os resultados satisfat�rios na montagem de uma arvore usando checkbox como em um treeview. Bem, quando coloco os dados fixos funciona muito bem. Mas quando trago os dados do BD, a� que complica, ou seja, n�o funciona. A l�gica � a seguinte para entenderem. Tenho alguns dados chaves, vindos do bando, que s�o: MOTIVO, UNIDADE_NEG�CIO, FAMILIA e claro o produto(tudo medicamentos). Existe uma LINQ que me traz essas informa��es para eu montar a �rvore. Essa LINQ, por enquanto me traz tudo e serializo e envio para uma fun��o JQUERY. Nessa fun��o, eu fa�o um EACH no resultado da que vem da controller(LINQ), monto os n�s e decarrego o HTML ent�o na p�gina. Na fun��o, fa�o uns IF's para que n�o se repita os nomes nos n�s. N�o d� para fazer um distinct, pois tenho v�rias vezes o mesmo MOTIVO mas para ID diferentes e assim para os demais, por isso os IF's na jquery. O que est� acontecendo? N�o monta os checkbox's, traz as informa��es, mas n�o monta os checkbox e por isso n�o cria a barra de scroll lateralmente.

Meu jquery:

function MontaArvore() {

    var str = "";
    var motivo = "";
    var unidade_neg = "";
    var familia = "";

    $.ajax({

        url: '/Acao/ArvoreAcao',
        datatype: 'json',
        contentType: 'application/json; charset=utf-8',
        type: 'POST',
        data: JSON.stringify({}),
        success: function (data) {

            $(data.monta_arvore).each(function () {

                if (motivo != this.Motivo1) {
                    str += '<ul>';
                    str += '<li item-checked="false" item-expanded="false">';
                    str += this.Motivo1;
                }

                if (unidade_neg != this.Unidade_Negocio) {
                    str += '<ul>';
                    str += '<li item-expanded="false">';
                    str += this.Unidade_Negocio;
                }

                if (familia != this.Familia) {
                str += '<ul>';
                str += '<li item-expanded="false">';
                    str += this.Familia;
                }
                str += '<ul>';
                    str += '<li>' + this.Descricao + '</li>';
                str += '</ul>';

                str += '</li>';//Familia
                str += '</ul>';//Familia

                str += '</li>';//Unidade de negocio
                str += '</ul>';//Unidade de negocio

                motivo = this.Motivo1;
                unidade_neg = this.Unidade_Negocio;
                familia = this.Familia;

                str += '</li>';//li item-checked ap�s o ul principal
                str += '</ul>';

            });

            $('#jqxTree').html(str);
            str = "";
        },
        error: function (error) {
        }
    })
}

Meu cshtml(Apenas onde � montado a �rvore). Na parte descomentada, se eu descomentar funciona como eu quero, ou seja, com dados fixos funcionam. J� com dados din�micos, vindos do BD � que d� o pau. Eu comento para inserir o real. Insiro na div "jqxTree".

<div id='jqxWidget'>
<div style='float: left; width:auto;' id="arvore">
    <div id='jqxTree' style=' float: left; margin-'>
        @*<ul>
            <li item-checked='false' item-expanded='false'>
                Produto
                <ul>
                    <li item-expanded='true'>
                        MIP
                        <ul>
                            <li item-expanded='true'>
                                Fam�lia: ACCUVIT
                                <ul>
                                    <li>ACCUVIT COMREV FRX30</li>
                                </ul>
                            </li>
                            <li item-expanded='true'>
                                Fam�lia: FLOGORAL
                                <ul>
                                    <li>FLOGORAL SPRAY CEREJA CTX30ML</li>
                                    <li>FLOGORAL SPRAY MENTA CTX30ML</li>
                                    <li>FLOGORAL CREM DENTAL CTX70G</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
           </li>
        </ul>*@

    </div>

    <div style='margin- float: left;'>
        <div style='margin-'>
            <input id='jqxCheckBox' type="hidden">
        </div>
    </div>

  </div>
</div>

Pjava

Curtir t�pico + 0

Responder