esayui treegird no wrap 不起作用 文字过多不能自动换行

我们不生产代码，我们至少代码的搬运工.

社区issue  [SOLVED] Treegrid nowrap (jeasyui.com) 

https://www.jeasyui.com/forum/index.php?topic=6468.0

解决方案出处 ：http://code.reloado.com/abucaz/edit#preview

 

 

 

 

 

现象：

 

 

 

社区给出的拓展方法

(function($){
    var fixColumnSize = $.fn.datagrid.methods.fixColumnSize;
    $.extend($.fn.datagrid.methods, {
        fixColumnSize: function(jq, field){
            return jq.each(function(){
                fixColumnSize($(this), field);
                if ($(this).data('treegrid')){
                    var opts = $(this).treegrid('options');
                    var field = opts.treeField;
                    $(this).treegrid('getPanel').find('td[field="'+field+'"] .datagrid-cell').each(function(){
                        var width1 = $(this).width() - ($(this).children('span').length-1)*16;
                        $(this).find('.tree-title').css({
                            whiteSpace: 'normal',
                            height: 'auto'
                        }).width(width1);
                    });
                    $(this).treegrid('fixRowHeight');

                }
            });
        }
    });
})(jQuery);

使用拓展

$(function(){
            $('#tg').treegrid({
                data: data,
                idField: 'id',
                treeField: 'name',
                nowrap: true,//注意这里是true
                onLoadSuccess: function(){
                  $(this).treegrid('fixColumnSize','name');//fixColumnSize 的参数是 col.field

} }) })

最后效果：