estjs4 类的继承

最新推荐文章于 2021-01-07 17:24:47 发布

sukasky

最新推荐文章于 2021-01-07 17:24:47 发布

阅读量367

点赞数

分类专栏： extjs 文章标签： extjs4

本文链接：https://blog.csdn.net/u014004252/article/details/38014981

版权

extjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

我们首先创建一个类，叫做Category。这个类继承了Model类的属性和方法。

Ext.define("MyApp.Category",{
    extend    : "Ext.data.Model",
    
    fields    : [
        "id",
        "name",
        "description"
    ]
    
});

所以当我们创建了这个类的对象之后，我们可以直接使用get方法取得他的fields中的值。

在上文的基础上引入这个js页面。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>First class</title>

    <!-- Importing the stylesheet for the widgets -->
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
    <!-- Importing the Ext JS library -->
    <script type="text/javascript" src="ext-all-dev.js"></script>

    <!--  Importing the client class -->
    <script type="text/javascript" src="js/Client.js"></script>
    <script type="text/javascript" src="js/Category.js"></script>

    <script type="text/javascript">
        //creating an instance of Client
        var client = Ext.create("MyApp.Client");

       // console.log(client.name);

        client.name = "Carl";

        //console.log(client.name);


        //with params
        var client2 = Ext.create("MyApp.Client",{
            name    : 'Susan',
            lastName: 'Smith'
        });

        console.log(client2.name);

        var category = Ext.create("MyApp.Category",{
            id : 1,
            name : "Entertainment",
            description : "have fun!"
        });
        console.log(category.get("name"));
        console.log(category.get("description"));

    </script>

</head>
<body>
</body>
</html>

调试，可以看到输出了Entertainment 和 have fun