Question

我使用的是EasyUI面板，但是面板标题不适合面板，所以我看不到面板操作的图标。 EasyUI创建了这个结果：

<div class="panel" style="display: block; width: 400px;">
<div class="panel-header" style="width: 412.222px;">
    <div class="panel-title">Select picture</div>
    <div class="panel-tool">
    <a href="javascript:void(0)" class="icon-plus"></a>
    <a href="javascript:void(0)" class="icon-reload"></a>
    </div>
</div>
<div id="foto_panel" style="display: block; width: 402.222px; height: 473.111px;" class="easyui-panel panel-body" title="">
    content of the panel
</div>

因此，您可以看到标题<div class="panel-header">的宽度超出了包裹<div class="panel">的宽度。

全部由PHP函数创建，该函数根据此脚本返回html：

    $script="
        $(function(){                               
            var w = 400;
            var h = 500;

            $('#foto_panel').panel({                    
                title: 'Select picture',
                width: w,
                height: h,

                tools:[{
                    iconCls: 'icon-plus',
                    handler: function(){
                    }
                },{
                    iconCls: 'icon-reload',
                    handler: function(){
                        $('#".$combo_id."').combobox('reload','".$url."');
                    }
                }]
            });
        });";

更新：

我发现css中的一些属性（比如padding：0px）正在使用EasyUI脚本。需要更改/注释EasyUI的工作正常。

感谢。

解决

EasyUI面板标题不适合面板

0 个答案: