自定義控制項運用主題

2021-06-08 01:52:14 字數 1126 閱讀 6458

主題是屬性設定的集合,使用這些設定可以定義頁面和控制項的外觀,然後在某個 web 應用程中的所有頁、整個 web 應用程式或伺服器上的所有 web 應用程中一致地應用此外觀。

通常,可以使用主題來定義與某個頁或控制項的外觀或靜態內容有關的屬性。只能設定那些其 themeableattribute 屬性 (attribute) 設定為true(在控制項類中)的屬性 (property)。

顯式地指定控制項行為而不是指定外觀的屬性不接受主題值。例如,不能使用主題來設定button控制項的 commandname 屬性。同樣,不能使用主題來設定 gridview 控制項的 allowpaging 屬性或 datasource 屬性。

請注意,您不能使用表示式生成器,這些生成器在編譯時生成頁面中的主題賦值或外觀賦值的**表示式。

自定義了繼承gridview類的xgridview類的其中的屬性,**如下:

[browsable(true)]

[description("滑鼠經過行的顏色")]

[defaultvalue("")]

[category("擴充套件")]

[themeable(true)]

public string mouseovercolor

set}

上面運用了themeable(true)宣告了能運用主題的屬性

定義主題

該skin檔案中註冊該自定義控制項,指定其所在程式集、命名空間、標籤字首等,就像我們在頁面中使用自定義控制項一樣,但對於標籤字首的命名不一定要和頁面中完全一樣

沒有符合條件的資料,請新增資料或修改查詢條件。

應用自定義控制項

執行效果

自定義主題

element 預設提供一套主題,css 命名採用 bem 的風格,方便使用者覆蓋樣式。我們提供了三種方法,可以進行不同程度的樣式自定義。element 的 theme chalk 使用 scss 編寫,如果你的專案也使用了 scss,那麼可以直接在專案中改變 element 的樣式變數。新建乙個樣...

vant自定義主題

vant 但是如果這樣的話,自定義檔案的路徑是絕對路徑,需要改為相對路徑 參考這裡 在vue.config.js中新增以下 沒有的話自己建立 const path require path const mytheme path.resolve dirname,src assets style myt...

自定義ExtJS主題

extjs提供的可以使用的主題包對於建立乙個乾淨專業的程式來說已經很有創意了,然而,你可能還是會希望提供自己的一種設計方式或現在存在的企業設計方式。從歷史上來說,給程式美化就是指的給html標籤提供渲染元件的規則,但是這樣做也會有一些弊端出現。首先,你需要負擔的是各種支援的瀏覽器。其次,隨著框架的成...