jquery学习2 treegrid 更新写法,获取form键值对

$(function() {
      createTree();
    });

function createTree() {
  $('#test').treegrid({
    title : 'SVN列表',
    nowrap : false,
    rownumbers : true,
    collapsible : false,
    url : rfPath+'/jsvnlog/jrepostory?id=',
    idField : 'id',
    treeField : 'relativepath',
    frozenColumns : [[{
          title : '地址',
          field : 'relativepath',
          width : 500,
          formatter : function(value) {
          	if(value.indexOf("/")>0){
          		return '<span style="color:red">' + decodeURI(value.substr(value.lastIndexOf("/"))) + '</span>';
          	}else{
          		return value;
          	}
            
          }
          
        }]],
    
    columns : [[{
          field : 'name',
          title : '名称',
          width : 120
        }, 
//        {
//          field : 'size',
//          title : '现有代码(行)',
//          width : 120,
//          rowspan : 2
//          
//        },
        {
          field : 'originalSum',
          title : '原始代码(行)',
          width : 80,
          rowspan : 2
          
        },{
          field : 'latestSum',
          title : '现有代码(行)',
          width : 80,
          rowspan : 2
          
        },{
          field : 'Sum',
          title : '变动总量(行)',
          width : 80,
          rowspan : 2,
          formatter : function(value,row){
          return row.modifySum+row.deleteSum+row.addSum;
          }
        },{
          field : 'addSum',
          title : '添加代码(行)',
          width : 80,
          rowspan : 2
          
        }, {
          field : 'deleteSum',
          title : '减少代码(行)',
          width : 80,
          rowspan : 2
        }, {
          field : 'modifySum',
          title : '修改代码(行)',
          width : 80,
          rowspan : 2
        }, 
//        	{
//          field : 'revision',
//          title : '版本号',
//          width : 80,
//          rowspan : 2
//        }, {
//          field : 'author',
//          title : '作者',
//          width : 100,
//          rowspan : 2
//        }, {
//          field : 'date',
//          title : '修改日期',
//          width : 130,
//          rowspan : 2,
//          formatter : function(value) {
//            var now = new Date(value);
//            return now;
//          }
//        }, {
//          field : 'commitMessage',
//          title : '注释',
//          width : 150,
//          rowspan : 2
//        }, 
        {
          field : 'kind',
          title : '操作',
          width : 120,
          align : 'center',
          rowspan : 2,
          formatter : function(value) {
          	//<a onclick="viewHistory()" style="margin-left:5px; cursor: pointer;color:red">历史版本</a>
            return value == 'file'
                ? '<a onclick="displayAA()" style="cursor: pointer;color:red">变迁记录</a>'
                : '';
          }
          
        }]],
        
   onBeforeExpand : function(row, param) {
               $(this).treegrid('options').url = rfPath+'/jsvnlog/jrepostory?id='+encodeURI(decodeURI(row.id));
           },
   onLoadSuccess : function(row, data){
   	  $('.datagrid-mask-msg').hide();
   }
  });
}
function displayAA() {
  setTimeout(function() {
        var node = $('#test').treegrid('getSelected');
        if (node != null)
          window.open(rfPath+"/diff?uri=" + encodeURI(decodeURI(node.url)), '_blank');
      }, 200);
}

function viewHistory() {
  setTimeout(function() {
        var node = $('#test').treegrid('getSelected');
        if (node != null) {
          window.open(rfPath + "/svnlog/tohistory?uri=" + encodeURI(decodeURI(node.url)), '_blank');
        }
      }, 200);
  
}

function queryTable() {
更新数据
 var params = getQueryParams("queryForm");
  $('.datagrid-mask-msg').show();
  $.post(rfPath + '/svnlog/projectmap?id=', params, function(data) {
        $('#test').treegrid('loadData', data);
         $('.datagrid-mask-msg').hide();
      }, 'json')
}

function getQueryParams(queryForm) {
  var searchCondition = getJqueryObjById(queryForm).serialize();
  var obj = {};
  var pairs = searchCondition.split('&');
  var name, value;
  $.each(pairs, function(i, pair) {
        pair = pair.split('=');
        name = decodeURIComponent(pair[0]);
        value = decodeURIComponent(pair[1]);
        obj[name] = !obj[name] ? value : [].concat(obj[name]).concat(value); //若有多个同名称的参数,则拼接  
      });
  return obj;
}

/** 
 * 根据id获取jquery对象 
 * @param id 
 */
function getJqueryObjById(id) {
  return $("#" + id);
}


你可能感兴趣的:(jquery学习2 treegrid 更新写法,获取form键值对)