Jump to content
rhenan silverio

Integrar Pivot

Recommended Posts

Como faço pra integrar o Pivot nesse código do jqxGrid

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>This example illustrates the Grid filtering feature. Move the mouse cursor over a column header and click the dropdown button to open the filtering menu.
    </title>
    <meta name="description" content="jQuery Grid Filtering of Data" />     
    <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
    <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script>
    <script type="text/javascript" src="generatedata.js"></script>
    <script type="text/javascript">
        

        $(document).ready(function () {

            var source =
            {
                datatype: 'json',
                     datafields:
                        [
                        { name: 'responsavel_data_conhec', type: 'data'},  
                        { name: 'data_registro', type: 'data' },
                        { name: 'tipo_carga', type: 'string' },
                        { name: 'teus', type: 'number'},
                        { name: 'nmconsignatario', type: 'string' },
                        { name: 'nmportoorigem', type: 'string' },
                        { name: 'total_fcl', type: 'number'},
                        { name: 'txmercadoria', type: 'string'},
                        {name: 'txshipper', type: 'string'},
                        {name: 'nmembarcacao', type: 'string'}
                        ],

                        id: 'id',
                        url: 'http://comex.io/request/report/jsonimport',
                        async: false
               
            };
            
             var addfilter = function () {
                var filtergroup = new $.jqx.filter();
                var filtervalue = '';
                var filtercondition = '';
                var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
                filtervalue = '';
                filtercondition = 'starts_with';
                var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
 
               
                // add the filters.
                $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup);
                // apply the filters.
                $("#grid").jqxGrid('applyfilters');
            }
            
            var adapter = new $.jqx.dataAdapter(source);
            $("#grid").jqxGrid(
            {
                width: getWidth('Grid'),
                source: adapter,
                filterable: true,
                sortable: false,
                ready: function () {
                    addfilter();
                },
                autoshowfiltericon: true,
                columns: [
                  {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160},       
                  { text: 'Teus', datafield: 'teus', width: 160 },
                  { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 },
                  { text: 'Total FCL', datafield: 'total_fcl', width: 170 },
                  { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' },
                  { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' },
                  { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' },
                  { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120,  cellsalign: 'right', cellsformat: 'c2'},
                  { text: 'Navio', datafield: 'txshipper', widht: 100,  cellsalign: 'right', cellsformat: 'c2'},
                  { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'}

                ]
            });
            $('#events').jqxPanel({ width: 300, height: 80});
            $("#grid").on("filter", function (event) {
                $("#events").jqxPanel('clearcontent');
                var filterinfo = $("#grid").jqxGrid('getfilterinformation');
                var eventData = "Triggered 'filter' event";
                for (i = 0; i < filterinfo.length; i++) {
                    var eventData = "Filter Column: " + filterinfo[i].filtercolumntext;
                    $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>');
                }
            });
            $('#clearfilteringbutton').jqxButton({ height: 25});
            $('#filterbackground').jqxCheckBox({ checked: true, height: 25});
            $('#filtericons').jqxCheckBox({ checked: false, height: 25});
            // clear the filtering.
            $('#clearfilteringbutton').click(function () {
                $("#grid").jqxGrid('clearfilters');
            });
            // show/hide filter background
            $('#filterbackground').on('change', function (event) {
                $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked });
            });
            // show/hide filter icons
            $('#filtericons').on('change', function (event) {
                $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked });
            });
        });
    </script>
</head>
<body class='default'>
        <div id="grid">
        </div>
        <div id="eventslog" style="margin-top: 30px;">
            <div style="width: 200px; float: left; margin-right: 10px;">
            <input value="Remove Filter" id="clearfilteringbutton" type="button" />
            <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div>
            <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div>
            </div>
            <div style="float: left;">
                Evento de Log
                <div style="border: none;" id="events">
                </div>
            </div>
        </div>
</body>
</html>

 

Share this post


Link to post
Share on other sites

Não compreendi muito bem sua dúvida.

Você quer por nessa mesma página o widget jqxPivotGrid ?

Share this post


Link to post
Share on other sites

