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返回定位插件详解
May 15 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
jquery实现进度条状态展示
Mar 26 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 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
新版PHP极大的增强功能和性能
2006/10/09 PHP
php array_search() 函数使用
2010/04/13 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
微信支付开发发货通知实例
2016/07/12 PHP
PHP+Redis 消息队列 实现高并发下注册人数统计的实例
2018/01/29 PHP
ExtJS DOM元素操作经验分享
2013/08/28 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
javascript基础知识
2016/06/07 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
最常用的jQuery表单验证(简单)
2017/05/23 jQuery
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
Vue表单提交点击事件只允许点击一次的实例
2020/10/23 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
python追加元素到列表的方法
2015/07/28 Python
简单谈谈Python中的元祖(Tuple)和字典(Dict)
2017/04/21 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python generator生成器和yield表达式详解
2019/08/08 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
英国露营设备和户外服装购物网站:Simply Hike
2019/05/05 全球购物
使用C#编写创建一个线程的代码
2013/01/22 面试题
什么是makefile? 如何编写makefile?
2012/08/08 面试题
服装创业计划书范文
2014/02/05 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书