easyui使用技巧

1、自定义datagrid字体大小

通过formatter改变字体大小,然后在列中使用:

如下:

function formatFontSize(value){
    return‘<span style="font-size:16px;">‘+value+‘</span>‘
}

2、通过rowStyler定义特殊列

$("tt").datagrid({
    title:‘datagrid‘,
    rowStyler:function(){
        return "font-weight:bold;color:red;";
    }
});
时间: 2024-11-06 03:34:13

easyui使用技巧的相关文章

EasyUi 小技巧

扩展datagrid:动态添加删除editor //扩展datagrid:动态添加删除editor jQuery.extend(jQuery.fn.datagrid.defaults.editors, { combotree : { init : function(container, options) { var editor = jQuery('<input type="text">').appendTo(container); editor.combotree(opt

easyUI小技巧-纯干货

一.显示分页(pagination:true)情况下,隐藏每页显示的记录条数的那个select(即pageList),下图箭头 方法1:onBeforeLoad:function(param){    $('#'+$(this)[0].id).datagrid('getPager').pagination({        showPageList:false    });},onLoadSuccess:function(data){    $('#'+$(this)[0].id).datagr

easyui treegrid 使用技巧

一:easyui treegrid重新加载数据 1:self.grid.treegrid('loadData', []);//清空数据 self.grid.queryParams({});//重新加载 //self.grid.treegrid('reload');//treegrid重新加载一次 2:window.location.reload(); 二:easyui treegrid获取被选中的数据 var rows = null; rows = self.grid.treegrid('get

EasyUI combotree 使用技巧

$('#areaName').combotree({ url: '../Ajax/Common.ashx?Method=GetCombotreeData', multiple: true, checkbox: true, isShowPic: false, onCheck: function (node, checked) { // MainJs.RemoveNodeAll('areaName'); }, onLoadSuccess: function (node, data) { var ro

EasyUI、Struts2、Hibernate、spring 框架整合

经历了四个月的学习,中间过程曲折离奇,好在坚持下来了,也到了最后框架的整合中间过程也只有自己能体会了. 接下来开始说一下整合中的问题和技巧: 1,  jar包导入 c3p0(2个).jdbc(1个).spring(15个).Hibernate(10个).Struts2(13个).json(3个) 及EasyUI的jquery包 2, 在src目录下新建一个实体类的包,并新建一个实体类 package com.han.entity; import java.util.Date; public cl

easyui datagrid中datetime字段的显示和增删改查问题

datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借助于formatter来格式化时间格式 { title: '活动开始时间', field: 'BeginTime', width: 300, editor: { type: 'datetimebox', options: { required: true }, formatter: function

利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能

我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序 HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据,难免会含有方便操作的 主键ID这列的记录.现在项目需要在easyUI的DataGrid中显示的数据能全部导出Excel,包括DataGrid中的中文标题,其他的统统不 要. 完成该功能所需的工具和环境:Newtonsoft.Json序列化和反序列化类库.easyUI前端UI框架.HttpHandl

项目EasyUi和JS中遇到的问题总汇

近期因为项目用到EasyUi,曾经仅仅是听过,可是没有详细用过.仅仅能一边学一边做.如今将做的过程中遇到的一些难点总结例如以下,以备后用: EsayUi使用: Json格式:key:value,key:value <body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px

easyUI拖拽功能讲解以及多选拖拽的实现

首先我们考虑这样一个业务场景:一个维修部门中分了N个维修组,维修部门的负责人需要将这个部门的维修人员分配到这些组里去. 当然,他可以选中一个维修人员,然后给他分配维修组,但是从人性化角度考虑,若利用拖拽是否更加的快捷和明确呢? 比如我们可以将维修组和维修人员都列出来,然后只需要将维修人员拖动到对应的组里即可完成分组. 另外,由于一个个拖还是太繁琐,还需要实现选中多个维修人员一起分组.那么我们下面一步步来,先实现单个的拖拽功能,再加入多选拖动支持~ 单选拖动 首先,根据我们刚才描述的场景,简单设计