Extjs 控制項屬性（部分）

来源:http://www.cnblogs.com/dingjiaoyang/archive/2016/01/15/5133141.html
-Advertisement-
Play Games

Ext.form.TimeField:配置項：maxValue：列表中允許的最大時間maxText：當時間大於最大值時的錯誤提示信息minValue：列表中允許的最小時間minText：當時間小於最小值時的錯誤提示信息increment：兩個相鄰選項間的時間間隔，預設為15分鐘format：顯示格式...


  1. Ext.form.TimeField:   
  2.   
  3.    
  4.   
  5.   配置項：   
  6.            maxValue：列表中允許的最大時間   
  7.            maxText：當時間大於最大值時的錯誤提示信息   
  8.            minValue：列表中允許的最小時間   
  9.            minText：當時間小於最小值時的錯誤提示信息   
  10.            increment：兩個相鄰選項間的時間間隔，預設為15分鐘   
  11.            format：顯示格式，預設為“g:i A”。一般使用“H:i:s”   
  12.                 H：帶首碼0的24小時   
  13.                 i：帶首碼0的分鐘   
  14.                 s：帶首碼0的秒   
  15.            invalidText：當時間值非法時顯示的提示信息   
  16.            altFormats：多個時間輸入格式組成的字元串，不同的格式之間使用“|”進行分割  
  17.   
  18.    
  19.   
  20.    
  21.   
  22. Ext.form.FieldSet  
  23.   
  24.    
  25.   
  26. animCollapse：動畫摺疊，預設為false   
  27.            checkboxToggle：設置是否顯示欄位集的checkbox選擇框，預設為false   
  28.            checkboxName：指定欄位集中用於展開或隱藏欄位集面板的checkbox的名字，該屬性只有在checkboxToggle為true時生效   
  29.            labelWidth：欄位標簽的寬度，可以級聯到子容器   
  30.            layout：佈局，預設為form  
  31.   
  32.    
  33.   
  34. Ext.form.DateFied  
  35.   
  36.    
  37.   
  38. maxValue：允許選擇的最大日期   
  39.            maxText：當日期大於最大值時的錯誤提示信息   
  40.            minValue：允許選擇的最小時間   
  41.            minText：當日期小於最小值時的錯誤提示信息   
  42.            format：日期顯示格式，預設為“m/d/y”，一般使用“Y-m-d”   
  43.                Y：四位年份   
  44.                m：帶首碼0的月份   
  45.                d：帶首碼0的日期   
  46.                y：兩位年份   
  47.                n：不帶首碼0的月份   
  48.                j：不帶首碼0的日期   
  49.                w：星期的數字，0表示星期日，1代表星期一   
  50.            showToday：是否顯示今天按鈕，預設為true   
  51.            altFormats：多個日期輸入格式組成的字元串，不同的格式之間使用“|”進行分割，預設值為'm/d/Y|n/j/Y|n/j/y|m/j /y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'   
  52.            disabledDates：禁止選擇的日期組成的數組   
  53.            disabledDatesText：選擇禁選日期時顯示的提示信息   
  54.            disabledDays：禁止選擇的星期組成的數組，0代表星期日，1代表星期一   
  55.            disabledDaysText：選擇禁選星期時顯示的提示信息   
  56.            invalidText：當日期值非法時顯示的提示信息   
  57.      方法：   
  58.            getValue()：取得日期值  
  59.   
  60.    
  61.   
  62.    
  63.   
  64.    
  65.   
  66. Ext.form.ComboBox  
  67.   
  68.    
  69.   
  70. displayField：被顯示在下拉框中的欄位名   
  71.            editable：是否可編輯，預設為true   
  72.            forceSelection：輸入值是否嚴格為待選列表中存在的值。如果輸入不存在的值，會自動選擇第一個最接近的值。   
  73.            hiddenName：隱藏欄位的名字，如果提供該參數則一個隱藏欄位將被創建，用來存儲所選值，當表單提交時在伺服器端可以通過該名字取得列表中的所選值   
  74.            listWidth：下拉列表的寬度   
  75.            minListWidth：下拉列表的最小寬度，預設為70像素   
  76.            loadingText：當下拉框載入數據時顯示的提示信息，只有當mode='remote'時才會生效   
  77.            maxHeight：下拉列表框的最大高度，預設為300像素   
  78.            minChars：下拉列表框自動選擇前用戶需要輸入的最小字元數量。mode='remote'預設為4，mode='local'預設為0   
  79.            mode：下拉列表框的數據讀取模式。remote讀取遠程數據，local讀取本地數據   
  80.            pageSize：下拉列表框的分頁大小。該項設置只在mode='remote'時生效   
  81.            queryParam：查詢的名字，預設為'query'，將被傳遞到查詢字元串中   
  82.            allQuery：一個發往伺服器用來查詢全部信息的查詢字元串，預設為空字元串''   
  83.            selectOnFocus：當獲得焦點時立刻選擇一個已存在的列表項。預設為false，此項只有在editable=true時才會生效   
  84.            store：列表框綁定的數據源   
  85.            transform：將頁面中已存在的元素轉換為組合框   
  86.            lazyInit：延時初始化下拉列表，預設為true   
  87.            lazyRender：延時渲染，預設為false   
  88.            triggerAction：設置單擊觸發按鈕時執行的預設操作，有效值包括all和query，預設為query，如果設置為all則會執行allQuery中設置的查詢   
  89.            typeAhead：設置在輸入過程中是否自動選擇匹配的剩餘部分文本（選擇第一個滿足條件的），預設為false   
  90.            value：初始化組合框中的值   
  91.            valueField：組合框的值欄位   
  92.            valueNotFoundText：值不存在時的提示信息   
  93.            tpl：Ext模板字元串或模板對象，可以通過該配置項自定義下拉列表的顯示方式   
  94.   
  95.      方法：   
  96.            clearValue()：清空欄位當前值   
  97.            doQuery( String query, Boolean forceAll )：   
  98.            getValue()：   
  99.            getStore()：   
  100.            setValue( String value )：  
  101.   
  102.    
  103.   
  104.    
  105.   
  106.    
  107.   
  108. Ext.from.RadioGroup  
  109.   
  110.    
  111.   
  112. allowBlank：   
  113.            blankText：  
  114.   
  115.    
  116.   
  117.    
  118.   
  119.    
  120.   
  121. Ext.form.Radio;  
  122.   
  123.    
  124.   
  125. getGroupValue()：   
  126.            setValue( value {String/Boolean} )：  
  127.   
  128.    
  129.   
  130. Ext.form.CheckboxGroup  
  131.   
  132.    
  133.   
  134.   allowBlank：是否允許不選擇，預設為true   
  135.            blankText：   
  136.            columns：顯示的列數，可選值包括：固定值auto、數值、數組（整數、小數）   
  137.            items：對象數組   
  138.            vertical：是否垂直方向顯示對象，預設為false  
  139.   
  140.    
  141.   
  142.    
  143.   
  144. Ext.form.Checkbox  
  145.   
  146.    
  147.   
  148.   boxLabel：覆選框的文字描述   
  149.            checked：覆選框是否被選擇，預設為false   
  150.            handler：當checked值改變時觸發的函數，函數包含兩個參數：checkbox、checked   
  151.            inputValue：   
  152.      方法：   
  153.            getValue()：返回覆選框的checked狀態   
  154.            setValue( Boolean/String checked )：  
  155.   
  156.    
  157.   
  158. Ext.form.NumberField  
  159.   
  160.    
  161.   
  162.   allowDecimals：是否允許輸入小數，預設為true   
  163.            allowNegative：是否允許輸入負數，預設為true   
  164.            baseChars：輸入的有效數字集合，預設為'0123456789'   
  165.            decimalPrecision：數字的精度，預設保留小數點後2位   
  166.            decimalSeparator：十進位分隔符，預設為'.'   
  167.            maxValue：允許輸入的最大數值   
  168.            maxText：超過最大值之後的提示信息   
  169.            minValue：允許輸入的最小數值   
  170.            minText：超過最小值之後的提示信息   
  171.            nanText：輸入非有效數值之後的提示信息  
  172.   
  173.    
  174.   
  175.    
  176.   
  177. Ext.form.TextArea  
  178.   
  179.    
  180.   
  181. preventScrollbars：是否禁止出現滾動條，預設為false  
  182.   
  183.    
  184.   
  185.    
  186.   
  187. Ext.form.TextField  
  188.   
  189.    
  190.   
  191. allowBlank：是否允許為空，預設為true   
  192.           blankText：空驗證失敗後顯示的提示信息   
  193.           emptyText：在一個空欄位中預設顯示的信息   
  194.           grow：欄位是否自動伸展和收縮，預設為false   
  195.           growMin：收縮的最小寬度   
  196.           growMax：伸展的最大寬度   
  197.           inputType：欄位類型：預設為text   
  198.           maskRe：用於過濾不匹配字元輸入的正則表達式   
  199.           maxLength：欄位允許輸入的最大長度   
  200.           maxLengthText：最大長度驗證失敗後顯示的提示信息   
  201.           minLength：欄位允許輸入的最小長度   
  202.           minLengthText：最小長度驗證失敗後顯示的提示信息   
  203.           regex：正則表達式   
  204.           regexText：正則表達式驗證失敗後顯示的提示信息   
  205.           vtype：驗證類型的名字   
  206.                alpha：限制只能輸入字母   
  207.                alphanum：限制只能輸入字母和數字   
  208.                email   
  209.                url   
  210.           vtypeText：驗證失敗時的提示信息   
  211.           validator：自定義驗證函數   
  212.           selectOnFocus：當欄位得到焦點時自動選擇已存在的文本，預設為false  
  213.   
  214.    
  215.   
  216. Ext.form.Field  
  217.   
  218.    
  219.   
  220. name：欄位名   
  221.           value：欄位的初始化值   
  222.           disabled：欄位是否不可用，預設為false   
  223.           fieldLabel：欄位標簽說明   
  224.           hideLabel：隱藏欄位標簽，預設為false   
  225.           labelSeparator：欄位標簽與欄位之間的分隔符，預設為':'   
  226.           labelStyle：欄位標簽樣式   
  227.           inputType：預設為text   
  228.           invalidClass：預設為x-form-invalid   
  229.           invalidText：欄位非法文本提示   
  230.           msgTarget：錯誤信息顯示的位置，預設為qtip   
  231.               qtip：顯示一個浮動的提示信息   
  232.               title：顯示一個瀏覽器的浮動提示信息   
  233.               under：在欄位下方顯示一個提示信息   
  234.               side：在欄位右邊顯示一個提示信息   
  235.           readOnly：欄位是否只讀，預設為false   
  236.           validateOnBlur：欄位在失去焦點時被驗證，預設為true   
  237.      方法：   
  238.           clearInvalid()：   
  239.           getRawValue()   
  240.           setRawValue( Mixed value )   
  241.           getValue()   
  242.           setValue( Mixed value )   
  243.           isDirty()：欄位值在裝載後是否被修改過   
  244.           isValid( Boolean preventMark )：當前欄位值是否合法   
  245.           markInvalid( [String msg] )   
  246.           validate()   
  247.           reset()  
  248.   
  249.    
  250.   
  251.    
  252.   
  253.    
  254.   
  255. Ext.form.FormPanel  
  256.   
  257.    
  258.   
  259. items：一個元素或元素數組   
  260.           buttons：一個按鈕配置對象的數組，按鈕將被添加到表單頁腳中   
  261.           buttonAlign：按鈕的對齊方式，可選值有left、center、right，預設為center   
  262.           labelWidth：表單標簽的寬度   
  263.           labelAlign：表單標簽的對齊方式，可選值有left、top、right，預設為left   
  264.           labelSeparator：欄位標簽與欄位之間的分隔符，預設為':'   
  265.           minButtonWidth：按鈕的最小寬度，預設為75   
  266.      方法：   
  267.           getForm() : Ext.form.BasicForm   
  268.           load( Object options )   
  269.           startMonitoring()   
  270.           stopMonitoring()  
  271.   
  272.    
  273.   
  274. Ext.form.BaseicForm  
  275.   
  276.    
  277.   
  278. baseParams：傳遞到請求中的參數   
  279.           method：表單的提交方式，有效值包括GET、POST   
  280.           url：表單預設的提交路徑   
  281.           fileUpload：表單是否進行文件上傳   
  282.           timeout：表單動作的超時時間，預設為30秒   
  283.           trackResetOnLoad：是否在表單初次創建時清楚數據   
  284.     方法：   
  285.           doAction( String/Object actionName, [Object options] )：執行一個預訂的動作，可用選項包括：   
  286.               url：動作提交的路徑   
  287.               method：表單的提交方式，有效值包括GET、POST   
  288.               params：傳遞到請求中的參數   
  289.               headers：   
  290.               success：執行成功後回調的函數，包括兩個參數：form和action   
  291.               failure：執行失敗後回調的函數，包括兩個參數：form和action   
  292.               clientValidation：是否客戶端驗證   
  293.           clearInvalid()：清除表單中所有的無效驗證信息   
  294.           findField( String id )：查找表單欄位   
  295.           getValues( [Boolean asString] )：   
  296.           isDirty()：表單數據是否被更改過   
  297.           isValid()：客戶端驗證是否成功   
  298.           load( Object options )：執行表單讀取動作   
  299.           loadRecord( Record record )：從一個數據記錄中讀取數據到表單中   
  300.           markInvalid( Array/Object errors )：成批設置表單欄位為驗證無效   
  301.           reset()：重置表單   
  302.           setValues( Array/Object values )：成批設置表單欄位值   
  303.           submit( Object options )：執行表單提交動作   
  304.           updateRecord( Record record )：持久化表單數據到記錄集中  
  305.   
  306.    
  307.   
  308.    
  309.   
  310.    
  311.   
  312. Ext.form.Action  
  313.   
  314.    
  315.   
  316. success：執行成功後回調的函數，包括兩個參數：form和action   
  317.           failure：執行失敗後回調的函數，包括兩個參數：form和action   
  318.           method：表單的提交方式，有效值包括GET、POST   
  319.           params：傳遞到請求中的參數   
  320.           url：動作提交的路徑   
  321.           waitMsg：動作執行時顯示的等待信息   
  322.      屬性：   
  323.           Action.CLIENT_INVALID：客戶端驗證錯誤   
  324.           Action.CONNECT_FAILURE：通信錯誤   
  325.           Action.LOAD_FAILURE：載入數據時，沒有包含data屬性的欄位被返回   
  326.           Action.SERVER_INVALID：服務端驗證錯誤   
  327.           failureType：錯誤類型   
  328.           result：包含布爾類型的success屬性和其他屬性，如{success: true, msg: 'ok'}   
  329.           type：動作類型，可選值有submit和load   
  330.                Ext.form.Action.Submit：返回的信息中要包含一個布爾類型的success屬性和一個可選的errors屬性   
  331.                Ext.form.Action.Load：返回的信息中要包含一個布爾類型的success屬性和一個data屬性  
  332.   
  333.    
  334.   
  335.    
  336.   
  337.    
  338.   
  339.    
  340.   
  341.    
  342.   
  343. Ext.grid.EditorGridPanel  
  344.   
  345.    
  346.   
  347. clicksToEdit：設置點擊單元格進入編輯模式的點擊次數，預設為2   
  348.             autoEncode：是否自動編碼/解碼HTML內容，預設為false   
  349.             selModel：預設為Ext.grid.CellSelectionModel   
  350.     
  351.       主要方法：   
  352.             startEditing( Number rowIndex, Number colIndex )：開始編輯指定單元格   
  353.             stopEditing( [Boolean cancel] )：結束編輯操作  
  354.   
  355.    
  356.   
  357.    
  358.   
  359.    
  360.   
  361.    
  362.   
  363. Ext.grid.GroupinView  
  364.   
  365.    
  366.   
  367. enableGroupingMenu：是否在表頭菜單中進行分組控制，預設為true   
  368.             groupByText：表頭菜單中分組控制的菜單文字，預設為'Group By This Field'   
  369.     
  370.             enableNoGroups：是否允許用戶關閉分組功能，預設為true   
  371.             showGroupsText：在表頭菜單中啟用分組和禁用分組的菜單文字，預設為'Show in Groups'   
  372.     
  373.             groupTextTpl：用於渲染分組信息的模板，預設為'{text}'，常用的可選值有：   
  374.                   text：列標題:組欄位值   
  375.                   gvalue：組欄位的值   
  376.                   startRow：組行索引   
  377.     
  378.             enableGrouping：是否對數據分組，預設為true   
  379.             hideGroupedColumn：是否隱藏分組列，預設為false   
  380.             ignoreAdd：在向表格中添加數據時是否刷新表格，預設為false   
  381.             showGroupName：是否在分組行上顯示分組欄位的名字，預設為true   
  382.             startCollapsed：初次顯示時分組是否處於收縮狀態，預設為false   
  383.     
  384.       主要方法：   
  385.             collapseAllGroups()：收縮所有分組行   
  386.             expandAllGroups()：展開所有分組行   
  387.             getGroupId( String value )：根據分組欄位值取得組id   
  388.             toggleAllGroups( [Boolean expanded] )：切換所有分組行的展開或收縮狀態   
  389.             toggleGroup( String groupId, [Boolean expanded] )：切換指定分組行的展開或收縮狀態   
  390.   
  391.   
  392.   
  393.   
  394.   
  395. 2、Ext.data.GroupingStore   
  396.       groupField：分組欄位   
  397.   
  398.       groupOnSort：是否在分組欄位上排序，預設為false   
  399.       remoteGroup：是否遠程分組數據，預設為false。如果是遠程分組數據，則通過groupBy參數發送分組欄位名   
  400.   
  401.   
  402.   
  403.   
  404.   
  405. 3、範例源碼   
  406.   
  407. var datas = [[1,"張三",24,"男",new Date(1986,06,09)], [2,"李四",30,"女",new Date(1980,09,13)], [3,"王五",28,"男",new Date(1982,01,10)]];     
  408.                  
  409. var person = Ext.data.Record.create([     
  410.     {name: "personId", mapping: 0},     
  411.     {name: "personName", mapping: 1},     
  412.     {name: "personAge", mapping: 2},     
  413.     {name: "personGender", mapping: 3},     
  414.     {name: "personBirth", mapping: 4}     
  415. ]);     
  416.     
  417. var grid = new Ext.grid.GridPanel({     
  418.     title: "GroupingView實例",     
  419.     renderTo: "div1",     
  420.     width: 500,     
  421.     height: 300,     
  422.     frame: true,     
  423.     tbar: [     
  424.         {     
  425.             text: "展開/收縮",     
  426.             iconCls: "search",     
  427.             handler: function(){     
  428.                 var view = grid.getView();     
  429.                 //var groupId = view.getGroupId("男");     
  430.                 //view.toggleGroup(groupId);     
  431.                 view.toggleAllGroups();     
  432.             }     
  433.         }     
  434.     ],     
  435.          
  436.     store: new Ext.data.GroupingStore({     
  437.         reader: new Ext.data.ArrayReader({id:0}, person),     
  438.         data: datas,     
  439.         sortInfo: {field:"personId", direction:"ASC"}, //數據排序     
  440.         groupField: "personGender" //分組欄位     
  441.     }),     
  442.     view: new Ext.grid.GroupingView({     
  443.         sortAscText: "升序",     
  444.         sortDescText: "降序",     
  445.         columnsText: "表格欄位",     
  446.         groupByText: "使用當前欄位進行分組",     
  447.         showGroupsText: "表格分組",     
  448.         groupTextTpl: "{text}(共{[values.rs.length]}條)"    
  449.     }),     
  450.          
  451.     columns: [     
  452.         {id:"personId", header:"編號", width:50, dataIndex:"personId"},     
  453.         {id:"personName", header:"姓名", width:70, dataIndex:"personName"},     
  454.         {id:"personAge", header:"年齡", width:45, dataIndex:"personAge"},     
  455.         {id:"personGender", header:"性別", width:45, dataIndex:"personGender"},     
  456.         {id:"personBirth", header:"出生日期", width:120, dataIndex:"personBirth", renderer:Ext.util.Format.dateRenderer("Y年m月d日")}     
  457.     ]     
  458. });   
  459.   
  460.    
  461.   
  462.    
  463.   
  464.    
  465.   
  466.    
  467.   
  468.    
  469.   
  470.   
  471.   
  472. Ext.grid.GridPanel:  
  473.   
  474.    
  475.   
  476. store：表格的數據集   
  477.           columns：表格列模式的配置數組，可自動創建ColumnModel列模式   
  478.           autoExpandColumn：自動充滿表格未用空間的列，參數為列id，該id不能為0   
  479.           stripeRows：表格是否隔行換色，預設為false   
  480.     
  481.           cm、colModel：表格的列模式，渲染表格時必須設置該配置項   
  482.           sm、selModel：表格的選擇模式，預設為Ext.grid.RowSelectionModel   
  483.           enableHdMenu：是否顯示表頭的上下文菜單，預設為true   
  484.           enableColumnHide：是否允許通過標題中的上下文菜單隱藏列，預設為true   
  485.           loadMask：是否在載入數據時顯示遮罩效果，預設為false   
  486.           view：表格視圖，預設為Ext.grid.GridView   
  487.           viewConfig：表格視圖的配置對象   
  488.     
  489.           autoExpandMax：自動擴充列的最大寬度，預設為1000   
  490.           autoExpandMin：自動擴充列的最小寬度，預設為50   
  491.           columnLines：是否顯示列分割線，預設為false   
  492.           disableSelection：是否禁止行選擇，預設為false   
  493.           enableColumnMove：是否允許拖放列，預設為true   
  494.           enableColumnResize：是否允許改變列寬，預設為true   
  495.           hideHeaders：是否隱藏表頭，預設為false   
  496.           maxHeight：最大高度   
  497.           minColumnWidth：最小列寬，預設為25   
  498.           trackMouseOver：是否高亮顯示滑鼠所在的行，預設為true   
  499.     
  500.       主要方法：   
  501.           getColumnModel()：取得列模式   
  502.           getSelectionModel()：取得選擇模式   
  503.           getStore()：取得數據集   
  504.           getView()：取得視圖對象   
  505.           reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel )：使用一個新的數據集和列模式重新配置表格組件   
  506.   
  507.   
  508.   
  509.   
  510.   
  511. 2、Ext.grid.Column   
  512.       主要配置項：   
  513.           id：列id   
  514.           header：表頭文字   
  515.           dataIndex：設置列與數據集中數據記錄的對應關係，值為數據記錄中的欄位名稱。如果沒有設置該項則使用列索引與數據記錄中欄位的索引進行對應   
  516.           width：列寬   
  517.           align：列數據的對齊方式   
  518.     
  519.           hidden：是否隱藏列，預設為false   
  520.           fixed：是否固定列寬，預設為false   
  521.           menuDisabled：是否禁用列的上下文菜單，預設為false   
  522.           resizable：是否允許改變列寬，預設為true   
  523.           sortable：是否允許排序，預設為true   
  524.           renderer：設置列的自定義單元格渲染函數   
  525.                 傳入函數的參數有：   
  526.                     value：數據的原始值   
  527.                     metadata：元數據對象，用於設置單元格的樣式和屬性，該對象包含的屬性有：   
  528.                           css：應用到單元格TD元素上的樣式名稱   
  529.                           attr：一個HTML屬性定義字元串，例如'style="color:blue"'   
  530.                     record：當前數據記錄對象   
  531.                     rowIndex：單元格的行索引   
  532.                     colIndex：單元格的列索引   
  533.                     store：數據集對象   
  534.       
  535.           xtype：列渲染器類型，預設為gridcolumn，其它可選值有booleancolumn、numbercolumn、datecolumn、templatecolumn等   
  536.     
  537.           editable：是否可編輯，預設為true   
  538.           editor：編輯器   
  539.     
  540.           groupName：   
  541.           emptyGroupText：   
  542.           groupable：   
  543.   
  544.   
  545.   
  546.   
  547.   
  548. 3、Ext.grid.ColumnModel   
  549.       主要配置項：   
  550.           columns：欄位數組   
  551.           defaultSortable：是否進行預設排序，預設為false   
  552.           defaultWidth：預設寬度   
  553.     
  554.       主要方法：   
  555.           findColumnIndex( String col )：根據給定的dataIndex查找列索引   
  556.           getColumnById( String id )：取得指定id對應的列   
  557.           getColumnCount( Boolean visibleOnly )：取得列總數   
  558.           getColumnHeader( Number col )：取得列的表頭   
  559.           getColumnId( Number index )：取得列id   
  560.           getDataIndex( Number col )：取得列對應的數據欄位名   
  561.           getIndexById( String id )：取得列索引   
  562.           getTotalWidth( Boolean includeHidden )   
  563.           isCellEditable( Number colIndex, Number rowIndex )   
  564.           isFixed()   
  565.           isHidden( Number colIndex )   
  566.           setColumnHeader( Number col, String header )   
  567.           setColumnWidth( Number col, Number width, Boolean suppressEvent )   
  568.           setDataIndex( Number col, String dataIndex )   
  569.           setEditable( Number col, Boolean editable )   
  570.           setEditor( Number col, Object editor )   
  571.           setHidden( Number colIndex, Boolean hidden )   
  572.           setRenderer( Number col, Function fn )   
  573.   
  574.   
  575.   
  576.   
  577.   
  578. 4、Ext.grid.AbstractSelectionModel   
  579.       主要方法：   
  580.             lock()：鎖定選擇區域   
  581.             unlock()：解鎖選擇區域   
  582.             isLocked()：當前選擇區域是否被鎖定   
  583.     
  584.   
  585.   
  586. 5、Ext.grid.CellSelectionModel   
  587.       主要方法：   
  588.             clearSelections( Boolean preventNotify )：清除選擇區域   
  589.             getSelectedCell()：取得當前選擇的單元格，返回一數組，其格式：[rowIndex, colIndex]   
  590.             hasSelection()：當前是否有選擇區域   
  591.             select( Number rowIndex, Number colIndex, [Boolean preventViewNotify], [Boolean preventFocus], [Ext.data.Record r] )：選擇指定單元格   
  592.       
  593.   
  594.   
  595.   
  596. 6、Ext.grid.RowSelectionModel   
  597.       主要配置項：   
  598.             singleSelect：是否單選模式，預設為false，即可以選擇多條數據   
  599.   
  600.       主要方法：   
  601.             clearSelections( [Boolean fast] )：清除所有選擇區域   
  602.             deselectRange( Number startRow, Number endRow )：取消範圍內的行選擇   
  603.             deselectRow( Number row, [Boolean preventViewNotify] )：取消指定行的選擇狀態   
  604.             each( Function fn, [Object scope] )：遍歷所有選擇行，並調用指定函數。當前被選行將傳入該函數中   
  605.             getCount()：得到選擇的總行數   
  606.             getSelected()：得到第一個被選記錄   
  607.             getSelections()：得到所有被選記錄的數組   
  608.             hasNext()：判斷當前被選行之後是否還有記錄可以選擇   
  609.             hasPrevious()：判斷當前被選行之前是否還有記錄可以選擇   
  610.             hasSelection()：是否已選擇了數據   
  611.             isIdSelected( String id )：判斷指定id的記錄是否被選擇   
  612.             isSelected( Number/Record index )：判斷指定記錄或記錄索引的數據是否被選擇   
  613.             selectAll()：選擇所有行   
  614.             selectFirstRow()：選擇第一行   
  615.             selectLastRow( [Boolean keepExisting] )：選擇最後行   
  616.                   keepExisting：
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • django 學習-14 Django文件上傳 （Admin後臺）
    1、這種上傳方式是用admin後臺完成的，用資料庫和model做vim settings.pyMEDIA_ROOT = '/headImg/' 文件保存在路徑（還有後續）# 'django.middleware.csrf.CsrfViewMiddleware', 禁掉這個，跨站不會出問題'djan....
  • JQuery 中三十一種選擇器的應用
    選擇器(selector)是CSS中很重要的概念,所有HTML語言中的標記都是通過不同的CSS選擇器進行控制的。用戶只需要通過選擇器對不同的HTML標簽進行控制,並賦予各種樣式聲明,即可實現各種效果。　1.** { margin: 0; padding: 0; } 星號選擇器用於選取頁面中的所有元....
  • 國內瀏覽器檢測
    瀏覽器檢測通常都是通過分析用戶代理字元串（navigator.userAgent）來進行檢測。由於國內瀏覽器用的內核多是國外的，所以很多特性無法與國外瀏覽器區分，所以要先檢測國外瀏覽器，再檢測國內瀏覽器。這樣當國內瀏覽器沒有找到匹配項時就是內核預設的國外瀏覽器。function checkChine...
  • 用條件註釋判斷瀏覽器版本,解決相容問題
    對於瀏覽器相容問題，我們應該碰到很多了，在平時寫一些頁面時，在IE8、IE9上可能好好的，當我們在IE6、IE7或者是其他的瀏覽器上再瀏覽這些頁面時，可能會發現我們的頁面已經面目全非了，作為一名前端開發人員，這是最讓人發瘋的問題了，那麼我們該怎麼解決這些問題呢？首先，我們寫的頁面在不同的瀏覽器上之所...
  • 你知道嗎？為網站減負的十大措施
    網站快速載入，是提供良好用戶體驗的前提。然而，網站功能的不斷增多，程式包的不斷臃腫，導致網站訪問時較大的下載量，最終影響了響應速度。沒有一個用戶喜歡等待，如何減少代碼量，為網站減去過多負擔，Craig Buckler在sitepoint網站發表了一篇文章《10 Quick and Easy Fixe...
  • JS中的三種元素綁定的方法總結
    JS中的三種元素綁定的方法總結//"數據綁定":在給#ul1動態新增加數據,ary這個json數據中有幾（7）條我們就增加幾（7）條在我們的HTML結構中事先的先放三個li,並對這三個元素標簽設置一個效果changeBg();當這個方法執行的時候實現我們滑鼠滑倒li上時，他的背景顏色改變，划過後背景...
  • JS中null和undefined的區別:
    JS中null和undefined的區別: null屬於當前的值為空,以後會給其賦值的// undefined屬於非人為設置,意料之外的沒有// 例如：耿大大的女朋友是null、耿大大的男朋友是undefined//// 1、null// 1)在定義變數的時候手動的設置為nu...
  • 基於CSS3滑鼠經過立體翻轉切換特效
    基於CSS3滑鼠經過立體翻轉切換特效。這是一款基於jQuery+CSS3實現的滑鼠經過封面和詳情3D翻轉切換特效。效果圖如下：線上預覽源碼下載實現的代碼。html代碼： 定期寶年利率：7%-...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類