<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    duansky'weblog
    

    

    


    
	
		

    統計
    
	
		

    留言簿(3)
    


        
		
		
    友情鏈接
    
		
				
			
	

        

    閱讀排行榜
    


		

    評論排行榜
    


	

    

    
	
					
	
    
		
    
			Ext.grid.EditorGridPanel的使用、修改記錄的獲取及提交方法
		
    
		
		
				
						
      
								
    1. 
										
												<HTML>??
										
								
      2. 
								
    2. 
										?<HEAD>??
								
      3. 
								
    3. 
										??<TITLE>可編輯表格面板EditorGridPanel</TITLE>??
								
      4. 
								
    4. 
										??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">??
								
      5. 
								
    5. 
										??<link?rel="stylesheet"?type="text/css"?href="extjs2.0/resources/css/ext-all.css"?mce_href="extjs2.0/resources/css/ext-all.css"?/>??
								
      6. 
								
    6. 
										??<mce:script?type="text/javascript"?src="extjs2.0/adapter/ext/ext-base.js"?mce_src="extjs2.0/adapter/ext/ext-base.js"></mce:script>??
								
      7. 
								
    7. 
										??<mce:script?type="text/javascript"?src="extjs2.0/ext-all.js"?mce_src="extjs2.0/ext-all.js"></mce:script>??
								
      8. 
								
    8. 
										??<mce:script?type="text/javascript"?src="extjs2.0/source/locale/ext-lang-zh_CN.js"?mce_src="extjs2.0/source/locale/ext-lang-zh_CN.js"></mce:script>??
								
      9. 
								
    9. 
										??<mce:script?type="text/javascript"><!--??
								
      10. 
								
    10. 
										?Ext.onReady(function(){??
								
      11. 
								
    11. 
										??Ext.BLANK_IMAGE_URL?=?'../../extjs2.0/resources/images/default/s.gif';??
								
      12. 
								
    12. 
										??Ext.QuickTips.init();??
								
      13. 
								
    13. 
										??Ext.form.Field.prototype.msgTarget?=?'qtip';??
								
      14. 
								
    14. 
										??//創建表格數據??
								
      15. 
								
    15. 
										??var?data?=?[??
								
      16. 
								
    16. 
										???[1,'張三','男',new?Date(1979,09,13),29,'zhang@abc.com'],??
								
      17. 
								
    17. 
										???[2,'李四','女',new?Date(1978,10,01),30,'li@abc.com'],??
								
      18. 
								
    18. 
										???[3,'王五','男',new?Date(1981,01,01),27,'wang@abc.com']??
								
      19. 
								
    19. 
										??];??
								
      20. 
								
    20. 
										??//創建記錄類型Person，mapping值為字段值對應數組中數據的索引位置??
								
      21. 
								
    21. 
										??var?Person?=?Ext.data.Record.create([??
								
      22. 
								
    22. 
										???{name:?'personId',mapping:?0},??
								
      23. 
								
    23. 
										???{name:?'personName',mapping:?1},??
								
      24. 
								
    24. 
										???{name:?'personSex',mapping:?2},??
								
      25. 
								
    25. 
										???{name:?'personBirthday',mapping:?3},??
								
      26. 
								
    26. 
										???{name:?'personAge',mapping:?4},??
								
      27. 
								
    27. 
										???{name:?'personEmail',mapping:?5}??
								
      28. 
								
    28. 
										??]);??
								
      29. 
								
    29. 
										??var?dataStore=new?Ext.data.Store({//配置數據集??
								
      30. 
								
    30. 
										????reader:?new?Ext.data.ArrayReader({id:0},Person),??
								
      31. 
								
    31. 
										????data:?data??
								
      32. 
								
    32. 
										???});??
								
      33. 
								
    33. 
										??//創建Grid表格組件??
								
      34. 
								
    34. 
										??var?grid?=?new?Ext.grid.EditorGridPanel({??
								
      35. 
								
    35. 
										???title?:?'Ext.grid.EditorGridPanel',??
								
      36. 
								
    36. 
										???applyTo?:?'grid-div',??
								
      37. 
								
    37. 
										???width:430,??
								
      38. 
								
    38. 
										???height:280,??
								
      39. 
								
    39. 
										???frame:true,??
								
      40. 
								
    40. 
										???clicksToEdit:2,??
								
      41. 
								
    41. 
										???store:?dataStore,??
								
      42. 
								
    42. 
										???//方式一：對所有修改結果集中式提交??
								
      43. 
								
    43. 
										???tbar:[{??
								
      44. 
								
    44. 
										????text:'提交修改',??
								
      45. 
								
    45. 
										????handler:function(){??
								
      46. 
								
    46. 
										?????var?mr=dataStore.getModifiedRecords();//獲取所有更新過的記錄??
								
      47. 
								
    47. 
										?????var?recordCount=dataStore.getCount();//獲取數據集中記錄的數量??
								
      48. 
								
    48. 
										?????if(mr.length==0){??//?確認修改記錄數量??
								
      49. 
								
    49. 
										???????alert("沒有修改數據！");??
								
      50. 
								
    50. 
										???????return?false;??
								
      51. 
								
    51. 
										?????}??
								
      52. 
								
    52. 
										???????
								
      53. 
								
    53. 
										?????var?recordModStr="[";//這里以josn方式保存??
								
      54. 
								
    54. 
										?????for(var?i=0;i<mr.length;i++){??
								
      55. 
								
    55. 
										??????alert("orginValue:"mr[i].modified["personEmail"]+",value:"+mr[i].data["personSex"]);//此處cell是否發生??
								
      56. 
								
    56. 
										?????????????????????????????????????????????//更改可用mr[i].dirty來判斷??
								
      57. 
								
    57. 
										??????recordModStr+="{personName:"+mr[i].data["personName"]+",personSex:"+mr[i].data["personSex"]+",personBirthday:"??
								
      58. 
								
    58. 
										???????????+mr[i].data["personBirthday"]+",personAge:"+mr[i].data["personAge"]+",personEmail:"+mr[i].data["personEmail"]+"}";??
								
      59. 
								
    59. 
										???????if(i<mr.length-1)??
								
      60. 
								
    60. 
										????????????????recordModStr+=",";??
								
      61. 
								
    61. 
										?????}??
								
      62. 
								
    62. 
										?????recordModStr+="]";??
								
      63. 
								
    63. 
										?????alert(recordModStr);??
								
      64. 
								
    64. 
										?????//向后臺提交請求?Ext.Ajax.request(requestCofig);//將recordModStr傳入??
								
      65. 
								
    65. 
										???}??
								
      66. 
								
    66. 
										???}],??
								
      67. 
								
    67. 
										???columns:?[//配置表格列??
								
      68. 
								
    68. 
										????{header:?"id",?width:?40,?dataIndex:?'personId'},??
								
      69. 
								
    69. 
										????{header:?"姓名",?width:?70,?dataIndex:?'personName',??
								
      70. 
								
    70. 
										?????editor:new?Ext.form.TextField({??
								
      71. 
								
    71. 
										??????allowBlank?:?false??
								
      72. 
								
    72. 
										?????})??
								
      73. 
								
    73. 
										????},??
								
      74. 
								
    74. 
										????{header:?"性別",?width:?40,?dataIndex:?'personSex',??
								
      75. 
								
    75. 
										?????editor:new?Ext.form.ComboBox({??
								
      76. 
								
    76. 
										??????editable?:?false,??
								
      77. 
								
    77. 
										??????displayField:'sex',??
								
      78. 
								
    78. 
										??????mode:?'local',??
								
      79. 
								
    79. 
										??????triggerAction:?'all',??
								
      80. 
								
    80. 
										??????store:new?Ext.data.SimpleStore({??
								
      81. 
								
    81. 
										???????fields:?['sex'],??
								
      82. 
								
    82. 
										???????data?:?[['男'],['女']]??
								
      83. 
								
    83. 
										??????})??
								
      84. 
								
    84. 
										?????})??
								
      85. 
								
    85. 
										????},??
								
      86. 
								
    86. 
										????{header:?"生日",?width:?100,?dataIndex:?'personBirthday',??
								
      87. 
								
    87. 
										?????editor:new?Ext.form.DateField(),??
								
      88. 
								
    88. 
										?????renderer:Ext.util.Format.dateRenderer('Y年m月d日')??
								
      89. 
								
    89. 
										????},??
								
      90. 
								
    90. 
										????{header:?"年齡",?width:?40,?dataIndex:?'personAge',??
								
      91. 
								
    91. 
										?????editor:new?Ext.form.NumberField(),renderer:isEdit??
								
      92. 
								
    92. 
										????},??
								
      93. 
								
    93. 
										????{header:?"電子郵件",?width:?120,?dataIndex:?'personEmail',??
								
      94. 
								
    94. 
										?????editor:new?Ext.form.TextField({??
								
      95. 
								
    95. 
										??????vtype:'email'??
								
      96. 
								
    96. 
										?????})??
								
      97. 
								
    97. 
										????}??
								
      98. 
								
    98. 
										???]??
								
      99. 
								
    99. 
										??})??
								
      100. 
								
    100. 
										??//方式二：對修改結果實時提交，這里對年齡實時提交??
								
      101. 
								
    101. 
										??function?isEdit(value,record){??
								
      102. 
								
    102. 
										????//向后臺提交請求??
								
      103. 
								
    103. 
										???return?value;??
								
      104. 
								
    104. 
										??}??
								
      105. 
								
    105. 
										
												function
												?afterEdit(obj){????
												//每次更改后，觸發一次該事件
												??
										
								
      106. 
								
    106. 
										??????????alert("orginalValue:"+obj.originalValue+",value:"+obj.value);??
								
      107. 
								
    107. 
										??????}??
								
      108. 
								
    108. 
										?????grid.on("afteredit",?afterEdit,?grid);??
								
      109. 
								
    109. 
										?});??
								
      110. 
								
    110. 
										????
								
      111. 
								
    111. 
										
												//?--></mce:script>
												??
										
								
      112. 
								
    112. 
										?</HEAD>??
								
      113. 
								
    113. 
										?<BODY?style="margin=10?10?10?10;"?mce_style="margin=10?10?10?10;">??
								
      114. 
								
    114. 
										?<div?id='grid-div'></div>??
								
      115. 
								
    115. 
										?</BODY>??
								
      116. 
								
    116. 
										</HTML>??
								
      117. 
						
    
						
    
								
										
    
										
    轉自: http://blog.csdn.net/gaoyusi4964238/archive/2009/07/25/4378498.aspx    
						
    
				    
		    

		
    
			posted on 2010-09-09 17:31 duansky 閱讀(2820) 評論(1)  編輯  收藏  所屬分類: Ext 
		
    
	
    
	
	


	


    
	    
    


    

    評論
    
	
	
			
    
				# re: Ext.grid.EditorGridPanel的使用、修改記錄的獲取及提交方法[未登錄]
					
						2011-09-02 16:22
					
				a
			
    
			
    
				帥個毛  回復  更多評論
				  
			
    
		

    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