Não, não, eu tenho outro Grid so que eu queria integrar o Pivot nele

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>LogComex v3
    </title>
    <meta name="description" content="jQuery Grid Filtering of Data" />     
    <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
    <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script>
    <script type="text/javascript" src="generatedata.js"></script>
    <script type="text/javascript">
        

        $(document).ready(function () {

            var source =
            {
                datatype: 'json',
                     datafields:
                        [
                        { name: 'responsavel_data_conhec', type: 'data'},  
                        { name: 'data_registro', type: 'data' },
                        { name: 'tipo_carga', type: 'string' },
                        { name: 'teus', type: 'number'},
                        { name: 'nmconsignatario', type: 'string' },
                        { name: 'nmportoorigem', type: 'string' },
                        { name: 'total_fcl', type: 'number'},
                        { name: 'txmercadoria', type: 'string'},
                        {name: 'txshipper', type: 'string'},
                        {name: 'nmembarcacao', type: 'string'}
                        ],

                        id: 'id',
                        url: 'http://comex.io/request/report/jsonimport',
                        async: false
               
            };
            
             var addfilter = function () {
                var filtergroup = new $.jqx.filter();
                var filtervalue = '';
                var filtercondition = '';
                var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
                filtervalue = '';
                filtercondition = 'starts_with';
                var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
 
               
                // add the filters.
                $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup);
                // apply the filters.
                $("#grid").jqxGrid('applyfilters');
            }
            
            var adapter = new $.jqx.dataAdapter(source);
            $("#grid").jqxGrid(
            {
                width: getWidth('Grid'),
                source: adapter,
                filterable: true,
                sortable: false,
                ready: function () {
                    addfilter();
                },
                autoshowfiltericon: true,
                columns: [
                  {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160},       
                  { text: 'Teus', datafield: 'teus', width: 160 },
                  { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 },
                  { text: 'Total FCL', datafield: 'total_fcl', width: 170 },
                  { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' },
                  { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' },
                  { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' },
                  { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120,  cellsalign: 'right', cellsformat: 'c2'},
                  { text: 'Navio', datafield: 'txshipper', widht: 100,  cellsalign: 'right', cellsformat: 'c2'},
                  { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'}

                ]
            });
            $('#events').jqxPanel({ width: 300, height: 80});
            $("#grid").on("filter", function (event) {
                $("#events").jqxPanel('clearcontent');
                var filterinfo = $("#grid").jqxGrid('getfilterinformation');
                var eventData = "Triggered 'filter' event";
                for (i = 0; i < filterinfo.length; i++) {
                    var eventData = "Filter Column: " + filterinfo[i].filtercolumntext;
                    $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>');
                }
            });
            $('#clearfilteringbutton').jqxButton({ height: 25});
            $('#filterbackground').jqxCheckBox({ checked: true, height: 25});
            $('#filtericons').jqxCheckBox({ checked: false, height: 25});
            // clear the filtering.
            $('#clearfilteringbutton').click(function () {
                $("#grid").jqxGrid('clearfilters');
            });
            // show/hide filter background
            $('#filterbackground').on('change', function (event) {
                $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked });
            });
            // show/hide filter icons
            $('#filtericons').on('change', function (event) {
                $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked });
            });
        });
    </script>
</head>
<body class='default'>
        <div id="grid">
        </div>
        <div id="eventslog" style="margin-top: 30px;">
            <div style="width: 200px; float: left; margin-right: 10px;">
            <input value="Remove Filter" id="clearfilteringbutton" type="button" />
            <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div>
            <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div>
            </div>
            <div style="float: left;">
                Evento de Log
                <div style="border: none;" id="events">
                </div>
            </div>
        </div>
</body>
</html>

Seria nesse

Share this post


Link to post
Share on other sites

Como você quer? continuo sem sabe como seria essa integração.

 

Seria dentro do jqxGrid ? Ao clicar numa célula? se possível desenhe para facilitar o entendimento.

Share this post


