不說廢話,直接貼代碼和截圖
<mce:script type="text/javascript"><!-- Ext.require([ 'Ext.form.*' ]); Ext.onReady(function() { Ext.regModel('Nation', { fields: [ {type: 'string', name: 'id'}, {type: 'string', name: 'name'} ] }); var nations = [ {"id":"1","name":"漢"}, {"id":"2","name":"藏"}, {"id":"3","name":"維吾爾"} ]; // The data store holding the states var store = Ext.create('Ext.data.Store', { model: 'Nation', data: nations }); // ComboBox with a custom item template var nationCombo = Ext.create('Ext.form.field.ComboBox', { fieldLabel: '民族', displayField: 'name', store: store, queryMode: 'local' }); var formPanel = Ext.create('Ext.form.Panel', { frame: false, title: '基本信息', width: 780, bodyPadding: 0, border: 0, border:false, fieldDefaults: { labelAlign: 'left', labelWidth: 90, anchor: '100%' }, items: [ { layout:'column', items:[ { columnWidth:.33, defaultType: 'textfield', items: [{ fieldLabel: '姓名', name: 'first' },{ fieldLabel: '出生年月', xtype:'datefield', name: 'company1' },{ fieldLabel: '學位', xtype:'datefield', name: 'company2' }] }, { columnWidth:.33, defaultType: 'textfield', items: [{ fieldLabel: '性別', name: 'first' }, { fieldLabel: '政治面貌', xtype:'datefield', name: 'company3' },{ fieldLabel: '黨政職務', xtype:'datefield', name: 'company4' }] }, { columnWidth:.33, defaultType: 'textfield', items: [ nationCombo, { fieldLabel: '學歷', xtype:'datefield', name: 'company', anchor:'95%' },{ fieldLabel: '社會兼職職務', xtype:'datefield', name: 'company', anchor:'95%' }] } ] }, //第二塊開始 { layout:'column', border:true, items:[ { columnWidth:.48, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '專業技術', labelWidth: 85, combineErrors: true, msgTarget : 'side', layout: 'hbox', defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'fieldcontainer', fieldLabel: '', combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: false }, items: [ { xtype : 'textfield', name : 'startDate', fieldLabel: '名稱', margin: '0 0 0 0', allowBlank: false }, { xtype : 'datefield', name : 'endDate', fieldLabel: '獲取時間(年月)', allowBlank: false } ] } ] },{ columnWidth:.5, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '行政職級', combineErrors: true, msgTarget : 'side', layout: 'hbox', labelWidth: 127, defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'fieldcontainer', fieldLabel: '', combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: false }, items: [ { xtype : 'textfield', name : 'startDate', fieldLabel: '名稱', margin: '0 0 0 0', allowBlank: false }, { xtype : 'datefield', name : 'endDate', fieldLabel: '獲取時間(年月)', allowBlank: false } ] } ] } ] },//第二塊結束 //第三塊開始 { layout:'column', border:true, items:[ { columnWidth:.68, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '所取得的行業資格證書名稱及等級', labelWidth: 85, combineErrors: true, msgTarget : 'side', layout: 'hbox', defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'fieldcontainer', fieldLabel: '', combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: false }, items: [ { xtype : 'textfield', name : 'startDate', fieldLabel: '最高行業資格證書名稱', labelWidth: 125, margin: '0 0 0 0', allowBlank: false }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue1', fieldLabel: '行業資格等級', boxLabel: '高級' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '中級' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '初級' }, { xtype : 'datefield', name : 'endDate', fieldLabel: '獲取時間(年月)', allowBlank: false } ] } ] },{ columnWidth:.30, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '人員狀態', labelWidth: 85, combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue1', fieldLabel: '', boxLabel: '在崗' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '新進第一年' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '距退休不足兩年' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '不在崗超半年' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '其他' } ] } ] },//第三塊結束 //第四塊開始 { layout:'column', items:[ { columnWidth:.5, defaultType: 'textfield', items: [{ fieldLabel: '所在部門', name: 'first' }] }, { columnWidth:.5, defaultType: 'textfield', items: [{ fieldLabel: '聯繫電話', name: 'first' }] } ] }//第四塊結束 ], dockedItems: [{ xtype: 'toolbar', ui: 'footer', dock: 'bottom', layout: { type: 'hbox', pack: 'center' }, items: [{xtype: 'checkboxfield', boxLabel: '', name: 'cb-cust-1'},{ text: '保存', width:80, disabled: true }] }] }); formPanel.render('form-ct'); }); // --></mce:script>
前提 你必須會創建aspire項目,不會的請先看微服務新體驗之Aspire初體驗 Aspirate (Aspir8) Aspirate 是將aspire項目發佈到k8s集羣的工具 安裝aspirate dotnet tool install
安裝配置相關軟件 安裝 PowerShell 7 / Core dotnet tool install --global PowerShell 安裝 Visual Studio 擴展 Microsoft Child Process Deb
前言 今天給大家分享一個.NET開源(MIT License)、免費、跨平臺(適用於 Windows、MacOS 和 Linux )、使用簡單的面部識別庫:FaceRecognitionDotNet。 項目介紹 FaceRecogniti
本週刊由 Python貓 出品,精心篩選國內外的 250+ 信息源,爲你挑選最值得分享的文章、教程、開源項目、軟件工具、播客和視頻、熱門話題等內容。願景:幫助所有讀者精進 Python 技術,並增長職業和副業的收入。 本期週刊分享了 12
官方安裝指南 https://developer.hashicorp.com/terraform/install https://developer.hashicorp.com/terraform/intro/getting-sta
LQR 是一種優化控制方法,設計目標是找到一組控制輸入,使得線性系統的狀態軌跡儘可能地接近目標,同時使控制輸入儘可能小。其目標函數是一個二次型成本函數。 分爲以下幾個步驟: 1. 設系統動態方程爲: 其中x爲狀態量,u爲控制輸入,A和B爲
Most commonly used tags in HTML Last Updated : 08 Mar, 2024 Most commonly used tags in HTML refer to HTM
https://www.w3schools.com/css/css_math_functions.asp The CSS math functions allow mathematical expressions to be used
CSS tutorials (w3school) https://www.schoolsw3.com/css/index.php (Русский язык) https://www.w3schools.com/css/css_intro
https://www.w3schools.com/css/css_important.asp What is !important? The !important rule in CSS is used to add more imp
https://www.w3schools.com/css/css_website_layout.asp Website Layout A website is often divided into headers, menus, co
https://www.w3schools.com/css/css_form.asp The look of an HTML form can be greatly improved with CSS: <!DOCTYPE html>
https://www.w3schools.com/css/css_counters.asp CSS counters are "variables" maintained by CSS whose values can be inc
https://zhuanlan.zhihu.com/p/670589063 CSS Specificity(CSS 特異性)是一個用來決定當多個CSS規則應用於同一個元素時,哪個規則將優先應用的機制。 What is Specific
https://www.w3schools.com/css/css_units.asp CSS Units CSS has several different units for expressing a length. Many CS