extjs 如何实现grid里边嵌套饼状图

本帖最后由 u012526168 于 2014-07-19 21:31:24 编辑

解决方案 »

  1.   

    这有什么难的，
    初始化grid，
    每个td里再初始化饼图就好
      

  2.   

    不用td，全部在js中实现。因为别的页面全部是用js实现的，使用td的话风格不太一样。还有别的方法吗
      

  3.   

    不用html的table，全部要用js中的类，有没有类似一个大panel中嵌入九个小panel的方法或者别的方法？该怎么实现？
      

  4.   

     td 里边放就行了啊，highchart这些饼状图插件的实现也是js啊
      

  5.   

    js遍历每个td，然后随便你怎么弄
      

  6.   

    td是html标签，和js不是一个级别的，什么叫不使用td，使用js另外按照你的表现形式，这里就应该使用td，而不应该用div，请补习html标签语义化。
      

  7.   


    我知道你说的啥意思，你说的无非就是下边的呗，但是我想能不能直接一个js文件渲染到dts，而不再html中使用table
    <div id = 'dts'>
    </div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Charts</title>
    <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />    <!-- GC -->
      <!-- LIBS -->
      <script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
      <!-- ENDLIBS -->    <script type="text/javascript" src="../ext/ext-all.js"></script>
      
        <script type="text/javascript" src="../js/dts.js"></script>
    </head>
    <body><h1>dts</h1>
    <table>
    <tr>
    <td width = 100></td>
    <td width = 200>tongyong</td>
    <td width = 200>shuju</td>
    <td width = 200>zhineng</td>
    </tr>
    <tr>
    <td width = 100>v1r9</td>
    <td id = "tongyong_v1r9"></td>
    <td id = "tongyong_v2r1"></td>
    <td id = "tongyong_v2r2"></td>
    </tr>
    <tr>
    <td width = 100>v2r1</td>
    <td id = "shuju_v1r9"></td>
    <td id = "shuju_v2r1"></td>
    <td id = "shuju_v2r2"></td>
    </tr>
    <tr>
    <td width = 100>v2r2</td>
    <td id = "zhineng_v1r9"></td>
    <td id = "zhineng_v2r1"></td>
    <td id = "zhineng_v2r2"></td>
    </tr>
    </table>
    </body>
    </html>这样是行，但是能不能
    一个js文件渲染到dts，而不再html中使用table
    <div id = 'dts'>
    </div>
      

  8.   


    不用上楼的代码能不能实现。
    另写一个js文件渲染到dts中，不用td能不能成。
    <div id = 'dts'>
    </div>
      

  9.   


    html的body里全部用js实现，能不？
      

  10.   


    html的body里全部用js实现，能不？可以把所有的html在js中构建，不过真的有必要吗？
      

  11.   


    html的body里全部用js实现，能不？可以把所有的html在js中构建，不过真的有必要吗？
    就没有extjs的框架或者类吗？非用html真的好吗？
      

  12.   


    html的body里全部用js实现，能不？可以把所有的html在js中构建，不过真的有必要吗？
    就没有extjs的框架或者类吗？非用html真的好吗？
    没试过，不过为了实现这个功能，专门引入extjs感觉有点太麻烦了
      

  13.   


    html的body里全部用js实现，能不？可以把所有的html在js中构建，不过真的有必要吗？
    就没有extjs的框架或者类吗？非用html真的好吗？
    没试过，不过为了实现这个功能，专门引入extjs感觉有点太麻烦了
    最后还是用了table
      

  14.   

    ExtJS中，gridpanel的column有widget类型的，可以通过xtype设置column为component或Widget类型的对象，我想charts也是component，所以实现你的需求应该没问题
      

  15.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
      

  16.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
    终于等来个人了，求详解，要的就是这样，楼上的，唉。。，求详解
      

  17.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
    终于等来个人了，求详解，要的就是这样，楼上的，唉。。，求详解思路已经跟你讲了，设置column时指定xtype，render事件处理函数里去创建chart需要的store，大概就是这样吧。如果还要详解就等于给你做了，自己翻翻ExtJS的api吧，我也是每天没事就翻这个东西
      

  18.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
    终于等来个人了，求详解，要的就是这样，楼上的，唉。。，求详解思路已经跟你讲了，设置column时指定xtype，render事件处理函数里去创建chart需要的store，大概就是这样吧。如果还要详解就等于给你做了，自己翻翻ExtJS的api吧，我也是每天没事就翻这个东西
    谢！
      

  19.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
    终于等来个人了，求详解，要的就是这样，楼上的，唉。。，求详解思路已经跟你讲了，设置column时指定xtype，render事件处理函数里去创建chart需要的store，大概就是这样吧。如果还要详解就等于给你做了，自己翻翻ExtJS的api吧，我也是每天没事就翻这个东西
    谢！成功了记得在这里分享一下！
      

  20.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
    终于等来个人了，求详解，要的就是这样，楼上的，唉。。，求详解思路已经跟你讲了，设置column时指定xtype，render事件处理函数里去创建chart需要的store，大概就是这样吧。如果还要详解就等于给你做了，自己翻翻ExtJS的api吧，我也是每天没事就翻这个东西
    谢！
    最后问一点，我这九个ext.panel用什么去装啊？form，grid，还是layout？？
      

  21.   


    html的body里全部用js实现，能不？肯定能了，ExtJS就是干这个活的，OPOA，全js，一行html都没得，不过最后的页面还是 让ExtJS自己转成html的无数Table了，哈哈，所以只是开发的时候都写js，最终还是html
    终于等来个人了，求详解，要的就是这样，楼上的，唉。。，求详解思路已经跟你讲了，设置column时指定xtype，render事件处理函数里去创建chart需要的store，大概就是这样吧。如果还要详解就等于给你做了，自己翻翻ExtJS的api吧，我也是每天没事就翻这个东西
    谢！
    最后问一点，我这九个ext.panel用什么去装啊？form，grid，还是layout？？
    晕，到现在才明白你需求。以为你是要在grid中插入charts。你大概的意思就是做一个有9个charts图形的面板吧？用panel来做就可以了啊