晒晒基于jQuery的这个DataGrid插件

看看基本界面：

 

 

基本用法：

<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

 

评论

14 楼 rkikbs 2009-11-08  

<div class="quote_title">stworthy 写道</div>
<div class="quote_div">
<p>近来忙于编写这个表格组件，完成了表格组件的基本功能，先写个简单显示数据的例子放上来，具体使用方法及范例见<a href="http://www.etmvc.cn/forumReply/index?forumSubjectId=138" target="_blank">http://www.etmvc.cn/forumReply/index?forumSubjectId=138</a></p>
<p><img src="http://www.etmvc.cn/forum/showImage/64" alt="" width="801" height="349"></p>
<p> </p>
<p>后续的功能还在不断思考及尝试中，在此听听大家的一些意见和建议。</p>
<p> </p>
</div>
<p><br>楼主，下载了项目看了看，怎么找不到数据库连接地址呀？既然给了创建数据库sql，但是找不到。</p>

13 楼 stworthy 2009-11-07  

单列排序功能已经完成，多列排序会进行考虑。
汇总也会列入开发计划。

12 楼 diystyle 2009-11-07  

多表头的方式确实强大，另外是否支持排序和汇总呢，

11 楼 whaosoft 2009-11-07  

一直很喜欢有 JQuery 感觉比 ext好 嘿嘿

10 楼 stworthy 2009-11-06  

多谢建议：
1、/test9/sale/getSales会请求服务端的数据，所以要设置好数据库，数据表中导入数据才能完整使用。
2、dataSource的属性问题我会仔细考虑，这条提议很好。

9 楼 jy1245626 2009-11-06  

我提一个问题和一个建议：

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

建议：
增加一个dataSource数据源的配置属性，可以将页面中的json对象注入到grid中，这样的话，这个grid的适用范围更广了。

8 楼 tapestry1122 2009-11-05  

stworthy 写道

jqgrid无法转换页面中现有的表格，flexgrid则可以，这个datagrid也可以，除些之外，还可以把表头定义在标记中，如
<table>
<thead>
...
</thead>
</table>

jqgrid可以转换的，有tableToGrid插件
你这个表头不错

7 楼 justdo2008 2009-11-05  

半年前我也用过，还不错！

6 楼 Aguo 2009-11-05  

太强了,那个Flexigrid也不错

5 楼 xuanye 2009-11-05  

给个实际的Demo看看，兼容性，效率如何？

4 楼 stworthy 2009-11-05  

jqgrid无法转换页面中现有的表格，flexgrid则可以，这个datagrid也可以，除些之外，还可以把表头定义在标记中，如
<table>
<thead>
...
</thead>
</table>

3 楼 jejwe 2009-11-05  

可以看看jqgrid
http://www.trirand.com/jqgrid/jqgrid.html
不过你这个复杂表头是亮点

2 楼 joyfun 2009-11-04  

对那个多级表头比较感兴趣

1 楼 stworthy 2009-11-04  

<p>继续编写，利用Dialog插件完成基本的CRUD功能了。选贴个图上来</p>
<p><img src="http://www.etmvc.cn/forum/showImage/67" alt="" width="601" height="431"></p>