dojox.grid.EnhancedGrid 和 dojox.grid.DataGrid 的继承关系

dojox.grid.EnhancedGrid  的介绍说, EnhancedGrid 是基于 DataGrid 提供增强功能的。

EnhancedGrid (dojox.grid.EnhancedGrid) provides a rich set of features that enhance the capabilities of base DataGrid. All these features are implemented as separate plugins which can be loaded on demand, the required features must be declared before used.

不引入插件的 EnhancedGrid 就像 DataGrid 一样。

所有,可以理解为 EnhancedGrid 是继承 DataGrid 的。或者说, EnhancedGrid 的原型是 DataGrid。

下面用代码证明 :

    var grid = new dojox.grid.EnhancedGrid({
        id: ‘grid‘,
        store: store,
        structure: layout,
        rowSelector: ‘20px‘},
      document.createElement(‘div‘));

    console.log(dojox.grid.EnhancedGrid.prototype.isPrototypeOf(grid));
    console.log(dojox.grid.DataGrid.prototype.isPrototypeOf(grid));

返回结果为 :

true

true

EnhancedGrid 和 DataGrid 都是 EnhancedGrid Object 的原型。

    grid = new DataGrid({
        id: ‘grid‘,
        store: store,
        structure: layout,
        rowSelector: ‘20px‘});

    console.log(dojox.grid.EnhancedGrid.prototype.isPrototypeOf(grid));
    console.log(dojox.grid.DataGrid.prototype.isPrototypeOf(grid));

返回结果为 :

false

true

EnhancedGrid 不是 DataGrid Object 的原型,只有 DataGrid 是 DataGrid Object 的原型。

所有,可以理解为 EnhancedGrid 是继承于 DataGrid

参考 :

Object.prototype.isPrototypeOf(), mozilla

How to get a JavaScript object‘s class?, stackoverflow

时间: 2024-10-15 09:51:19

dojox.grid.EnhancedGrid 和 dojox.grid.DataGrid 的继承关系的相关文章

[Grid Layout] Describe a grid layout using named grid lines

We can use named grid lines to describe our grid layout. Let’s see how to apply this to our grid-template-columns and grid-template-rows, and how to refer to these from our grid items. Syntax like: grid-template-columns: [left-sidebar-start] 1fr [mai

dojo grid 分页

dojo很强大,也很方便,但是缺少文档,只能看源代码,也挺好的,就是费时间... 网上找了一段代码(找不到原出处了,不好意思),也看了dojo自带的demo,放一段可以执行的页面代码这里.把ip换成自己架设的js服务器(esi的CDN貌似有点问题)即可 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; ch

TWaver HTML5 (2D)----数据元素

概述 数据元素是数据模型的基本要素,用于描述图形网元,业务网元,或者纯数据.TWaver HTML5中所有数据元素都继承自twaver.Data.为不同功能的需求,预定义了三类数据类型:twaver.Element,twaver.Alarm,twaver.Layer,分别用来描述拓扑的网元,告警和图层.其中拓扑网元扩展定义了十几种网元类型,用以描述丰富的拓扑网元特性,其中最常用的几类拓扑网元包括:Node.Link.Group.SubNetwork.Grid等,TWaver中网元的继承关系如下图

dojo grid

关于dojo grid有几种,我们项目中只用了dojox.grid.EnhancedGrid.一个系统组件最好统一,不要乱用. EnhancedGrid提供一些常用的特性和一些基本的使用方法.我们下面都会讲到. 说到grid务必会需要store的数据支撑.EnhancedGrid常用的store有三种: dojox.data.QueryReadStore  //这个store主要是用于动态的load服务端的数据 dojo.data.ItemFileReadStore //顾名思义,FileRea

Dojo Grid结合Ajax用法

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerDefinedOutputField.aspx.cs" Inherits="SparkBiz.Payroll.CustomerDefinedOutputField" %> <style> @import "../public/prod1.5.37.1/dojo1.

Grid自动添加行

#region 自动添加行 private void InitRows(int rowCount, Grid g) { while (rowCount-- > 0) { RowDefinition rd = new RowDefinition(); rd.Height = new GridLength(60); g.RowDefinitions.Add(rd); } } private void InitColumns(int colCount, Grid g) { while (colCoun

EazyUI Grid和TreeGrid的 CheckBox 模式

先上效果图 Grid 模式 $('#rdg').datagrid({ //pageNumber:1, title:'角色列表', striped: true, iconCls:'icon-list' , //pagination:true, rownumbers: true, //singleSelect:true, method: 'POST', //pageSize:20, //pageList:[20], fitColumns:true, fit:true, url: '/User/get

EasyUI Grid和Tree脚本

Grid,Tree脚本: 1 /* 2 * 文 件 名:EasyUICommon.js 3 * 功能描述:EasyUIJs函数 4 * 5 * 版 权:Copyright 2014-2020, ZhiKang Wu 6 * 版 本:V1.0.0 7 * 日 期:2014-10-23 8 * 9 */ 10 /* 11 * 参数说明(固定参数): 12 * Grid按钮ID:(增加)btn_add,(修改)btn_edit,(删除)btn_del: 13 * Dialog窗体内ID:(窗体)Ope

如何使用Flexbox和CSS Grid,实现高效布局

CSS 浮动属性一直是网站上排列元素的主要方法之一,但是当实现复杂布局时,这种方法不总是那么理想.幸运的是,在现代网页设计时代,使用 Flexbox 和 CSS Grid 来对齐元素,变得相对容易起来. 使用 Flexbox 可以使元素对齐变得容易,因此 Flexbox 已经被广泛使用了. 同时,CSS Grid 布局也为网页设计行业带来了很大的便利.虽然 CSS Grid 布局未被广泛采用,但是浏览器逐渐开始增加对 CSS Grid 布局的支持. 虽然 Flexbox 和 CSS Grid 可