学习easyui疑惑(四)

原创 2015年07月09日 21:26:42

这篇文章我将着重写一下关于我这两天做用到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>
     望此文帮助到你

共享万岁!!

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

2017noip提高组复赛day1小凯的疑惑题解

①题目 ◆描述 小凯手中有两种面值的金币,两种面值均为正整数且彼此互素。每种金币小凯都有 无数个。在不找零的情况下,仅凭这两种金币,有些物品他是          无法准确支付的。现在小凯...
  • Helenal
  • Helenal
  • 2017年12月16日 16:31
  • 233

例题 小凯的疑惑

小凯的疑惑【Noip2017普及组day1第一题】 先看下题:  小凯手中有两种面值的金币,两种面值均为正整数且彼此互素。每种金币小凯都有无数个。 在不找零的情况下,仅凭这两种金币,有些...
  • qq_40216330
  • qq_40216330
  • 2017年12月27日 20:20
  • 30

easyUI入门的学习

easyui是一种基于jQuery的用户界面插件集合。easyui是个完美支持HTML5网页的完整框架。...
  • Luo_da
  • Luo_da
  • 2016年05月31日 00:26
  • 2179

NOIP2017Day1T1小凯的疑惑

Description 小凯手中有两种面值的金币,两种面值均为正整数且彼此互素。每种金币小凯都有无数个。在不找零的情况下,仅凭这两种金币,有些物品他是无法准确支付的。现在小凯想知道在无法准确支付的物...
  • white_elephant
  • white_elephant
  • 2017年11月22日 20:48
  • 345

easyui 学习总结

使用easyui中遇到的问题,在此进行记录和分享
  • wc250025
  • wc250025
  • 2016年03月01日 14:10
  • 713

EasyUI学习-如何使用jQuery EasyUI?

1、 使用步骤 ①  在项目的WebRoot目录下创建js文件夹,导入easy-ui的js包; ②  在HTML页面引入easy ui 的js文件; ③  编写相应的HTML代码与JS代码...
  • KnightKitt
  • KnightKitt
  • 2014年08月17日 15:38
  • 981

EasyUI学习总结(一)——EasyUI入门

一、EasyUI下载   EasyUI官方下载地址:http://www.jeasyui.com/download/index.php,目前最新的版本是:jQuery EasyUI 1.4.1 ...
  • AlbenXie
  • AlbenXie
  • 2017年06月28日 10:59
  • 241

NOIP2017Day1T1-小凯的疑惑

1.小凯的疑惑  (math.cpp/c/pas)  【问题描述】  小凯手中有两种面值的金币,两种面值均为正整数且彼此互素。每种金币小凯都有无数个。在不找零的情况下,仅凭这两种金币,有些物...
  • qq_34531807
  • qq_34531807
  • 2017年11月11日 19:58
  • 1013

JavaWeb学习总结(四)——服务器

一、打包JavaWeb应用   在Java中,使用"jar"命令来对将JavaWeb应用打包成一个War包,jar命令的用法如下:    范例:将JavaWebDemoProject...
  • zw901159
  • zw901159
  • 2016年05月13日 19:30
  • 289

PyQt5的学习之路(四)

绝对定位#!/usr/bin/python # -*- coding: utf-8 -*-import sys from PyQt5.QtWidgets import QWidget, QApplic...
  • wukai_std
  • wukai_std
  • 2017年01月16日 14:51
  • 605
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:学习easyui疑惑(四)
举报原因:
原因补充:

(最多只允许输入30个字)