码迷,mamicode.com
首页 > 其他好文 > 详细

学习easyui疑惑(四)

时间:2015-07-09 22:43:22      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:easyui

这篇文章我将着重写一下关于我这两天做用到easyui做table所遇到的问题,对于easyui所提供的便捷式插件我觉得应该给予肯定,但是同时对于easyui在做table方面的不足在这里说明一下。
首先展示一下我这两天所做的一个table页,这个页面有点难看,但是基本的要求算是实现了,学了两天的jquery算是有个交代吧。
上图:
技术分享
效果就是折叠式效果,每项中都是table表。为了方便大家学习,我决定将自己的代码附上,里面也没有涉密的东西,都是空的。
查看代码可到:
实例代码
实现过程我就不多说了,大家查看代码就好了,我已经注释的很详细了。
接下来说一下问题:
1、easyui的创建table问题
easyui创建table时,目前为止我还没有找到创建多个标题行的table,样子如下:
技术分享
这样的table easyui中好像,没法实现,至于如何创建table,我在学习easyui(三)已经说明了。
2、书写过程中遇到的问题:
技术分享
这种问题我再图片上已经列举了一些,但是还会因为data-options书写成dataoptions,或者field中单引号缺少有关。
附上一段具体的代码,作为参考:

 <div title="村党组织情况" data-options="iconCls:‘icon-ok‘" style="padding: 5px;">
            <table id="cunOrg" class="easyui-datagrid" style="width: 100%" >
                <thead>
                    <tr>
                        <th data-options="field:‘dangzuzhiShu‘,width:500" align="center">
                            村党组织数
                        </th>
                        <th data-options="field:‘dangweiShu‘,width:400" align="center">
                            党委数
                        </th>
                        <th data-options="field:‘dangzongzhiShu‘,width:460" align="center">
                            党总支数
                        </th>
                        <th data-options="field:‘dangzhibuShu‘,width:500" align="center">
                            党支部数
                        </th>
                    </tr>
                </thead>
                <tr>
                    <td>
                        _dangzuzhiShu
                    </td>
                    <td>
                        _dangweiShu
                    </td>
                    <td>
                        _dangzongzhiShu
                    </td>
                    <td>
                        _dangzhibuShu
                    </td>
                </tr>
            </table>
     望此文帮助到你

共享万岁!!

版权声明:本文为博主原创文章,未经博主允许不得转载。

学习easyui疑惑(四)

标签:easyui

原文地址:http://blog.csdn.net/ztzi321/article/details/46821909

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!