easyui的自动分页表格以及行编辑模式edatagrid

1,easyui 分享链接:http://pan.baidu.com/s/1sjwpbLr

2,效果图


3,代码实现



    easyui datagrid
   
   
   
   
   
   

   
   


   




   


       
           
               
               
               
               
               
           
       
   
员号姓名性别年龄工时合计



4,json包格式例子(绿色为可填项)

{"total":30,"rows":

[{"Id":"b78e290b-69a2-4c72-8899-8676c01b504d","Name":"pm1","Age":20,"Code":1001,"Gender":"男","TimesheetHours":42},{"Id":"fe3fcad8-513a-409c-9fc8-682a7d169d1e","Name":"pm2","Age":20,"Code":1002,"Gender":"男","TimesheetHours":42},{"Id":"87f02f49-fa60-441d-a2ae-f6331e16c1ae","Name":"pm3","Age":20,"Code":1003,"Gender":"男","TimesheetHours":42},{"Id":"cf47a521-c6d5-4fda-ae80-07b5266a383d","Name":"pm4","Age":20,"Code":1004,"Gender":"男","TimesheetHours":42},{"Id":"29b81751-f800-43ed-8aa9-a9e37bd4486a","Name":"pm5","Age":20,"Code":1005,"Gender":"男","TimesheetHours":42},{"Id":"f22596ea-e7a9-4323-b76b-43a9ec073f27","Name":"pm6","Age":20,"Code":1006,"Gender":"男","TimesheetHours":42},{"Id":"251c2d4d-a7eb-4b76-90c7-b0aa6fff8475","Name":"pm7","Age":20,"Code":1007,"Gender":"男","TimesheetHours":42},{"Id":"d6621ed3-1d56-4c51-9316-6f299eb11572","Name":"pm8","Age":20,"Code":1008,"Gender":"男","TimesheetHours":42},{"Id":"f3db24c9-b643-4f67-a3ab-8e5da6f0542f","Name":"pm9","Age":20,"Code":1009,"Gender":"男","TimesheetHours":42},{"Id":"0fcf6ebe-c57c-4143-840a-8c15ee26fea1","Name":"pm10","Age":20,"Code":1010,"Gender":"男","TimesheetHours":42}]}

你可能感兴趣的:(插件示例)