EasyUI自定义边框分割线样式

快速上手jQuery EasyUI:完整演示Demo 本文还有配套的精品资源,点击获取 简介:jQuery EasyUI 是一款利用jQuery构建的前端框架,它简化了网页界面的构建并提供了丰富的UI组件。本Demo压缩包包含jQuery EasyUI源码、演示示例以及离线API文档,使得开发者可以在没有网络的情况下进行学习和开发。特色功能“个性化layout布局”允许开发者创建复杂页面结构并自适应不同屏幕与设备。结合***,... 阅读详情

 

$('#dg').datagrid({
		url:'${basePath}/getAppraisal_jgrid.do?type=query&sqlKey=' + sqlKey + '&jsonStr=' + jsonStr,
		method:"post",remoteSort:false,rownumbers:true,fit:true,//fitColumns:true,
		toolbar: [{
			iconCls: 'icon-add',text:'浏览鉴定单',
			handler: function(){ }
			},'-',{
			iconCls: 'icon-edit',text:'打印',
			handler: function(){ }
			},'-',{
			iconCls: 'icon-remove',text:'打印明细',
			handler: function(){ }
			},'-',{
			iconCls: 'icon-back',text:'打印报告书',
			handler: function(){ }
			},'-',{
			iconCls: 'icon-back',text:'上传图片',
			handler: function(){ }
			}],
		columns:[[  
		{field:'ap_ID',title:'id',width:0,hidden:true},
		{field:'look',title:'查看',align:'center',width:37,
        	formatter: function(value,row,index){
        		if(row.showBrowseIcon){//显示查看图标,默认false是不显示		
					return "<a href='#'><input  type='image' onclick=\"javascript:got_page('accidentForm.jspx','" + row.sgdId + "','" + sqlKey  + "');\" src='" + '${basePath}' + "/res/images/browse.gif'/></a>";					
        		}
				return "";
			},styler: function(value,row,index){
				if (row.showFlag){//在datagrid中记录行分割线的显示,true:表示显示,false:表示不显示
					return ' border-bottom-color:black; border-bottom-width: 11 11 10px 11; border-right-color:black;';					
				}else{
					return 'border-bottom-color:transparent;border-right-color:black;';
				}
			}
		},{field:'ap_State',title:'状态',align:'center',width:67,
        	formatter: function(value,row,index){
        		return pdJDDState(row,isShowDJState); 
			},styler: function(value,row,index){
				var temp ="";
				var state = pdJDDState(row,isShowDJState);
				if (state=='已审'){
					temp = "color:#0066CC;";					
				}
				if(state=="√已收款"){
					temp = "color:#663399;";//
				}
				if(state=="已作废"){
					temp = "color:#FF6600;";//
				}
				if(state=="未知"){
					temp = "color:#FF0000;";//
				}
				if (row.showFlag){//在datagrid中记录行分割线的显示,true:表示显示,false:表示不显示
					return temp +' border-bottom-color:black; border-bottom-width: 11 11 10px 11; border-right-color:black;';					
				}else{
					return temp + 'border-bottom-color:transparent;border-right-color:black;';
				}
			}
		}
		]] ,		        
        onDblClickRow:function(rowIndex, rowData) {        
		},
		onLoadSuccess:function(data){
		},onBeforeLoad:function(param){
		},
		singleSelect:true,pagination:true
	});
	var p = $('#dg').datagrid('getPager');
	p.pagination({
		pageSize : 10,// 每页显示的记录条数,默认为20
		pageList : [ 10, 20, 30 ],// 可以设置每页记录条数的列表
		beforePageText : '第',// 页数文本框前显示的汉字
		afterPageText : '页    共 {pages} 页',
		displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录' 
	});


 

HyperLedger Fabric实战(一):基础环境构建 简介 本文将介绍从一台裸机上面如何构建出一个可用的Fabric网络(单机版,非测试网络)。 基础环境构建 Fabric组件安装 阅读详情

相关推荐

华为2288H V5服务器断电后‘趴窝’?别慌,手把手教你用SmartKit+BMC修复工具搞定

本文详细介绍了华为2288H V5服务器在断电后无法启动的修复方法,通过SmartKit和BMC修复工具进行故障诊断与修复。文章提供了从工具获取、安装到具体修复流程的完整指南,帮助运维人员快速恢复服务器运行,并给出了后续加固与预防措施,确保服务器稳定运行。