Link to post
Share on other sites
<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>LogComex v3
    </title>
    <meta name="description" content="jQuery Grid Filtering of Data" />     
    <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
    <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script>
    <script type="text/javascript" src="generatedata.js"></script>
    <script type="text/javascript">
        

        $(document).ready(function () {

            var source =
            {
                datatype: 'json',
                     datafields:
                        [
                        { name: 'responsavel_data_conhec', type: 'data'},  
                        { name: 'data_registro', type: 'data' },
                        { name: 'tipo_carga', type: 'string' },
                        { name: 'teus', type: 'number'},
                        { name: 'nmconsignatario', type: 'string' },
                        { name: 'nmportoorigem', type: 'string' },
                        { name: 'total_fcl', type: 'number'},
                        { name: 'txmercadoria', type: 'string'},
                        {name: 'txshipper', type: 'string'},
                        {name: 'dtoperacao', type: 'data'},
                        { name: 'nmportoorigem', type: 'string' },
                        {name: 'nmportodescarregamento', type: 'string'},
                        {name: 'nmportodestino', type: 'string'},
                        {name: 'indmodalidadefrete', type: 'string'},
                        {name: 'nrcemercante', type: 'number'},

                        {name: 'nmembarcacao', type: 'string'}
                        ],

                        id: 'id',
                        url: 'http://comex.io/request/report/jsonimport',
                        async: false
               
            };
            
             var addfilter = function () {
                var filtergroup = new $.jqx.filter();
                var filtervalue = '';
                var filtercondition = '';
                var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
                filtervalue = '';
                filtercondition = 'starts_with';
                var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
 
               
                // add the filters.
                $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup);
                // apply the filters.
                $("#grid").jqxGrid('applyfilters');
            }
            
            var adapter = new $.jqx.dataAdapter(source);
            $("#grid").jqxGrid(
            {
                width: getWidth('Grid'),
                source: adapter,
                //pagesize: 100,
               // pagesizeoptions: ['10', '50', '100','200','300','400','500','1000','3000'],
                filterable: true,
                sortable: false,
                ready: function () {
                    addfilter();
                },
                autoshowfiltericon: true,
                columns: [
                  {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160},       
                  { text: 'Teus', datafield: 'teus', width: 160 },
                  { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 },
                  { text: 'Total FCL', datafield: 'total_fcl', width: 170 },
                  { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' },
                  { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' },
                  { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' },
                  { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120,  cellsalign: 'right', cellsformat: 'c2'},
                  { text: 'Navio', datafield: 'txshipper', widht: 140,  cellsalign: 'right', cellsformat: 'c2'},
                  { text: 'Data de Operação', datafield: 'dtoperacao', widht: 140,  cellsalign: 'right', cellsformat: 'c2'},
                  {text: 'Porto de Descarregamento', datafield: 'nmportodescarregamento', widht: 100,  cellsalign: 'right'},
                  {text: 'Porto de Destino', datafield: 'nmportodestino', widht: 100,  cellsalign: 'right'},
                  {text: 'Modalidade Frete', datafield: 'indmodalidadefrete', widht: 100,  cellsalign: 'right'},
                  {text: 'Numero Mercante', datafield: 'nrcemercante', widht: 100,  cellsalign: 'right'},
                  { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'}

                ]
            });
            $('#events').jqxPanel({ width: 300, height: 80});
            $("#grid").on("filter", function (event) {
                $("#events").jqxPanel('clearcontent');
                var filterinfo = $("#grid").jqxGrid('getfilterinformation');
                var eventData = "Triggered 'filter' event";
                for (i = 0; i < filterinfo.length; i++) {
                    var eventData = "Filter Column: " + filterinfo[i].filtercolumntext;
                    $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>');
                }
            });
            $('#clearfilteringbutton').jqxButton({ height: 25});
            $('#filterbackground').jqxCheckBox({ checked: true, height: 25});
            $('#filtericons').jqxCheckBox({ checked: false, height: 25});
            // clear the filtering.
            $('#clearfilteringbutton').click(function () {
                $("#grid").jqxGrid('clearfilters');
            });
            // show/hide filter background
            $('#filterbackground').on('change', function (event) {
                $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked });
            });
            // show/hide filter icons
            $('#filtericons').on('change', function (event) {
                $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked });
            });
        });
    </script>
</head>
<body class='default'>
        <div id="grid">
        </div>
        <div id="eventslog" style="margin-top: 30px;">
            <div style="width: 200px; float: left; margin-right: 10px;">
            <input value="Remove Filter" id="clearfilteringbutton" type="button" />
            <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div>
            <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div>
            </div>
            <div style="float: left;">
                Evento de Log
                <div style="border: none;" id="events">
                </div>
            </div>
        </div>
</body>
</html>

