`
cuiyushan3
  • 浏览: 42261 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

wabacus学习记录02--<col />配置(20120810)

阅读更多
2.<col />配置

a.设置col背景色
labelstyleproperty="style='background:#00008b'"


b.动态改变列标题
DEMO的“数据展示篇”---“其它”---“动态改变列标题”里面演示了在拦截方法中如何动态修改某个列的显示标题,你在这里取到条件值,然后修改它的列标题即可。

c.col中inputbox的option的source参数问题
<col column="customer_id" label="客户编号">
        <inputbox type="selectbox" defaultvalue="url{txt_customer_id}">
                <option
                        source="@{ select customer_id from basic_customer where  {#condition#} order by customer_id } "
                        label="customer_id" value="customer_id">
                        <condition name="txt_customer_id">
                                <value>
                                        customer_id = '#data#'
                                </value>
                        </condition>
                </option>
        </inputbox>
</col>


d.col的source加condition,session作为条件
    <col column="sub_project_id" label="子项目" width="150px" align="left">
     <inputbox type="selectbox"  depends="project_id">
      <option source="@{select sub_project_id,sub_project_name from routine_c_sub_project where  {#condition#} and project_id = '#data#' order by sub_project_id asc}" label="sub_project_name" value="sub_project_id">
       <condition name="txt_user_id" source="session{user_id}">
        <value>
         <![CDATA[(owner = '#data#' or owner='all' )]]>
        </value>
       </condition>
      </option>
      
     </inputbox>
    </col>


e.col中的label名称太长,换行输出
通过<col/>的labelstyleproperty或者valuestyleproperty属性将单元格高度弄大一点就可以了。
比如labelstyleproperty="style='height:50px'"

f.数据列col的datatype日期格式设置.
<col column="birthday" label="出生日期" datatype="date{yyyy-MM-dd hh:mm:ss}"></col>
<col column="birthday" label="出生日期" datatype="timestamp{yyyy-MM-dd HH:mm:ss}"></col>
《开发指南》文档关于数据类型有介绍的。
分享到:
评论

相关推荐

    element-ui 2.15.9下载到本地资源最新版本压缩包(附element-ui本地引用方法)

    本地引用示例: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;my&lt;/title&gt; &lt;script src="/my/html/vue.min.js"&gt;&lt;/script&gt; &lt;script src="/my/... &lt;el-col :span="24"&gt;&lt;div class="myclass"&gt;&lt;/div&gt;&lt;/el-col&gt; &lt;/el-row&gt;

    html语言课程

    - `&lt;colgroup&gt;`用于定义列组,内部可以包含多个`&lt;col&gt;`标签,每个`&lt;col&gt;`对应一列。 - **7.6.3 表格的行列分组** - 结合`&lt;thead&gt;`、`&lt;tbody&gt;`、`&lt;tfoot&gt;`与`&lt;colgroup&gt;`可以更精细地控制表格布局。 **7.7 表格的...

    用css固定表格横向和纵向

    &lt;th&gt;Col Header&lt;/th&gt; &lt;th &gt;2&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th&gt;Col Header&lt;/th...

    小书匠语法说明之表格1

    格&lt;/td&gt; 14&lt;td&gt;Content Cell&lt;/td&gt; 15&lt;td&gt;Content Cell&lt;/td&gt; 16&lt;/tr&gt; 17&lt;tr&gt; 18&lt;td&gt;Content Cell&lt;/td&gt; 19&lt;td&gt;Content Cell&lt;/td&gt; 20&lt;td&gt;Content Cell&lt;/td&gt; 21&lt;td&gt;Content Cell&lt;/td&gt; 22&lt;/tr&gt; 23&lt;tr&gt; 24&lt;td&gt;Content Cell...

    layui表格内容溢出的解决方法

    引言,我做文章管理的时候,引入的是layui的表格样式,但是里面的内容溢出无法隐藏,后来我采用了往td里面加了个&lt;div&gt;&lt;/div&gt; 然后设置一下样式就可以了。 &lt;table class=layui-table&gt; &lt;colgroup&gt; &lt;col width=100...

    第6章 表格元素.pdf

    - &lt;col&gt;和&lt;colgroup&gt;:用于定义表格列的属性,如背景色、宽度等。 二.构建表格解析 1. 基础表格构建 使用&lt;table&gt;、&lt;tr&gt;和&lt;td&gt;三个基本元素,可以构建出一个简单的表格。通过在&lt;table&gt;元素中使用border属性,可以...

    手机信息的增删改查,分页查询

    &lt;th scope="col"&gt; 编号 &lt;/th&gt; &lt;th scope="col"&gt; 类型 &lt;/th&gt; &lt;th scope="col"&gt; 品牌 &lt;/th&gt; &lt;th scope="col"&gt; 公司 &lt;/th&gt; &lt;th ...

    如家宠物网站

    xml=&lt;data&gt;&lt;config&gt;&lt;isShowTitle&gt;0&lt;/isShowTitle&gt;&lt;autoPlayTime&gt;5&lt;/autoPlayTime&gt;&lt;/config&gt;&lt;channel&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;&lt;image&gt;images/0411412705084558.jpg&lt;/image&gt;&lt;title&gt;&lt;/title&gt;&lt;/item&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;...

    Bootstrap绿色响应式垂直时间轴.zip

    &lt;div class="col-md-12"&gt; &lt;div class="row"&gt; &lt;h2&gt;Usage example&lt;/h2&gt; &lt;div class="timeline timeline-line-dotted"&gt; &lt;span class="timeline-label"&gt; &lt;span class="label label-primary"&gt;17.03.2016&lt;/span&gt; &lt;/...

    购物车商品累加结算效果.zip

    &lt;span class="servicenum"&gt;已选择&lt;span class="goodsNum"&gt;{{goodsNum}}&lt;/span&gt;件商品&lt;span class="goodsNum"&gt;{{serviceNum}}&lt;/span&gt;项服务&lt;/span&gt; &lt;span class="totalclassPoin"&gt;总价:&lt;span class=...

    三联打印样式图

    &lt;th align="right" colspan="12" style = "font-size:14px"&gt;&lt;font color="blue"&gt;&lt;span id="mobile"&gt;&lt;/span&gt;&lt;/font&gt;&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt;发往地址 :&lt;/th&gt; &lt;th align="left" style="font-size:14px...

    静态家具网页

    &lt;article class="col1"&gt;&lt;a href="#" class="button"&gt;More&lt;/a&gt;&lt;/article&gt; &lt;article class="col3 pad_left1"&gt;&lt;a href="#" class="button"&gt;More&lt;/a&gt;&lt;/article&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- / content --&gt; ...

    HTML语法整理

    - **`&lt;col&gt;`**:定义表格列的格式。 - **`&lt;colgroup&gt;`**:定义表格列组。 示例: ```html &lt;table border="1"&gt; &lt;caption&gt;示例表格&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;标题1&lt;/th&gt; &lt;th&gt;标题2&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; ...

    课程笔记。纯干货

    &lt;li class="active"&gt;&lt;a href="#"&gt;Link &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/nav&gt; ``` ##### 3.2 JS 插件 除了丰富的 CSS 样式和组件外...

    bootstrap.mini.css练习

    &lt;li class="active"&gt;&lt;a href="#"&gt;Link &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" ...

    Java Coding Standard.pdf

    &lt;th class="colLast" scope="col"&gt;Description&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr class="altColor"&gt; &lt;td class="colFirst"&gt;&lt;a href="Example.html" title="class in com.example"&gt;Example&lt;/a&gt;&lt;/td&gt; &lt;td class=...

    AngularJS Bootstrap详细介绍及实例代码

    &lt;label class="col-sm-2 control-label"&gt;名:&lt;/label&gt; &lt;div class="col-sm-10"&gt; &lt;input type="text" ng-model="fName" ng-disabled="!edit" placeholder="名"&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- 其他表单字段的代码省略 --&gt; ...

    HTML教程(完整版)

    &lt;col span="2"&gt; &lt;col&gt; &lt;/colgroup&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/th&gt; &lt;th&gt;年龄&lt;/th&gt; &lt;th&gt;性别&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;25&lt;/td&gt; &lt;td&gt;男&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;李四&lt;/td&gt; ...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    &lt;colgroup&gt;&lt;col width="110" /&gt;&lt;col /&gt;&lt;/colgroup&gt; &lt;tr&gt; &lt;th&gt;&nbsp;&lt;/th&gt; &lt;td&gt; &lt;dl class="note_upload"&gt; &lt;dt&gt;&lt;a href="javascript:void(0);" class="btn files"&gt; &lt;input id="txt_...

    Flask 使用Bootstrap 导航条样式

    &lt;div class="col-sm-6"&gt; &lt;!-- 第二列内容 --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; ``` 以上就是在Flask中使用Bootstrap导航条样式以及实现页面div两列自适应布局的基本步骤。通过这种方式,你可以创建出具有专业外观和良好...

Global site tag (gtag.js) - Google Analytics