extjs中 如何为GridPanel中的某列加下划线，且在其上单击的时候，弹出窗口？

Question

如图所示

Answer 1

var opeartionRender = function(clbh) {
        return "<a href='#' onclick=''>" + clbh + "</a>";
    }
    var cm = new Ext.grid.ColumnModel([
sm,
{
    header: "交易单号",
    dataIndex: "jydbh",
    tooltip: "交易单号",
    width: 110,
    sortable: true
}, {
    header: "长途车",
    tooltip: "长途车",
    width: 70,
    dataIndex: "clbh",
    sortable: true,
    renderer: opeartionRender
}
我是这样用的 但是在onclick事件中如何取得grid中的jydbh 呢？

Answer 2

在你的GridPanel加
viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store) {
         //禁用数据显示灰色
           if (record.data.jydbh != '') {   //交易单号不为空
                return 'x-grid-record-underline';   //文字下加入下划线
          } else {
              return '';
          }
     }
}'x-grid-record-underline'为你自己定义的加上下划线的样式