weixin_30575517的博客 297

easyui toolbar分隔线

问题描述:EasyUI toolbar中添加分隔线时,分隔线会自动跑到最左边。 解决方案一: 使用一个table来创建toolbar <div id="toolbar"> <table> <tr> <td> <a href="#" class="easyui-...

whatday的专栏 925

spoon工具的常用基础操作

先创建一个作业,这个作业流程,包括进行设置变量转换,查询结果输出转换,方便后续循环。整个流程写完后,执行作业5_执行整个流程,成功后,可以在数据库查看结果。,新建一个转换,excel表输入然后复制记录到结果,保存转换文件。这三个用户下 都有一张emp表 分别是 三个部门的用户信息。,新建一个数据库连接,变量命名用户名和密码。成功执行后,可以到保存的excel位置进行查看。emp表输入,可以进行预览查看数据有没有过来。输出到一直excel表,运行结果输出。,新建一个转换,拖拽。

qq_43583887的博客 5831

easyUI 横向竖向分割线

转载自https://blog.youkuaiyun.com/oldweek/article/details/26720967 <div class="datagrid-toolbar"></div> 横向分割线 <div class="datagrid-btn-separator" /> 竖向分割线

大橙子 539

sentaurus学习笔记(HFET_pGate_GaN仿真)(九)

`(sdedr:define-constant-profile-placement "Ohmic.s" "Ohmic" "Pl.ohmic.s" 0.002)`这一行将`"Ohmic"`掺杂剖面放置在`"Pl.ohmic.s"`参考评估窗口中,同样`0.002`可能表示掺杂剖面在窗口中的偏移量或其他参数。欧姆接触是半导体器件中的一种低阻抗电气接触,通常需要高掺杂来减少接触电阻并提高器件性能。通过这些步骤,SDE能够为器件的源极和漏极区域设置高掺杂的欧姆接触,这对于确保器件的高性能和低接触电阻至关重要。

qq_52640792的博客 1382

压电陶瓷传感器避坑指南:实测阻抗匹配对信号输出的影响(附示波器调试技巧)

本文深入探讨压电陶瓷传感器在工业振动监测中的阻抗匹配问题,通过等效电路模型和实测数据揭示负载阻抗对信号输出的关键影响。文章提供从元件选型到示波器调试的完整解决方案,特别强调100kΩ以上负载阻抗的重要性,并分享JFET缓冲器设计和PCB布局的实用技巧,帮助工程师避免信号失真和输出不稳定问题。

ooo22的博客 516

用css分割线制作

