六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 97|回复: 0

在Grid上添加两行工具栏(搜索用)、根据数据确定某行使用的CSS

[复制链接]

升级  90.33%

143

主题

143

主题

143

主题

举人

Rank: 3Rank: 3

积分
471
 楼主| 发表于 2013-1-29 07:29:22 | 显示全部楼层 |阅读模式
var lineColor = function(record,rowIndex,rowParams,store){            //锁定用户显示红色    var _flag = record.data['flag'];    var _css;    if(_flag == "0") _css = 'x-grid-record-red';    else if(_flag == "1") _css = 'x-grid-record-blue';    else _css = 'x-grid-record-gray';            return _css;};var searchBar = [        ' ', '姓名:', ' ', { xtype : 'textfield', width : '70', id : 'q_name' },        ' ', '学/工号:', ' ', { xtype : 'textfield', width : '85', id : 'q_sno' },        ' ', '部门:', ' ', { xtype : 'textfield', width : '120', id : 'q_dept' },        '->', { xtype : 'button', text: '搜索', iconCls : 'page_find', handler : doQuery }        ];var yourGrid = new Ext.grid.GridPanel({      bodyStyle : 'width:100%',      viewConfig : { forceFit : true, getRowClass : lineColor },      columns : cm,      store : ds,      loadMask : { msg : '操作中......' },      stripeRows : true,      border : false,      autoExpandColumn : 'memo',      tbar : searchBar});yourGrid.on("render", function(){        tbar2 = new Ext.Toolbar({     renderTo : yourGrid.tbar,     items : ['two', '-', {      text : 'search',      iconCls : 'search'     }, '-']    });})
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表