国产精品色午夜免费视频|
香蕉视频亚洲一级|
亚洲另类激情综合偷自拍图|
在线观看免费人成视频|
日韩免费在线视频|
caoporn国产精品免费|
亚洲AV无码成人精品区日韩|
亚洲国产成人综合|
久久久久亚洲精品无码蜜桃|
亚洲国产精品线观看不卡|
中文字幕在线观看免费|
亚洲国产精品狼友中文久久久|
三级片免费观看久久|
无码少妇一区二区浪潮免费|
好看的电影网站亚洲一区|
亚洲色欲啪啪久久WWW综合网|
a级毛片免费在线观看|
拨牐拨牐x8免费|
亚洲国产精品一区|
久久成人永久免费播放|
国产精品二区三区免费播放心|
亚洲国产人成网站在线电影动漫|
国产精品无码免费专区午夜
|
日韩精品成人无码专区免费|
久久精品毛片免费观看|
久久精品视频免费播放|
在线看片免费人成视频播|
精品人妻系列无码人妻免费视频|
人人爽人人爽人人片A免费|
美女被免费网站在线视频免费|
WWW国产亚洲精品久久麻豆|
亚洲AV成人精品日韩一区|
亚洲JIZZJIZZ妇女|
国产在亚洲线视频观看|
国产亚洲精品仙踪林在线播放|
国产成人亚洲精品电影|
免费国产a理论片|
成人片黄网站色大片免费观看cn|
中文字幕av免费专区|
嫩草成人永久免费观看|
在线观看免费视频资源|