【连载】研究EasyUI系统—Panel组件（属性）

    panel属性比较多，根据常用的程度有选择性地介绍一些。。

    我们选择一些常用的属性来说明。
    cls、headerCls、bodyCls在上一篇例子中已经通过代码做了介绍，是panel控件各部分的css样式。
    style属性用于添加自定义样式，如果你想给panel设置一个转角为5像素的圆角矩形边框，可以写上<div class="easyui-panel" data-options="style:{ borderRadius:5}"></div>
    content属性作为内容将显示到panel控件的body部分，不过一般会使用href属性所链接的页面来作为内容，这样更灵活。
    tools属性决定控件是否在header部分显示工具栏，下例中，我们定义了一个工具栏，显示“+”和“-”按钮。

<div id="divTools">
    <a href="#" class="icon-add" 
        onclick="javascript:alert('add')"></a>
    <a href="#" class="icon-remove"
        onclick="javascript:alert('del')"></a>
</div>
<div class="easyui-panel" 
    data-options="tools:'#divTools'"></div>

    footer属性指定控件footer部分（有些也叫页脚），在上一篇代码中也可以看到。
    openAnimation和closeAnimation指定了打开和关闭panel控件时显示的动画效果，值是字符串的形式，有“slide”,“fade”,“show”三种。
    openDuration和closeDuration指定从“打开（关闭）”这一动作触发到动作完成所持续的时间。
    href属性的值是一个URL链接地址，这个地址所指向页面的内容，将作为panel控件body部分显示的内容。这是一个很常用的属性。
    method属性和html中form元素中的method方法作用一样，指明http的请求方式。当使用href属性请求页面时，我们可以设定method为“post”或者“get”，默认为“get”。
    用户可以在使用href属性请求页面的同时，通过queryParams属性携带一些必要参数。

<script>
    $("myPanel").panel({
        url:'news.php',
        queryParams:{date:'2016-10-05',type:1}
    });
</script>

    上例中的queryParams提交了date和type两个参数给news.php。他们提交的方式和通过表单form的提交方式是一样的。究竟是是以查询字符串形式提交，还是以form内容主体方式提交，取决于属性method是POST还是GET。