如何从jqgrid显示弹出图形/图表

时间:2017-10-31 14:42:18

标签: jquery jsp jqgrid free-jqgrid

我正在使用 free-jqgrid / 4.13.3 。点击单元格它应该弹出一个窗口以显示折线图。我正在使用 jqplot (jquery.jqplot.js,jqplot.canvasAxisLabelRenderer.js,jqplot.canvasTextRenderer.js)作为图表。期望对话框窗口将包含图表。 我无法使用以下代码实现此目的:

{ name: 'show_chart', index: 'show_chart', align: 'center', width: 100, sortable: false, editable: false,
    formatter:"showlink",
    formatoptions: {
        onClick: function (options) {
        $('#dialog').dialog({ autoOpen: false });
        $("#dialog").dialog({
         open: function() {
                var plot1 = $.jqplot ('chart1', [[3,7,9,1,5,3,8,2,5]]);
               }  
        });
        return false;
       }
    }}

在html正文中:

<body>
  <div id="dialog" title="Basic dialog" hidden="true">
</body>

对此问题的任何帮助都非常感谢。

1 个答案:

答案 0 :(得分:1)

如果没有完整的html和javascript源代码,很难说问题是什么。我做了一些假设并组合了fiddle来说明你想要实现的目标。

我看到的主要变化是......

  1. 在onclick中,您实际上从未在对话框上调用open。例如, $("#dialog").dialog("open");
  2. 网格和图表需要有html元素