jquery-easyui:格式化列

主框架页面: 在主界面区会加载西区菜单点击的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>

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

时间: 2024-08-07 20:54:39

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

EasyUI 格式化列

以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式化一个数据网格(DataGrid)列,我们需要设置 formatter 属性,它是一个函数.这个格式化函数包含三个参数: value:当前列对应字段值. row:当前的行记录数据. index:当前的行下标. 创建数据网格(DataGrid) <table id="tt" title="Formatting Columns&

jQuery Easyui datagrid动态列绑定

前几天有人在使用jQuery EasyUI的datagrid时,遇到不会动态绑定列的情况,而网上给出的例子可能也是比较早的处理办法,竟然需要修改easyui源码,其实解决这问题的思路是很简单,我们只需修改要显示的列即可.那位朋友最后改为这种处理时,发现还是有问题,最终我发现她返回不是合法json,里边多个方括号,这里推荐大家使用本站的JSON在线校验格式化工具来验证返回json是否正确. 这里我们以上篇文章中类似的简单json来说明这个问题,比如后台要根据当前用户的权限返回不同的json: 分享

jquery easyUi columns日期格式化

jquery easyUi  columns日期格式化 方法一 [javascript] view plain copy print? Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, // 月 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+":

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

需求如下 现有数据列三列 Name,Age,CreateDate 数据 张三,18,2000-12-09 :12:34:56 李四,28,2000-12-09 :12:34:56 王麻子,38,2000-12-09 :12:34:56 Jquery Easyui DataGrid中列设置 { field: 'Name', title: '名称', width: 120 ,align:left},{field: 'Age', title: '年龄', width: 120 ,align:right

雷林鹏分享:jQuery EasyUI 数据网格 - 列运算

jQuery EasyUI 数据网格 - 列运算 在本教程中,您将学习如何在可编辑的数据网格(datagrid)中包含一个运算的列.一个运算列通常包含一些从一个或多个其他列运算的值. 首先,创建一个可编辑的数据网格(datagrid).这里我们创建了一些可编辑列,'listprice'.'amount' 和 'unitcost' 列定义为 numberbox 编辑类型.运算列是 'unitcost' 字段,将是 listprice 乘以 amount 列的结果. title="Editable

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

数据网格(DataGrid)列可以使用 'columns' 属性简单地定义.如果您想动态地改变列,那根本没有问题.为了改变列,您可以重新调用datagrid 方法,并传递一个新的 columns 属性. 创建数据网格(DataGrid) url="data/datagrid_data.json" singleSelect="true" iconCls="icon-save"> $('#tt').datagrid({ columns:[[ {

jquery easyui 动态绑定数据列

function doSearch2() { var strsql = $('#sssql').val(); $.ajax({ url: "../HttpHandler/DownloadHandler.ashx?action=StatDownLoadHHH&searchStrSql=" + encodeURI(strsql), type: "POST", error: function () { $.messager.alert('错误', '操作失败!',

jquery easyui datagrid 保存/加载自定义配置每列属性

直接附上源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Format DataGrid Columns - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="css/material/ea

套用JQuery EasyUI列表显示数据、分页、查询

声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近看到一款轻型的UI感觉不错,但是在网上找了好多教程,但是没有一个是完全是C#asp.net写的 无耐下,自己写了下,感觉效果不错,故拿出来和大学分享一下,希望可以抛砖引玉作用. 由于好多人都只是拷贝代码,故在此全用图片作说明. 图片效果图1 这个界面是上左右下结构 左边是一棵树 右边是一个表格 上部

jquery easyui+sparkline插件+jqplot插件实现数据表行内插入线形图

Jquery easyui : 实现前端数据包格式化输出,支持多种模块式定义,只需要添加相应的预设参数即可实现丰富的前端. 资料参考: http://www.jeasyui.com/ Jquery sparkline: 基于jQuery 的js插件,底层调用html5的canvas标签,并通过js动态实现在数据表行内画条形图或趋势图,操作简单,可实现不同类型的图形化,如线形图,饼状图,柱形图. 资料参考:http://omnipotent.net/jquery.sparkline/#s-docs