O objeto não oferece suporte à propriedade ou método 'mask'

Question

Olá,

algum pode sugerir algo?

Minha aplicação MVC C# no VS Community 2015 esta retornando com erro:

Linha: 1179
Erro: O objeto não oferece suporte à propriedade ou método 'mask'

Linha: 1135

Erro: O objeto não oferece suporte à propriedade ou método 'tooltip'Linha: 353
Erro: 'drawChart' não está definido

Answer 1

Wilson,

Compartilhe seu código.

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

Answer 2

Claro, imagino que seja nesse trecho:

  <script type="text/javascript">

        function bigImg(x) {
            x.style.height = "100%";
            x.style.width = "100%";
                    }

        function normalImg(x) {
            x.style.height = "20%";
            x.style.width = "20%";
        }

        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })

        function fcGerarPDF() {
            window.location.href = "@Url.Action("Report", new { id = "PDF" })?codigo=" + document.getElementById("animal").value;

        }
        $("#proprietario").change(function () {
            var dados = $(this).val().toString();
            var options = '';
            if (dados != 0) {
                $.ajax({
                    url: '@Url.Action("RetornaAnimais", "Principal")',
                    type: 'POST',
                    dataType: 'json',
                    data: { codigo: dados },
                    success: function (result) {
                        options += '<option value="" selected></option>';
                        $.each(result, function (key, val) {
                            options += '<option value="' + val["id"] + '">' + val["nome"] + '</option>';
                        });
                        $("#animal").html(options);
                    }
                });
            } else {
                console.log(options)
                $("#animal").html(options);
            }
        }).change();
        $('#botao_proprietario').click(function () {
            var left = (window.screen.width / 2) - 260;
            var top = (window.screen.height / 2) - 300;
            var w = window.open('/Proprietario_/Create', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = ' + left + ',top = ' + top + '');
        });
        $('#botao_animal').click(function () {
            var left = (window.screen.width / 2) - 260;
            var top = (window.screen.height / 2) - 300;
            var w = window.open('/AnimalCompanhia_/Create', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = ' + left + ',top = ' + top + '');
        });
        function ToJavaScriptDate(value) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            return new Date(parseFloat(results[1]));
        }
        $("#peso_kg").mask("0.000");
    </script>

Answer 3

Olá Wilson, conforme solicitado pelo Juliano, informe o trecho do código onde declara o chart na view e o seu controller para que possamos ajuda-lo.

---

Rodrigo Reis Ferreira
Microsoft Certified

Answer 4

Controller:

 public JsonResult RetornaObservacao(int id)
        {
            var dia = db.spObservacaoNutricao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.observacao });
            return Json(a, JsonRequestBehavior.AllowGet);
        }
      

        public JsonResult EvolucaoPeso(int id)
        {
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.peso_kg });
            return Json(a, JsonRequestBehavior.AllowGet);
        }

        public JsonResult EvolucaoTemperatura(int id)
        {
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.temperaturaCorporal, x.temperaturaRetal });
            return Json(a, JsonRequestBehavior.AllowGet);
        }

        public JsonResult EvolucaoPressao(int id)
        {
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.SYS, x.DIA, x.MAP, x.bpm });
            return Json(a, JsonRequestBehavior.AllowGet);
        }

        public JsonResult EvolucaoSPO2(int id)
        {
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.SPO2, x.bpm_SPO2 });
            return Json(a, JsonRequestBehavior.AllowGet);
        }

        public JsonResult EvolucaoMorfometria(int id)
        {          
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.alturaCernelha, x.compCorporal,x.membroPelvicoDireito,x.perimetroAbdominal,x.perimetroToracico,x.perimetroCoxa });
            return Json(a, JsonRequestBehavior.AllowGet);
        }
        public JsonResult EvolucaoIMCC(int id)
        {
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.IMCC });
            return Json(a, JsonRequestBehavior.AllowGet);
        }
        public JsonResult EvolucaoECC(int id)
        {
            var dia = db.spPesoEvolucao(id).ToArray();
            var a = dia.Select(x => new { x.data_atividade, x.escore_ECC});
            return Json(a, JsonRequestBehavior.AllowGet);
        }
        public ActionResult Proprietario(string codigo)
        {
            var _Codigo = Convert.ToInt32(codigo);
            var query = from c in db.PF_Proprietario
                        join d in db.Login
                        on c.id equals d.cod_Proprietario
                        where d.usuario.Contains(@User.Identity.Name)
                        select new { c.id };
            return Json(query);
        }

        [HttpPost]
        public ActionResult RetornaAnimais(string codigo)
        {
            var _Codigo = Convert.ToInt32(codigo);
            var query = from c in db.Animal_Companhia
                        where c.cod_Proprietario == _Codigo
                        orderby c.id descending
                        select new { c.id, c.nome };
            return Json(query);
        }

