easyui—datagrid应用

 <table id="divShow" class="easyui-datagrid"></table>

<Script>

 $('#divShow').datagrid({
            url: 'Search1',//方法路径
            method: 'post',//接收方式
            width: 1150,//表格总宽度
            fit: false,
            fitColumns:true,//自动扩大或缩小列的尺寸以防止水平滑动
            striped: true,//即奇偶行使用不同背景色
            singleSelect: true,//只能选择单行
            pagination: true,//底部显示分页工具栏
            pageSize: 20,//分页行数
            nowrap: true,//数据显示在一行里
            queryParams: { 'Mo': Mo, 'Model': Model, 'Line': Line, 'DateS': DateS, 'DateE': DateE, 'Approved': Approved },

//将参数传送给Url路径中，将参数传给方法中去
            columns: [[
                { field: 'MO', title: '工单', width: 100, align: 'center', formatter: linkFormat },
                { field: 'WZSPN', title: '成品料号', width: 120, align: 'center' }
            ]],//列的属性field对应name，title为显示出的列名，formatter后接着为格式化function名
            onLoadSuccess: function (data) {
                
            },
            onLoadError: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(JSON.stringify(errorThrown));
            }
        });

</Script>