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+pjax简单示例汇总
Apr 21 jQuery
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
jQuery上传插件webupload使用方法
Aug 01 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
实现jquery放大镜的两种方法
Feb 22 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
基于jQuery实现无缝轮播与左右点击效果
May 13 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
JQuery的加载和选择器用法简单示例
May 13 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 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 CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
js实现批量删除功能
2020/08/27 Javascript
Vue-cli4 配置 element-ui 按需引入操作
2020/09/11 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
python实现文件分组复制到不同目录的例子
2014/06/04 Python
python如何通过protobuf实现rpc
2016/03/06 Python
Python cookbook(数据结构与算法)同时对数据做转换和换算处理操作示例
2018/03/23 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
办理居住证介绍信
2014/01/15 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
公司考勤管理制度
2015/08/04 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
远程教育学习心得体会
2016/01/23 职场文书
Python 内置函数速查表一览
2021/06/02 Python