View:

 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    var value;
    google.charts.load('current', { packages: ['table', 'corechart'] });
    google.charts.setOnLoadCallback(function () { drawtable('') });
    google.charts.setOnLoadCallback(function () { drawChart('') });
    $(document).ready(function () {
        value = $("#animal").val();
        if (value != undefined) {
            drawtable(value);
        }
        $("#animal").change(function () {
            value = $(this).val();
            drawtable(value);
        });
    });

    function drawtable(codigo) {
        var url = '/Programa_Nutricao/Principal/RetornaObservacao/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'DATA ATENDIMENTO');
                  tdata.addColumn('string', 'OBSERVACAO');
                  for (var i = 0; i < data.length; i++) {
                      if (data[i].observacao != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), data[i].observacao]);
                  }
                  var table = new google.visualization.Table(document.getElementById('Tabela_observacao'));
                  table.draw(tdata, { showRowNumber: true, cssClassNames: { tableCell: 'google-table-cell' } });
              });
        //}

        //function drawChart(codigo) {
        var url = '/Programa_Nutricao/Principal/EvolucaoPeso/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'data_atividade');
                  tdata.addColumn('number', 'peso_kg');
                  for (var i = 0; i < data.length; i++) {
                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].peso_kg)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "PESO (kg)", minValue: '0.5' },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      legend: { position: "none" },
                      curveType: 'function',
                      interpolateNulls: true
                  };
                  var chart = new google.visualization.LineChart(document.getElementById('EvolucaoPeso'));
                  chart.draw(tdata, options);
              });

        var url = '/Programa_Nutricao/Principal/EvolucaoTemperatura/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'data_atividade');
                  tdata.addColumn('number', 'Temp. Corporal');
                  tdata.addColumn('number', 'Temp. Retal');
                  for (var i = 0; i < data.length; i++) {
                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].temperaturaCorporal), parseFloat(data[i].temperaturaRetal)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "Temperatura ºC", minValue: '30', maxValue: '45' },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      legend: { position: 'bottom' },
                      curveType: 'function',
                      interpolateNulls: true
                  };
                  var chart = new google.visualization.LineChart(document.getElementById('EvolucaoTemperatura'));
                  chart.draw(tdata, options);
              });

        var url = '/Programa_Nutricao/Principal/EvolucaoPressao/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'data_atividade');
                  tdata.addColumn('number', 'Pressão sistólica');
                  tdata.addColumn('number', 'Pressão diastólica');
                  tdata.addColumn('number', 'Média PA');
                  tdata.addColumn('number', 'Frequencia cardíaca');
                  for (var i = 0; i < data.length; i++) {
                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].SYS), parseFloat(data[i].DIA), parseFloat(data[i].MAP), parseFloat(data[i].bpm)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "Monitoramento cardiovascular" },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      legend: { position: 'bottom' },
                      curveType: 'function',
                      interpolateNulls: true

                  };
                  var chart = new google.visualization.LineChart(document.getElementById('EvolucaoPressao'));
                  chart.draw(tdata, options);
              });

        var url = '/Programa_Nutricao/Principal/EvolucaoSPO2/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'data_atividade');
                  tdata.addColumn('number', 'SPO2');
                  tdata.addColumn('number', 'bpm_SPO2');

                  for (var i = 0; i < data.length; i++) {
                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].SPO2), parseFloat(data[i].bpm_SPO2)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "Monitoramento ventilação pulmonar" },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      curveType: 'function',
                      interpolateNulls: true
                  };
                  var chart = new google.visualization.LineChart(document.getElementById('EvolucaoSPO2'));
                  chart.draw(tdata, options);
              });

        var url = '/Programa_Nutricao/Principal/EvolucaoIMCC/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'data_atividade');
                  tdata.addColumn('number', 'IMCC');
                  for (var i = 0; i < data.length; i++) {
                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].IMCC)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "Índice de Massa Corporal Canino" },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      legend: { position: 'bottom' },
                      curveType: 'function',
                      interpolateNulls: true
                  };

                  var chart = new google.visualization.LineChart(document.getElementById('EvolucaoIMCC'));
                  chart.draw(tdata, options);
              });


        var url = '/Programa_Nutricao/Principal/EvolucaoECC/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'data_atividade');
                  tdata.addColumn('number', 'Escore corporal');
                  for (var i = 0; i < data.length; i++) {
                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].escore_ECC)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "Escore corporal", minValue: '0', maxValue: '10' },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      series: [{ color: 'green', visibleInLegend: true }, {}, {}]

                  };

                  var chart = new google.visualization.ScatterChart(document.getElementById('EvolucaoECC'));
                  chart.draw(tdata, options);

              });


        var url = '/Programa_Nutricao/Principal/EvolucaoMorfometria/' + codigo;
        $.get(url, {},
              function (data) {
                  var tdata = new google.visualization.DataTable();
                  tdata.addColumn('date', 'Data');
                  tdata.addColumn('number', 'Altura da cernelha');
                  tdata.addColumn('number', 'Comprimento do corporal');
                  tdata.addColumn('number', 'Membro pelvico direito');
                  tdata.addColumn('number', 'Perimetro abdominal');
                  tdata.addColumn('number', 'Perimetro torácico');
                  tdata.addColumn('number', 'Perimetro coxa');
                  for (var i = 0; i < data.length; i++) {

                      if (data[i].data_atividade != null)
                          tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].alturaCernelha), parseFloat(data[i].compCorporal), parseFloat(data[i].membroPelvicoDireito), parseFloat(data[i].perimetroAbdominal), parseFloat(data[i].perimetroToracico), parseFloat(data[i].perimetroCoxa)]);
                  }
                  var options = {
                      width: 700,
                      height: 500,
                      vAxis: { title: "Medidas" },
                      hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                      curveType: 'function',
                      legend: { position: 'bottom' },
                      interpolateNulls: true

                  };
                  var chart = new google.visualization.LineChart(document.getElementById('EvolucaoMorfometria'));
                  chart.draw(tdata, options);
              });
    }
    </script>
    

