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 相关文章推荐
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
jquery.validate.js 多个相同name的处理方式
Jul 10 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
jquery实现动态添加附件功能
Oct 23 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jquery实现有过渡效果的tab切换
Jul 17 jQuery
jQuery实现日历效果
Sep 11 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
4.与数据库的连接
2006/10/09 PHP
PHP MVC模式在网站架构中的实现分析
2010/03/04 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
php使用curl代理实现抓取数据的方法
2017/02/03 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
2019/09/19 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
python使用pymysql实现操作mysql
2016/09/13 Python
Python实现矩阵转置的方法分析
2017/11/24 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python实现3D地图可视化
2020/03/25 Python
python怎么对数字进行过滤
2020/07/05 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
HTML5 History API 实现无刷新跳转
2016/01/11 HTML / CSS
Rossignol金鸡美国官网:始于1907年法国百年雪具品牌
2019/03/06 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
高一生物教学反思
2014/01/17 职场文书
学生打架检讨书
2014/02/14 职场文书
师范生见习总结范文
2015/06/23 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
《七律·长征》教学反思
2016/02/16 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers