정보 보관 ver1.0

Sencha Touch 클래스 상속 이해 하기

James Wetzel 2013. 3. 20. 15:00

Sencha Touch 클래스 상속 이해 하기


<%@ 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-all-debug.js" type="text/javascript"></script>


    <script type="text/javascript">

        Ext.define("User", {

            constructor: function (config) {

                this.initConfig(config);

            },

            config: { firstName: null, age: null }

        });


        Ext.define("Member", {

            extend: "User",

            constructor: function (config) {                

                this.initConfig(config);

            },

            config: { lastName: null }

        });


        var obj = new Member({ firstName: "장", lastName: "Jeong-hun", age: "32" });

        console.log(obj.getFirstName());

        console.log(obj.getLastName());

        console.log(obj.getAge());


        obj.setLastName("정훈");


        console.log(obj.getFirstName());

        console.log(obj.getLastName());

        console.log(obj.getAge());

    </script>


</head>

<body>

    <div>

        

    </div>

</body>

</html>


728x90
반응형