Answer 5

O código de declaração ta comentado:

//function drawChart(codigo) {

Por isso a chamadaabaixo gera erro:

google.charts.setOnLoadCallback(function () { drawChart('') });

O outro erro é porque o objeto não possui o método tooltip:

$('[data-toggle="tooltip"]').tooltip()

O que está tentando fazer nesta parte?

---

Rodrigo Reis Ferreira
Microsoft Certified

Answer 6

Obrigado pelo retorno Rodrigo,

Quando eu comento drawChart, embora retorne com esta mensagem o gráfico é renderizado, no contrário não tenho sucesso. Imagino que há um erro na forma de inserir a function. Onde inserir esta linha?

Quanto ao tooltip está resolvido, tinha um espaço desnecessário no código em title:

 <button type="button" class="btn btn" style="font-size:10px" data-toggle="tooltip" data-placement="top"
                    title="---CONFIGURAÇÃO CONFORME O TAMANHO DE ANIMAIS---
                    1. SMALL para membro com perímetro até 13 cm
                    2. MIDDLE para membro entre 8 a 26 cm
                    3. LARGE para maior que 25 cm
                    ">

Answer 7

Quando remove o comentário da linha (como o Rodrigo apontou) dá algum erro?

Você não deveria passar algum valor numérico como parâmetro da drawChart (ao invés de uma string vazia) no código abaixo?

google.charts.setOnLoadCallback(function () { drawChart('') });

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

Answer 8

Obrigado pelo retorno Juliano,

Veja o erro:

Answer 9

Isto está parecendo erro do próprio navegador, Wilson.

Poderia testar com Chrome ou Firefox? Ambos tem o painel de desenvolvedor também.

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

Answer 10

Estranho, 

no navegador Chrome nada disso acontece.

Os gráficos renderizam com a linha comentada e nao aparece mensagem de erro.

Answer 11

Então você pode ter descoberto um bug nas ferramentas de desenvolvedor do Internet Explorer rs.

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

Answer 12

tô rico tô pobre, kkk

Answer 13

Se quiser registrar como possível bug, acesse http://connect.microsoft.com 

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

Answer 14

Obrigado Juliano e Rodrigo, voces são gigantes.

Assim que possível vou registrar o bug.

Answer 15

Sucesso Wilson! :)

---

Rodrigo Reis Ferreira
Microsoft Certified