EasyUI自定义边框分割线样式
来源:互联网 发布:手动按摩器小型淘宝 编辑:程序博客网 时间:2024/06/05 04:52
转自http://blog.csdn.net/foart/article/details/9630313
- $('#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} 条记录'
- });
0 0
- EasyUI自定义边框分割线样式
- EasyUI自定义边框分割线样式
- <hr>分割线样式
- 自定义样式实现菜单和工具栏的分割线
- iOS系统样式下自定义TableView分割线
- 自定义NumberPicker,更改字体颜色、分割线样式
- easyUI 横向竖向分割线
- ListView自定义分割线
- TableViewCell自定义分割线
- TableViewCell自定义分割线
- UITableViewCell自定义分割线
- UITableViewCell自定义分割线
- 自定义cell分割线
- TableViewCell自定义分割线
- tableView 自定义分割线
- 自定义的分割线
- 自定义tableview分割线
- UITableView 自定义分割线
- android-viewbadger为你的Android app中的view添加角标
- JAVA基础——泛型、一些常用的类
- 关于C语言中的未初始化变量的值
- 学习Java第二天
- [Leetcode] Largest Number
- EasyUI自定义边框分割线样式
- Android中SQLite应用详解
- LibreOffice SDK 开发环境配置(Windows)
- 关于EasyUI的Layout总结
- How linux uses the device tree
- annotation-config, annotation-driven, compont-scan 区别
- VS下 debug与release运行结果不一致
- Kmeans和FMC自己理解
- jquery easyui datagrid js获取记录数 页数 当前页