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

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

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

    [轉]Ext Grid控件的配置與方法

    1、Ext.grid.GridPanel
    主要配置項:
    store:表格的數據集
    columns:表格列模式的配置數組,可自動創建ColumnModel列模式
    autoExpandColumn:自動充滿表格未用空間的列,參數為列id,該id不能為0
    stripeRows:表格是否隔行換色,默認為false
    cm、colModel:表格的列模式,渲染表格時必須設置該配置項
    sm、selModel:表格的選擇模式,默認為Ext.grid.RowSelectionModel
    enableHdMenu:是否顯示表頭的上下文菜單,默認為true
    enableColumnHide:是否允許通過標題中的上下文菜單隱藏列,默認為true
    loadMask:是否在加載數據時顯示遮罩效果,默認為false
    view:表格視圖,默認為Ext.grid.GridView
    viewConfig:表格視圖的配置對象
    autoExpandMax:自動擴充列的最大寬度,默認為1000
    autoExpandMin:自動擴充列的最小寬度,默認為50
    columnLines:是否顯示列分割線,默認為false
    disableSelection:是否禁止行選擇,默認為false
    enableColumnMove:是否允許拖放列,默認為true
    enableColumnResize:是否允許改變列寬,默認為true
    hideHeaders:是否隱藏表頭,默認為false
    maxHeight:最大高度
    minColumnWidth:最小列寬,默認為25
    trackMouseOver:是否高亮顯示鼠標所在的行,默認為true
    主要方法:
    getColumnModel():取得列模式
    getSelectionModel():取得選擇模式
    getStore():取得數據集
    getView():取得視圖對象
    reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel ):使用一個新的數據集和列模式重新配置表格組件

    2、Ext.grid.Column
    主要配置項:
    id:列id
    header:表頭文字
    dataIndex:設置列與數據集中數據記錄的對應關系,值為數據記錄中的字段名稱。如果沒有設置該項則使用列索引與數據記錄中字段的索引進行對應
    width:列寬
    align:列數據的對齊方式
    hidden:是否隱藏列,默認為false
    fixed:是否固定列寬,默認為false
    menuDisabled:是否禁用列的上下文菜單,默認為false
    resizable:是否允許改變列寬,默認為true
    sortable:是否允許排序,默認為true
    renderer:設置列的自定義單元格渲染函數
    傳入函數的參數有:
    value:數據的原始值
    metadata:元數據對象,用于設置單元格的樣式和屬性,該對象包含的屬性有:
    css:應用到單元格TD元素上的樣式名稱
    attr:一個HTML屬性定義字符串,例如'style="color:blue"'
    record:當前數據記錄對象
    rowIndex:單元格的行索引
    colIndex:單元格的列索引
    store:數據集對象
    xtype:列渲染器類型,默認為gridcolumn,其它可選值有booleancolumn、numbercolumn、datecolumn、 templatecolumn等
    editable:是否可編輯,默認為true
    editor:編輯器
    groupName:
    emptyGroupText:
    groupable:

    3、Ext.grid.ColumnModel
    主要配置項:
    columns:字段數組
    defaultSortable:是否進行默認排序,默認為false
    defaultWidth:默認寬度
    主要方法:
    findColumnIndex( String col ):根據給定的dataIndex查找列索引
    getColumnById( String id ):取得指定id對應的列
    getColumnCount( Boolean visibleOnly ):取得列總數
    getColumnHeader( Number col ):取得列的表頭
    getColumnId( Number index ):取得列id
    getDataIndex( Number col ):取得列對應的數據字段名
    getIndexById( String id ):取得列索引
    getTotalWidth( Boolean includeHidden )
    isCellEditable( Number colIndex, Number rowIndex )
    isFixed()
    isHidden( Number colIndex )
    setColumnHeader( Number col, String header )
    setColumnWidth( Number col, Number width, Boolean suppressEvent )
    setDataIndex( Number col, String dataIndex )
    setEditable( Number col, Boolean editable )
    setEditor( Number col, Object editor )
    setHidden( Number colIndex, Boolean hidden )
    setRenderer( Number col, Function fn )

    4、Ext.grid.AbstractSelectionModel
    主要方法:
    lock():鎖定選擇區域
    unlock():解鎖選擇區域
    isLocked():當前選擇區域是否被鎖定

    5、Ext.grid.CellSelectionModel
    主要方法:
    clearSelections( Boolean preventNotify ):清除選擇區域
    getSelectedCell():取得當前選擇的單元格,返回一數組,其格式:[rowIndex, colIndex]
    hasSelection():當前是否有選擇區域
    select( Number rowIndex, Number colIndex, [Boolean preventViewNotify], [Boolean preventFocus], [Ext.data.Record r] ):選擇指定單元格

    6、Ext.grid.RowSelectionModel
    主要配置項:
    singleSelect:是否單選模式,默認為false,即可以選擇多條數據
    主要方法:
    clearSelections( [Boolean fast] ):清除所有選擇區域
    deselectRange( Number startRow, Number endRow ):取消范圍內的行選擇
    deselectRow( Number row, [Boolean preventViewNotify] ):取消指定行的選擇狀態
    each( Function fn, [Object scope] ):遍歷所有選擇行,并調用指定函數。當前被選行將傳入該函數中
    getCount():得到選擇的總行數
    getSelected():得到第一個被選記錄
    getSelections():得到所有被選記錄的數組
    hasNext():判斷當前被選行之后是否還有記錄可以選擇
    hasPrevious():判斷當前被選行之前是否還有記錄可以選擇
    hasSelection():是否已選擇了數據
    isIdSelected( String id ):判斷指定id的記錄是否被選擇
    isSelected( Number/Record index ):判斷指定記錄或記錄索引的數據是否被選擇
    selectAll():選擇所有行
    selectFirstRow():選擇第一行
    selectLastRow( [Boolean keepExisting] ):選擇最后行
    keepExisting:是否保持已有的選擇
    selectNext( [Boolean keepExisting] ):選擇當前選擇行的下一行
    selectPrevious( [Boolean keepExisting] ):選擇當前選擇行的上一行
    selectRange( Number startRow, Number endRow, [Boolean keepExisting] ):選擇范圍內的所有行
    selectRecords( Array records, [Boolean keepExisting] ):選擇一組指定記錄
    selectRow( Number row, [Boolean keepExisting], [Boolean preventViewNotify] ):選擇一行
    row:行索引
    selectRows( Array rows, [Boolean keepExisting] ):選擇多行
    rows:行索引數組

    7、Ext.grid.CheckboxSelectionModel
    主要配置項:
    singleSelect:是否單選模式,默認為false,即可以選擇多條數據
    checkOnly:是否只能通過點擊checkbox列進行選擇,默認為false
    sortable:是否允許checkbox列排序,默認為false
    width:checkbox列的寬度,默認為20

    8、Ext.grid.RowNumberer
    主要配置項:
    header:行號列表頭顯示的內容
    width:列寬,默認為23

    9、Ext.grid.GridView
    主要配置項:
    enableRowBody:是否包含行體
    sortAscText:表格標題菜單中升序的文字描述
    sortDescText:表格標題菜單中降序的文字描述
    columnsText:表格標題菜單中列對應的文字描述
    autoFill:是否自動擴展列以充滿整個表格,默認為false
    forceFit:是否強制調整表格列寬以適用表格的整體寬度,防止出現水平滾動條,默認為false
    主要方法:
    focusCell( Number row, Number col ):將焦點移到指定單元格
    focusRow( Number row ):將焦點移動指定行
    getCell( Number row, Number col ):取得指定單元格對應的td元素
    getHeaderCell( Number index ):取得指定表頭對應的td元素
    getRow( Number index ):取得指定行對應的tr元素
    getRowClass( Record record, Number index, Object rowParams, Store store ):得到附加到表格行上的樣式名
    record:當前行的數據記錄對象
    index:當前行的索引
    rowParams:渲染時傳入到行模板中的配置對象,通過它可以為行體定制樣式,該對象只在enableRowBody為true時才生效,可能的屬性 如下:
    body:渲染到行體中的HTML代碼片段
    bodyStyle:應用到行體tr元素style屬性的字符串
    cols:應用到行體td元素colspan屬性的值,默認為總列數
    store:表格數據集
    refresh( [Boolean headersToo] ):刷新表格組件
    scrollToTop():滾動表格到頂端

    posted on 2011-04-12 18:50 sanmao 閱讀(18246) 評論(4)  編輯  收藏

    FeedBack:
    # re: Ext.grid.GridPanel |屬性|方法|配置|詳細介紹
    2012-03-09 16:14 | leedongyang
    我想從前臺多個通過<ext:Parameter></Parameter>傳遞不同的字符串到后臺作為一個選擇分支的判斷條件,

    其中一句是: <ext:Parameter Name="Name" Value="Storage" Mode="Raw"> </ext:Parameter>

    后臺方法是:
    public void onRowDoubleClick(object sender,AjaxEventArgs e)
    {
    string name = (string)e.ExtraParams["Name"];
    string code = (string)e.ExtraParams["Code"];
    switch (name)
    {
    case "Storage":
    this.MStorage_Code.Text = code;
    break;
    case "Position":
    this.MPosition_Code.Text = code;
    break;
    case "Material":
    this.MMaterial_Code.Text = code;
    break;
    }
    }
    可是: string name = (string)e.ExtraParams["Name"]; 這句執行后name="",我不解?請問是怎么回事?   回復  更多評論
      
    # re: Ext.grid.GridPanel |屬性|方法|配置|詳細介紹[未登錄]
    2013-12-11 16:43 | f
    23wewe  回復  更多評論
      
    # re: Ext.grid.GridPanel |屬性|方法|配置|詳細介紹
    2015-07-23 16:24 | 6、Ext.grid.RowSelectionModel
    6、Ext.grid.RowSelectionModel
    主要配置項:
    singleSelect:是否單選模式,默認為false,即可以選擇多條數據
    主要方法:
    clearSelections( [Boolean fast] ):清除所有選擇區域
    deselectRange( Number startRow, Number endRow ):取消范圍內的行選擇
    deselectRow( Number row, [Boolean preventViewNotify] ):取消指定行的選擇狀態
    each( Function fn, [Object scope] ):遍歷所有選擇行,并調用指定函數。當前被選行將傳入該函數中
    getCount():得到選擇的總行數
    getSelected():得到第一個被選記錄
    getSelections():得到所有被選記錄的數組
    hasNext():判斷當前被選行之后是否還有記錄可以選擇
    hasPrevious():判斷當前被選行之前是否還有記錄可以選擇
    hasSelection():是否已選擇了數據
    isIdSelected( String id ):判斷指定id的記錄是否被選擇
    isSelected( Number/Record index ):判斷指定記錄或記錄索引的數據是否被選擇
    selectAll():選擇所有行
    selectFirstRow():選擇第一行
    selectLastRow( [Boolean keepExisting] ):選擇最后行
    keepExisting:是否保持已有的選擇
    selectNext( [Boolean keepExisting] ):選擇當前選擇行的下一行
    selectPrevious( [Boolean keepExisting] ):選擇當前選擇行的上一行
    selectRange( Number startRow, Number endRow, [Boolean keepExisting] ):選擇范圍內的所有行
    selectRecords( Array records, [Boolean keepExisting] ):選擇一組指定記錄
    selectRow( Number row, [Boolean keepExisting], [Boolean preventViewNotify] ):選擇一行
    row:行索引
    selectRows( Array rows, [Boolean keepExisting] ):選擇多行
    rows:行索引數組  回復  更多評論
      
    # re: Ext.grid.GridPanel |屬性|方法|配置|詳細介紹
    2016-03-17 09:45 | asdf
    asdf  回復  更多評論
      

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    常用鏈接

    留言簿(5)

    隨筆分類

    隨筆檔案

    搜索

    •  

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 国产免费人成视频在线播放播| 久久青草国产免费观看| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 免费观看成人毛片a片2008| 精品一区二区三区免费毛片| 亚洲中文字幕无码一久久区| 中文字幕在线观看免费视频| 亚洲成av人片在www鸭子| 永久亚洲成a人片777777| 国产成人精品免费视频大| 黄色毛片免费网站| 久久精品国产亚洲AV无码偷窥 | 亚洲影院在线观看| 国产无遮挡色视频免费视频| 免费观看成人久久网免费观看| 亚洲砖码砖专无区2023| 亚洲情综合五月天| 卡1卡2卡3卡4卡5免费视频| 在线观看免费视频一区| 亚洲精品无码日韩国产不卡av| 国产精一品亚洲二区在线播放| 在线免费观看一级片| 久艹视频在线免费观看| 日韩欧美亚洲国产精品字幕久久久| 亚洲AV无码国产精品色午友在线| 日韩免费三级电影| 国产精品成人观看视频免费| 久久国产精品免费一区二区三区| 亚洲欧洲无码AV不卡在线| 亚洲性天天干天天摸| 亚洲女人被黑人巨大进入| 最近高清国语中文在线观看免费| 久久青青草原国产精品免费| 国产亚洲精品美女2020久久 | 免费人成在线观看播放a| 亚洲一区二区三区在线观看蜜桃| 亚洲无线码在线一区观看| 国产成人免费全部网站| 无码人妻一区二区三区免费手机| 毛片在线全部免费观看| 日本视频免费观看|