티스토리 뷰

💼 정보 ver1.0

Sencha Touch 클래스 이해 하기

James Wetzel 2013. 3. 20. 13:50
728x90
반응형

클래스 정의

Ext.define( "ClassName", { 

field: defaultValue,

constructor: function( 매개변수 ){ ... },

method: function( 매개변수) { ... }

});


클래스 인스턴스 생성

var obj = new ClassName( 생성자 매개변수 값 );

var obj = Ext.create( "ClassName", 생성자 매개변수 값 ); //권장하는 형식


클래스 멤버 호출

var value = obj.field;

obj.field = "value";

obj.method( 매개변수 값 );


*클래스를 생성할때는 "Ext.define()"메서드를 사용한다.

*클래스의 인스턴스를 생성할때는 "Ext.create()"메서드를 사용한다.

*클래스의 인스턴스 생성시 new 연산자를 사용할 경우: 해당 클래스가 로딩되어 있어야한다.

*클래스의 인스턴스 생성시 "Ext.create()"메서드를 사용할 경우: javascript 파일에서 클래스를 동적으로 로딩한 후 객체를 생성한다.

API: http://docs.sencha.com/touch/2-1/#!/api/Ext


<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>


<!DOCTYPE html>


<html>

<head runat="server">

    <meta name="viewport" content="width=device-width" />

    <title>Sencha</title>

    <script src="../../touch/sencha-touch.js" type="text/javascript"></script>


    <script type="text/javascript">

        //객체 정의

        Ext.define("User", {

            name: null,

            constructor: function (name) {

                this.name = name;

            },

            getName: function () {

                return this.name;

            }

        });


        //객체의 인스턴스 생성

        var obj = new User("장정훈");

        console.log("사용자 이름: " + obj.getName());


        //객체의 멤버 사용

        obj.name = "Jang Jeong-hun";

        console.log("사용자 이름 변경: " + obj.getName());

    </script>


</head>

<body>

    <div>

        

    </div>

</body>

</html>







728x90
반응형
저작자표시 비영리 동일조건