论坛首页 Web前端技术论坛

晒晒基于jQuery的这个DataGrid插件

浏览 28709 次
精华帖 (0) :: 良好帖 (5) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2009-11-03   最后修改:2010-03-24

看看基本界面:

 

 

基本用法:

<table id="tt"></table>
 
$('#tt').datagrid({
    title:'Column Group',
    width:560,
    height:250,
    url:'datagrid_data.json',
    columns:[[
        {field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},
        {field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true},
        {title:'Item Details',colspan:4}
    ],[
        {field:'listprice',title:'List Price',width:80,align:'right',sortable:true},
        {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},
        {field:'attr1',title:'Attribute',width:100},
        {field:'status',title:'Status',width:60}
    ]],
    rownumbers:true
});
 

下载地址:http://jquery-easyui.wikidot.com/tutorial:datagrid9

 

   发表时间:2009-11-04  

继续编写,利用Dialog插件完成基本的CRUD功能了。选贴个图上来

0 请登录后投票
   发表时间:2009-11-04  
对那个多级表头比较感兴趣
0 请登录后投票
   发表时间:2009-11-05  
可以看看jqgrid
http://www.trirand.com/jqgrid/jqgrid.html
不过你这个复杂表头是亮点
0 请登录后投票
   发表时间:2009-11-05  
jqgrid无法转换页面中现有的表格,flexgrid则可以,这个datagrid也可以,除些之外,还可以把表头定义在标记中,如
<table>
<thead>
...
</thead>
</table>
0 请登录后投票
   发表时间:2009-11-05  
给个实际的Demo看看,兼容性,效率如何?
0 请登录后投票
   发表时间:2009-11-05  
太强了,那个Flexigrid也不错
0 请登录后投票
   发表时间:2009-11-05  
半年前我也用过,还不错!
0 请登录后投票
   发表时间:2009-11-05  
stworthy 写道
jqgrid无法转换页面中现有的表格,flexgrid则可以,这个datagrid也可以,除些之外,还可以把表头定义在标记中,如
<table>
<thead>
...
</thead>
</table>

jqgrid可以转换的,有tableToGrid插件
你这个表头不错
0 请登录后投票
   发表时间:2009-11-06  
我提一个问题和一个建议:

问题
我部署的时候tomcat老是提示/test9/sale/getSales请求不可用。不知道是不是还要设置什么东西?

建议:
增加一个dataSource数据源的配置属性,可以将页面中的json对象注入到grid中,这样的话,这个grid的适用范围更广了。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics