关于easy ui 表格加载的问题

snail0722 2013-09-22 01:12:05

//前台

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Basic DateBox - jQuery EasyUI Demo</title>

    <link rel="stylesheet" type="text/css" href="../js/themes/gray/easyui.css" />

    <link rel="stylesheet" type="text/css" href="../js/themes/icon.css" />



    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>



    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>



    <script type="text/javascript">

        $(function() {



            $('#tt').datagrid({

                title: 'DataGrid-实例',

                iconCls: 'icon-save',

                width: 600,

                height: 250,

                url: 'list.aspx',

                queryParams: { " ": "query" },

                columns: [[

                            { field: 'productid', title: 'Product ID', width: 80 },

                            { field: 'productname', title: 'Product Name', width: 80 },

                            { field: 'listprice', title: 'List Price', width: 80, align: 'right' },

                            { field: 'unitcost', title: 'Unit Cost', width: 80, align: 'right' },

                            { field: 'attr1', title: 'Attribute', width: 100 },

                            { field: 'status', title: 'Status', width: 60 }

                         ]]



            });

        })



    </script>



</head>

<body style="background: #eee; overflow-y: hidden">

    <table id="tt">

    </table>

</body>

</html>

//后台

public partial class _List : System.Web.UI.Page

{

    string action;



    protected void Page_Load(object sender, EventArgs e)

    {

        if (!string.IsNullOrEmpty(Request["action"])) action = Request["action"];

        //Response.Write("action=" + Request["action"]);

        switch (action)

        {

            case "query":

                query();

                break;

            default:

                break;

        }





    }

    public void query()

    {

        Response.Write("{'total':28,'rows':[{'productid':'FI-SW-01','productname':'Koi','unitcost':10.00,'status':'P','listprice':36.50,'attr1':'Large','itemid':'EST-1'},{'productid':'K9-DL-01','productname':'Dalmation','unitcost':12.00,'status':'P','listprice':18.50,'attr1':'Spotted Adult Female','itemid':'EST-10'},{'productid':'RP-SN-01','productname':'Rattlesnake','unitcost':12.00,'status':'P','listprice':38.50,'attr1':'Venomless','itemid':'EST-11'},{'productid':'RP-SN-01','productname':'Rattlesnake','unitcost':12.00,'status':'P','listprice':26.50,'attr1':'Rattleless','itemid':'EST-12'},{'productid':'RP-LI-02','productname':'Iguana','unitcost':12.00,'status':'P','listprice':35.50,'attr1':'Green Adult','itemid':'EST-13'},{'productid':'FL-DSH-01','productname':'Manx','unitcost':12.00,'status':'P','listprice':158.50,'attr1':'Tailless','itemid':'EST-14'},{'productid':'FL-DSH-01','productname':'Manx','unitcost':12.00,'status':'P','listprice':83.50,'attr1':'With tail','itemid':'EST-15'},{'productid':'FL-DLH-02','productname':'Persian','unitcost':12.00,'status':'P','listprice':23.50,'attr1':'Adult Female','itemid':'EST-16'},{'productid':'FL-DLH-02','productname':'Persian','unitcost':12.00,'status':'P','listprice':89.50,'attr1':'Adult Male','itemid':'EST-17'},{'productid':'AV-CB-01','productname':'Amazon Parrot','unitcost':92.00,'status':'P','listprice':63.50,'attr1':'Adult Male','itemid':'EST-18'}]}");

        Response.End();

    }

}