EasyUI

以easyui中的panel中，使用url加载数据为列。

效果：

html代码：

<div id="p" style="padding: 10px;">
    <p>panel content.</p>
    <p>panel content.</p>
</div>

js代码：

• url的路径一定要是物理路径：例如： ../Josn/abc.ashx   前面要加上  ../  

$(function () {
    $('#p').panel({
         400,
        height: 200,
        title: '标题',
        iconCls: 'icon-add',
        collapsible: true,//是否显示可折叠按钮
        minimizable: true,
        maximizable: true,
        closable: true,
        href: '../Json/PanelJosn.ashx',//一定要加上 “..” 
    })
})

HttpHandler代码：

public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "application/json";
    Thread.Sleep(3000);//延时3S
    context.Response.Write("Hello World");
}