在easyui中的分割线不是通过图片做的,而是通过定义一个样式做的,其样式为:  .pagination-btn-separator{  height:24px;  border-left:1px solid #ccc;  border-right:1px solid #fff;  margin:3px 1px; } 使用方法为: &lt;p&gt;分隔条&lt;/p&gt; &l...

hqmln的博客 277

Gitee自动创建PR之——评审模式

一 创建PR的常规操作 本地更新主干(一般为master分支),基于主干新建一个分支并(如Dev分支)切换; 进行新的需求开发; 将这个分支推送到远端; 打开 Gitee ,进入创建 Pull Request 界面; 选定目标分支(及我们需要合并到主干分支的分支,一般即为我们的开发分支); 填写 Title 以及 Description; 点击提交 Pull Request。 二 更快的常见PR的方式— — 评审模式 现在 Gitee.

calm_encode的博客 2987

easyui tree的简单使用

1、帮助文档 先看下API中怎么说的吧: 2、前台: $("#tree").tree({ url:'getOrgTree.do', method: 'GET', animate: true, checkbox: true, cascadeCheck:true,//层叠选中 lines

leo_pcx 1万+

第一章、isaacsim 及 isaaclab 安装教程

本专栏所有内容将根据上述资源地址展开,请结合食用~

m0_47719040的博客 4778

彻底解析 DDIC_TYPE_INCONSISTENCY:从 ABAP ST22 连环 Dump 到 SE14 一键修复

听上去像内核级的致命故障,实则更多源于日常运维的细枝末节。只要掌握的排查三板斧,结合严格的变更流程与周期性的字典体检,再严重的 Dump 也能化险为夷。希望本文的案例与步骤能帮助读者在下一次遇到类似问题时,既能快速止血,也能追根溯源,避免重蹈覆辙。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 629

easyui根据select下拉框内容更新表单内容_视图更新科技发布 View UI 组件库(即 iView 4.0),超过 50 项更新...

写在前面金秋十月,iView 4.0 如约而至。但是标题信息量有点大,所以先来解读一下标题。iView 作者 Aresn 于 2019 年创办了北京视图更新科技有限公司,开始自由、全职地维护 iView 及其相关的软件。View UI 即为原先的 iView,从 2019 年 10 月起正式更名为 View UI,并使用全新的 Logo。iView 作者将在新仓库:https://git...

weixin_39531780的博客 230

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

easyui根据select下拉框内容更新表单内容_视图更新科技发布 View UI 组件库(即 iView 4.0),超过50项更新...

写在前面金秋十月,iView 4.0 如约而至。但是标题信息量有点大,所以先来解读一下标题。iView 作者 Aresn 于 2019 年创办了北京视图更新科技有限公司,开始自由、全职地维护 iView 及其相关的软件。View UI 即为原先的 iView,从 2019 年 10 月起正式更名为 View UI,并使用全新的 Logo。iView 作者将在新仓库 https://git...

weixin_39664994的博客 237

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

ul、li实现横向导航按钮

好久没写博客了,主要是懒得呼气都不想呼,上周分给我一个新的任务,就是自己新建一个系统,快速极限开发,虽然之前自己也做过小的系统,但毕竟是自己做,随着自己的心意做,没有做其他的限制等,现在呢是给公司做,所以在质量上是绝对要比自己一个人做着玩要高。上周算是把框架搭起来来,今天上午熟悉下需求,下午的时候把数据库中关键的几个表设计了一下,明天就要往框架里面搬砖了,华为那边还说要两周搞定,word 哥啊,压...

weixin_30316097的博客 180

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

HTML

为什么学习HTML ? 随着技术的发展,浏览器中的信息量的增大,如何把信息完美的,漂亮的展现到用户面前, HTML作用: HTML:超文本标记语言   显示内容格式化,展现网页的信息,类似于人的骨骼 CSS: 层叠样式表  JavaScript  : 页面动态交互和特效 DHTML= HTML + CSS + JavaScript jQuery:是对 JavaScript的封装 E...

大灰狼的忧伤博客 218

easyUI横向竖向分割线(转载)

&lt;div class="datagrid-toolbar"&gt;&lt;/div&gt; 横向分割线 &lt;div class="datagrid-btn-separator" /&gt; 竖向分割线 转载自https://me.youkuaiyun.com/zlb_fly

大橙子 1611

jQuery EasyUI — 按钮间的自定义竖线(分隔线)样式

1.css样式定义 2.

追求极简生活方式 7491

基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值、取值、清空,以及相关的使用。 我们知道,一般Web界面包括的界面控件有:单行文本框、多行文本框、密码文本框、下拉列表Combobox、日期输入控件、数值输入控件、单项选择、复选框、表格控件DataGrid、树形控件、布局控件、弹出式对话框、提示信息、列表控件等,这...

weixin_34318326的博客 264

Easy UI toolbar 使用html的形式添加的按钮分割线

根据官方demo自定义toolbar的时候发现按钮之间没有分割线,看起来有点突兀,但是官方没有在说明在html中怎么添加分割线,查找资料实现如下 主要是利用了table表格实现 参考: http://www.cnblogs.com/javaexam2/archive/2012/08/10/2632649.html http://www.iteye.com/problem

每天进步一点就够了 2078

EasyUI datagrid border处理,加边框,去边框

EasyUI datagrid border处理,加边框,去边框,都可以,easyuidatagrid 下面是EasyUI 官网上处理datagrid border的demo: 主要是这句: $('#dg').datagrid('getPanel').removeClass('lines-both lines-no lines-right lines-bottom').addCl

springflower66的博客 1万+

jquery easyui toolbar 分割线问题

http://bbs.youkuaiyun.com/topics/390507228 —————————————————————————————————— 将“<divclass="datagrid-btn-separator"/>”改为< spanclass="datagrid-btn-separator"style="vertical- align:middle;...

dianchaozong3657的博客 113

EasyUI设置边界线和隔行变色

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Row Border in DataGrid - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="style

weixin_41463944的博客 693
上一篇: JqGrid使用记录
下一篇: 我的Oracle导入数据日志
cg_program
博客等级 码龄19年 245粉丝 147原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值