Tipo, tem aqui o Jqx Grid, eu consigo integrar nele o visual do Pivot ou integrar o Pivot sem mudar o que ele está fazendo nas tabelas, que é um serach dos Json

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By carlosmassam
      Bom noite a todos.

      Eu tenho o seguinte código
       
      <input type="radio" id="radio01" name="radio01" value="radio01"> <input type="radio" id="radio02" name="radio02" value="radio02"> <input type="radio" id="radio03" name="radio03" value="radio03"> <input type="radio" id="radio04" name="radio04" value="radio04"> <input type="radio" id="radio05" name="radio05" value="radio05"> Este código me apresenta 5 radiobuttons distintos, um ao lado do outro. Eu gostaria que, ao clicar em um deles, desse check no radiobutton que eu cliquei e também em todos os radiosbuttons anteriores, e os radionbutton posteriores fossem "deschecado".
      Por exemplo: ao clicar no radio04, ele deve fichar com check, e os radio03, radio02 e radio01 também devem ficar com check, como o radio05 vem depois do radio04, ele não deve ser checado, então permanecerá como está.
      Mas se eu então clicar no radio02, os radio03 e radio04 devem mudar para "deschecado" e os radio02 e radio01 devem permanecerem checados.
    • By fideles
      Fala pessoal, tudo tranquilo?
       
      Venho recorrer a vós pois já não consigo mais.... 
       
      Tenho um campo select com algumas opções de nome.
      <select class="seleciona_nome"> <option value="Joao">Joao</option> <option value="Julio">Julio</option> <option value="Pedro">Pedro</option> </select>  
      E um campo input do tipo "text"
      <input type="text" class="opcaoSelect" autocomplete="off" disabled="disabled">  
      Preciso que ao selecionar uma opção do "Select" seja auto preenchido no input. Tenho um codigo que funcionava e não sei mais porque não funciona, veja abaixo;
       
      <script> $(document).ready(function(){ $('.seleciona_nome').on('change', addOption); }); function addOption(){ $('.opcaoSelect').val(this.value); } </script>  
      Peço ajuda ai caso alguém consiga me ajudar a entender porque este não funciona mais.
       
      Obrigado.
       
    • By juliosertori
      Olá tudo bem?
       
      Estou criando um Repeater para adicionar produtos, o problema é que não consigo gerar um ID para cada linha, como um FOR ou WHILE no PHP, colocando $i = 0 e depois $i++
       
      Crio cada linha do repeater com bootstrap e utilizo assim:
       
      <tr data-repeater-item=""></tr>
       
      Mas como adicionar um id ou nome em sequência para cada repeater? Não encontrei nada na internet referente!
    • By Good
      Boa tarde,
       
      tenho uma aplicação em PHP e outra em Nodejs. Tenho necessidade de enviar um comando para processar requisições em tempo real. 
      Tenho 2 opções e gostaria de saber qual a mais viável?
       
      1. Criar uma tabela no banco de dados que o servidor nodejs irá sempre consultar e ver se tem pendências.
      2. Enviar um comando via curl para o nodejs executar naquele momento a pendência (sem necessidade do cliente ficar aguardando o node executar)
       
      Qual das duas opções é a mais eficiente??
    • By Rengavitp
      Bom dia Pessoal,
      Será que alguém pode me ajudar? Estou com problema com o chartjs. estou gerando grafico ok, porem quando eu preciso gerar o mesmo pela segunda vez passando outros parametros ao invés de substituir ele sobrepõe sobre o antigo, e quando eu passo o mouse sobre o grafico ele fica intercalando entre o antigo e o novo, como faço para limpar o grafico antes de criar o novo? tentei diretamente no canvas mas qualquer metodo de limpeza faz com que pare de funcionar. abaixo meu código.
       
      <script> function montaGraficoProducao() { var ctx; var myChart; var dt1 = document.getElementById("data_pd1").value; var dt2 = document.getElementById("data_pd2").value; $.ajax({ type: "POST", url: "processa/processa_grafico_producao.jsp", data: { data1: dt1, data2: dt2 } }).done(function (msg) { if (msg.replace(/\s/g, '') !== "erro") { var info = msg.trim().split("*"); var l = info[0]; var l1 = l.split(","); var s = info[1]; var s1 = s.split(","); var labels = []; var series = []; l1.forEach(function (mes) { labels.push(mes); }); s1.forEach(function (vl) { series.push(vl); }); ctx = document.getElementById('prodChart').getContext('2d'); myChart = new Chart(ctx, { type: $("#c_tipo_graf").val(), responsive: true, hoverMode: 'index', stacked: true, data: { labels: labels, datasets: [{ label: 'Ton/Mês', fill: false, backgroundColor: "rgba(1, 150, 249, 1)", borderColor: "rgba(1, 150, 249, 1)", data: series }] } }); } else { alert("erro"); } }); } </script>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.