jquery easyui如何实现格式化列


Posted in jQuery onJuly 30, 2017

本文主要介绍了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="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newSite()">新增</a>
    <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editSite()">编辑</a>
    <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeSite()">删除</a>
  </div>
</body>
</html>

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
jQuery实现拖动效果的实例代码
Jun 25 jQuery
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
详解jQuery中的prop()使用方法
Jan 05 jQuery
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 #jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 #jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 #jQuery
jQuery实现键盘回车搜索功能
Jul 25 #jQuery
基于jquery实现多级菜单效果
Jul 25 #jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 #jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 #jQuery
You might like
六酷社区论坛HOME页清新格调免费版 下载
2007/03/07 PHP
php 数组使用详解 推荐
2011/06/02 PHP
PHP CURL获取返回值的方法
2014/05/04 PHP
php实现插入排序
2015/03/29 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
jquery zTree异步加载简单实例讲解
2016/02/25 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
2016/08/29 Javascript
jquery 禁止鼠标右键并监听右键事件
2017/04/27 jQuery
学习JS中的DOM节点以及操作
2018/04/30 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[01:08:56]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第一场 2月7日
2021/03/11 DOTA
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
python图像和办公文档处理总结
2019/05/28 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
python 同时读取多个文件的例子
2019/07/16 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
Python中无限循环需要什么条件
2020/05/27 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
波兰购物网站:MALL.PL
2019/05/01 全球购物
家庭教育的心得体会
2014/09/01 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers