资源描述:
《extjs 动态表格完整版》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、extjs动态表格完整版EXTjsonSQLSQLServerJSP前台页的源码test2.jsJava代码 1. 2. 3.Ext.onReady(function() { 4. 5. Ext.QuickTips.init();// 浮动信息提示 6. 7. Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';// 替换图片文件地址为本地 8. 9. /*刚打开页面等待中,需要屏蔽*
2、/ 10. var myMask; 11. Ext.onReady(function(){ 12. myMask= new Ext.LoadMask(Ext.getBody(), {msg:"loading..."}); 13. myMask.show(); 14. }); 15. 16. // 定义数据源为远程代理和JSON数据格式� 17. var ds = new Ext.data.Store({ 18. proxy : new Ext.data.HttpPro
3、xy({ 19. // 这个url,是后台返回的数据,这个url可以是Struts的Action,也可以是servlet,这里为了方便就是一个jsp文件 20. url : '../ext.do?method=date', 21. failure : function() { 22. Ext.Msg.alert("数据加载失败!请检查"); 23. }, 24. success:function(){ 25. myMask.hide(); 26. } 27. 28
4、. }), 29. 1. 2. 3. reader : new Ext.data.JsonReader({ 4. // 这个totalProperty和root属性,要和后台的文件resJson.jsp中的保持一致!! 5. totalProperty : 'totalProperty', 6. root : 'root' 7. 8. }, [{ 9. 10. name : 'id' 11. 12. }, { 13. 14. name : 'name'
5、15. 16. }, { 17. 18. name : 'sex' 19. 20. }, { 21. 22. name : "birthday", 23. 24. type : "date", 25. 26. dateFormat : "Y-n-j" 27. 28. }, { 29. 30. name : 'email' 31. 32. }, 33. { 34. 35. name : 'edit' 36. 37. }] 38. ) 39.
6、 40. }); 41. 42. 1. // 加载首页数据,每页显示10条记录� 2. 3. ds.load({ 4. 5. params : { 6. 7. start : 0, 8. 9. limit : 10 10. 11. } 12. 13. }); 14. 15. // 定义复选框 16. 17. var sm = new Ext.grid.CheckboxSelectionModel(); 18. 19. // 定义列模型 20. 21. var
7、 cm = new Ext.grid.ColumnModel([ 22. 23. // new Ext.grid.RowNumberer(),// 添加自动行号� 24. 25. sm,// 添加复选框� 26. 27. { 28. 29. header : '学号', 30. 31. width : 40, 32. 33. dataIndex : 'id' 34. 35. }, { 36. 37. header : '姓名', 38.
8、 39. width : 40, 40. 41. dataIndex : 'name', 1. 2. sortable:true, 3. 4. editor:new Ext.form.TextField() 5. }, { 6.