ExtJS i-update ang mga halimbawa

JavaScript No Comments »

Ngayon sa ext opisyal net, at natagpuan na ang mga halimbawa & Demos ay na-update. Extjs Core 3.0 release ay sa wakas na-update sa mga halimbawa.
Added ng ilang mga bagong kategorya: Accessibility (sa experimental yugto), Tsart, Direct
Iba pang mga kategorya kung saan ay mayroon ding ilang karagdagang mga update at mga detalye ay maaaring maging sa kanyang mga halimbawa , nakita namin, may mga malinaw na marka.
Ang ilang mga indibidwal pakiramdam na magagandang bagay-bagay:

  1. Tsart: Tsart
  2. Direct: remote na tawag at server ng botohan
  3. Hilera EditorGrid: Ang editor ay maaaring i-edit ang Parilya pamamaraan ay mas mahusay na
  4. Buffered GridView: Ang data ay maaaring nai-render makikita sa display ng isang malaking halaga ng data na lubhang Parilya mapabuti ang pagganap.
  5. HBox / VBox Layout: dalawang bagong layout
  6. Maaaring mai-edit sa Parilya Writable Store: sa pamamagitan ng DataWriter isulat ang data bumalik sa database
  • Share / Bookmark

Extjs: formpanel gamitin table layout

Sa JavaScript 2 Comments »

Extjs sa, Form Table layout ay magiging mas maginhawa sa paggamit, ito ay tunay madali upang sumanib hanay at haligi. Subalit ang Form sa mga sangkap, tulad ng sa textfield, atbp ay dapat na sa form na layout sa normal na rendering (hindi ipapakita Label). Samakatuwid, ang layout ng direkta sa talahanayan upang idagdag ang Form elemento ay hindi gumagana, upang gamitin ang isang kahaliling paraan sa pakikitungo sa, ang code ay ang mga sumusunod:

 'form' , title : 'table layout form' , autoHeight : true , border : 'none' , layout : 'table' , defaults : { layout : 'form' , style : 'padding-left: 8px;' , defaultType : 'textfield' , border : false } , layoutConfig : { columns : 3 /*当前Table有3列*/ } , items : [ { colspan : 2 /*合并两个单位格*/ , items : [ { fieldLabel : 'userName' , name : 'userName' } ] } , { items : [ { xtype : 'combo' , fieldLabel : 'sex' , hiddenName : 'userSex' , store : [ [ '0' , 'female' ] , [ '1' , 'male' ] ] , editable : false , typeAhead : true , mode : 'local' , forceSelection : true , triggerAction : 'all' , emptyText : 'Please select...' , selectOnFocus : true , anchor : '95%' } ] } ] } ; (Xtype: 'form', title: 'table layout ng form', autoHeight: true, hangganan: 'none', layout: 'table', default: (layout: 'form', estilo: 'padding-left: 8px;' , defaultType: 'textfield', hangganan: huwad), layoutConfig: (haligi: 3 / * sa kasalukuyang Table ay may tatlong * /), mga bagay: [(colspan: 2 / * pagsamahin ang dalawang mga yunit ng cell * /, mga bagay: [( 'username', pangalan: 'username')]), fieldLabel: (item: [(xtype:' combo ', fieldLabel:' sex ', hiddenName:' userSex ', tindahan: [['0', 'babae'] , ',' lalaki ']] ['1, maaaring mai-edit: false, typeAhead: true, mode:' lokal ', forceSelection: true, triggerAction:' lahat ', emptyText:' Mangyaring piliin ... ', selectOnFocus: tunay, anchor: '95%')])]); 

Kahit na ang mga function na ito ng katuparan, ngunit ay lubos na kumplikado na magsulat, ang pinakamahusay na paraan ay sa sariling isang expansion Ext.ux.FormPanel, sa form na ang mga bagay sa loob ng pakete sa table layout sa likod.

  • Share / Bookmark
WP Theme & icon sa pamamagitan ng N. Design Studio
Entries RSS Comments RSS Mag-log in