主框架页面: 在主界面区会加载西区菜单点击的URL内容.

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8"/>

    <title>主界面</title>

    <div th:include="/public/util::public"/>

    <div th:include="/public/util::jquery-easyui"/>

    <script type="text/javascript" th:src="(${@configApp.getStaticWeb()})+'/cms/script/main/index.js'"></script>

    <script type="text/javascript" th:src="(${@configApp.getStaticWeb()})+'/cms/script/site/site-index.js'"></script>

</head>

<body class="easyui-layout">

    <div data-options="region:'north',title:''" style="height:80px;" id="north"></div>

    <div data-options="region:'west',title:'系统功能区',split:true" style="width:200px;">

        <ul class="easyui-tree" id="menu"></ul>

    </div>

    <div data-options="region:'center',title:'主界面区'" style="padding:5px;" id="center"></div>

</body>

</html>

此时在主页面已经加载了easy-ui的脚本和CSS ,在各区页面就不必加载了,即使加载了也会被去掉.

我一开始在datagrid页面添加格式化函数,但是没有效果,始终报找不到formatIsvalid这个函数.

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8"/>

    <title>站点列表页面</title>

    <script type="text/javascript">

    function formatIsvalid(val,row){

        return val=='1'?'是':'否';

    }

    </script>

</head>

<body>

    <table id="site" title="站点列表" class="easyui-datagrid" th:url="@{/site/list}"

            toolbar="#siteToolbar" rownumbers="true" fitColumns="true" singleSelect="true">

        <thead>

            <tr>

                <th field="siteid" width="50">ID</th>

                <th field="sitename" width="50">名称</th>

                <th field="siteurl" width="50">网址</th>

                <th field="isvalid" width="50" formatter="formatIsvalid">是否有效</th>

                <th field="isdelete" width="50">是否可以删除</th>

                <th field="remark" width="50">备注</th>

                <th field="createtime" width="50">创建时间</th>

            </tr>

        </thead>

    </table>

    <div id="siteToolbar">

        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newSite()">新增</a>

        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editSite()">编辑</a>

        <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeSite()">删除</a>

    </div>

</body>

</html>

解决办法:把这个格式化函数放到主页面中就没有问题了.

jquery-easyui:格式化列的更多相关文章

  1. 让jquery easyui datagrid列支持绑定嵌套对象

    嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...

  2. EasyUI 格式化列

    以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式化一个数据网格(DataGrid)列,我们需要设置 ...

  3. 雷林鹏分享：jQuery EasyUI 数据网格 - 格式化列

    jQuery EasyUI 数据网格 - 格式化列 以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式 ...

  4. EasyUI 格式化DataGrid列

    easyui DataGrid中格式化列,如果单价低于20,则使用定义列formatter为红色文本.格式化DataGrid列,我们应该设置formatter属性,这个属性是一个函数.格式化函数包括两 ...

  5. jquery easyUI 日期格式化，DateBox只显示年

    jquery easyUI 日期格式化,DateBox只显示年 >>>>>>>>>>>>>>>>> ...

  6. JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式(转)

    需求如下 现有数据列三列 Name,Age,CreateDate 数据 张三,18,2000-12-09 :12:34:56 李四,28,2000-12-09 :12:34:56 王麻子,38,200 ...

  7. 雷林鹏分享：jQuery EasyUI 数据网格 - 设置冻结列

    jQuery EasyUI 数据网格 - 设置冻结列 本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部. 为了冻结列,您需要定义 frozenColumns 属性. ...

  8. 雷林鹏分享：jQuery EasyUI 数据网格 - 动态改变列

    jQuery EasyUI 数据网格 - 动态改变列 数据网格(DataGrid)列可以使用 'columns' 属性简单地定义.如果您想动态地改变列,那根本没有问题.为了改变列,您可以重新调用dat ...

  9. 雷林鹏分享：jQuery EasyUI 数据网格 - 创建列组合

    jQuery EasyUI 数据网格 - 创建列组合 easyui 的数据网格(DataGrid)可以创建列组合,如下所示: 在本实例中,我们使用平面数据来填充数据网格(DataGrid)的数据,并把 ...

  10. 雷林鹏分享：jQuery EasyUI 数据网格 - 列运算

    jQuery EasyUI 数据网格 - 列运算 在本教程中,您将学习如何在可编辑的数据网格(datagrid)中包含一个运算的列.一个运算列通常包含一些从一个或多个其他列运算的值. 首先,创建一个可 ...

随机推荐

  1. Linux命令（十） 在文件或目录之间创建链接 ln

    命令简介 ln 命令用于连接文件或目录,如同时指定两个以上的文件或目录,且最后的目的地是一个已经存在的目录,则会把前面指定的所有文件或目录复制到该目录中.若同时指定多个文件或目录,且最后的目的地是一个 ...

  2. 使用 TListView 控件(4)

    本例效果图: 代码文件: unit Unit1; interface uses   Windows, Messages, SysUtils, Variants, Classes, Graphics, ...

  3. BZOJ5462 APIO2018新家（线段树+堆）

    一个显然的做法是二分答案后转化为查询区间颜色数,可持久化线段树记录每个位置上一个同色位置,离线后set+树状数组套线段树维护.这样是三个log的. 注意到我们要知道的其实只是是否所有颜色都在该区间出现 ...

  4. BZOJ1050 HAOI2006旅行（最小生成树+LCT）

    暴力枚举路径中权值最小边是哪个,然后求出边权不小于它的边的最小生成树,即可保证该路径上最大值最小.暴力当然可以过,这里使用LCT维护.注意数据中有自环. #include<iostream> ...

  5. BZOJ2734 HNOI2012集合选数（状压dp）

    完全想不到的第一步是构造一个矩阵,使得每行构成公比为3的等比数列,每列构成公比为2的等比数列.显然矩阵左上角的数决定了这个矩阵,只要其取遍所有既不被2也不被3整除的数那么所得矩阵的并就是所有的数了,并 ...

  6. 【bzoj2194】快速傅立叶之二 FFT

    题意:给定序列a,b,求序列c,\(c(k)=\sum_{i=k}^{n-1}a(i)b(i-k)\) Solution: \[ c(k)=\sum_{i=k}^{n-1}a(i)b(i-k)\\ c ...

  7. 【题解】 bzoj2435: [Noi2011]道路修建 （傻逼题）

    bzoj2435,懒得复制,戳我戳我 Solution: 模拟即可(有点傻逼啊 Code: //It is coded by Ning_Mew on 5.13 #include<bits/std ...

  8. ctags相关

    ctags相关 首先肯定是下载安装了.这点不用多讲,根据自己的操作系统或者平台,使用相应的包管理工具或者源码编译安装都可以. 下载完之后,在想要使用ctags帮助查找的文件夹(一般是项目的根目录)下输 ...

  9. BZOJ 3624: [Apio2008]免费道路

    3624: [Apio2008]免费道路 Time Limit: 2 Sec  Memory Limit: 128 MBSec  Special JudgeSubmit: 1201  Solved:  ...

  10. spark性能调优（二） 彻底解密spark的Hash Shuffle

    装载:http://www.cnblogs.com/jcchoiling/p/6431969.html 引言 Spark HashShuffle 是它以前的版本,现在1.6x 版本默应是 Sort-B ...