ExtJS 예제 요약 - 4
22326 단어 ExtJs
1. 연동 메뉴
- var provinces = [ [ 1, ' ' ], [ 2, ' ' ] ];
- var cities = new Array();
- cities[1] = [ [ 11, ' ' ], [ 22, ' ' ] ];
- cities[2] = [ [ 33, ' ' ], [ 44, ' ' ], [ 55, ' ' ] ];
-
- var comboProvinces = new Ext.form.ComboBox({
-
- store : new Ext.data.SimpleStore({
- fields : [ "provinceId", "provinceName" ],
- data : provinces
- }),
-
- listeners : {
- select : function(combo, record, index) {
- comboCities.clearValue();
- comboCities.store.loadData(cities[record.data.provinceId]);
- }
- },
-
- valueField : "provinceId",
- displayField : "provinceName",
- mode : 'local',
- forceSelection : true,
- blankText : ' ',
- emptyText : ' ',
- hiddenName : 'provinceId',
- editable : false,
- triggerAction : 'all',
- allowBlank : true,
- fieldLabel : ' ',
- name : 'provinceId',
- width : 80
-
- });
-
- var comboCities = new Ext.form.ComboBox({
- store : new Ext.data.SimpleStore({
- fields : [ "cityId", 'cityName' ],
- data : []
- }),
-
- valueField : "cityId",
- displayField : "cityName",
- mode : 'local',
- forceSelection : true,
- blankText : ' ',
- emptyText : ' ',
- hiddenName : 'cityId',
- editable : false,
- triggerAction : 'all',
- allowBlank : true,
- fieldLabel : ' ',
- name : 'cityId',
- width : 80
- });
-
- new Ext.Window({
- width : 300,
- height : 200,
- layout : 'column',
- items : [ comboProvinces, comboCities ]
- }).show();
2. 윈도우 최소화: minimize 다시 쓰기 방법
- var window = new Ext.Window({
- width : 400,
- height : 300,
- title : 'my window',
- minimizable :true,
- minimize : function() {
- window.hide();
- },
- maximizable : true
- });
- window.show();
3. 유연한javascript
- function Animal(name) {
- this.name = name;
- this.age = 0;
- };
-
- alert(Animal); // 。
- alert(Animal());// 。undefined，
- alert(new Animal());//object
- alert(new Animal);//object
4.javascript의 가변 매개 변수: 정의할 때 입력 매개 변수 개수를 지정할 필요가 없습니다
- function sum() {
- var s = 0;
- for(var i = 0; i < arguments.length ; i++){
- s += arguments[i];
- }
- return s;
- };
-
- alert(sum(1,2));
- alert(sum(1,2,3,4,5,6));
5,combo는 기본적으로 하나를 선택하고 프론트 데스크톱 디스플레이와 백그라운드 값이 맵핑 관계가 있음
- render : function(combo) {
- combo.setValue("0"); //
- }
- data : [ ['all', '0'],['ip', '1'], ['cookie', '2']]
기본 프론트 데스크에서 all 선택
6. combo는 원격으로 데이터를 기록한다
- var mystore = new Ext.data.ArrayStore({
- fields : [ 'myId', 'displayText' ],
- //data : [ [ 1, 'ALL' ], [ 2, 'IP' ], [ 3, 'COOKIE' ] ]
- proxy: new Ext.data.HttpProxy({url: '../../blackList/searchCookieTypes.do'}),
- });
- var top = new Ext.FormPanel({
- width : 600,
- height : 400,
- title : 'hello',
- labelWidth: 50,
- labelAlign:'right',
- bodyStyle : 'padding:5px 5px 10 10',
- frame : true,
- defaults : {
- xtype : 'combo',
- width : 120,
- height : 20,
- typeAhead: true,
- triggerAction: 'all',
- lazyRender:true,
- mode: 'remote',
- valueField: 'myId',
- displayField: 'displayText'
- },
- items : [ {
- fieldLabel : 'lable1',
- store : mystore
- }
- , {
- fieldLabel : 'lable2',
- store : mystore
- }],
- buttons : [ {
- text : 'save'
- }, {
- text : 'cancel'
- } ]
- });
-
- top.render(document.body);
7. gridpanle의 전시와 데이터 전달을 분리한다
반환: ColumnModel의 renderer 메서드를 리셋합니다.
- header : " ",
- dataIndex : 'punishMode',
- // :0、 :1、 ( ):2
- renderer : function(punishNumber) {
- if(punishNumber == 0){
- return " ";
- }
- if(punishNumber == 1){
- return " ";
- }
- if(punishNumber == 2){
- return " ";
- }
- return "";
- }
다음 데이터: 자바 코드만 처리할 수 있고 비추지 못합니다
8. switch 문장
- var submitObject = form.getValues();
- submitObject.appId = appId;
- switch(submitObject.punishMode){
- case 'waterMark':submitObject.punishMode='0';break;
- case 'disconnect':submitObject.punishMode='1';break;
- case 'errorCode':submitObject.punishMode='2';break;
- default:submitObject.punishMode="";
- }
9. html의 왼쪽 디스플레이와 오른쪽 디스플레이
왼쪽 오른쪽
왼쪽으로
표시오른쪽으로
보이기10. js의 속행
js의 줄 문자는 "\"문서입니다.write ("dsdddd\dffdsg\gdfsgfd\gfd\gfddddf", 합법적인 코드
11. 맨 위 사용자 이름 표시: header_panel.body.update(topMenu);
- var header_panel = new Ext.Panel(
- {
- // frame : false,
- // border : false,
- autoScroll : false,
- height : 60,
- region : 'north',
- bodyStyle : 'background-color:#D5E2F2',
- listeners : {
- afterrender : function(thiz) {
- Ext.Ajax.request({
- url : '../../user/getUserName.do',
- success : function(response, opts) {
- var responseText = Ext.decode(response.responseText);
- if (responseText.success) {
- username = responseText.data[0];
- } else {
- username = "customer";
- }
- var topMenu = '<p><img alt="" src="logo.png"><a href="main.html"> </a> \
- :'+ username + ' <a href="../others/others.html"> </a></p>';
- header_panel.body.update(topMenu);
- }
- });
- }
- }/*,
- html : '<p><img alt="" src=\'#\'" /a> \
- :Admin'+ username + ' <a href="../others/others.html"> </a></p>'*/
- });
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJs:xtype의 의미내가 EXT 포럼에서 관찰한 바에 의하면 xtype를 사용할 때 의혹이 비교적 많을 것이다.심지어 어떤 사람들은 xtype를 아예 무시하거나 그것이 무엇인지 잘 모른다.그래서 나는 이 xtype의 개념을 논술하기로 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
