ExtJs之Ext.util.CSS


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

<head>

    <title>ExtJs</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

        <script type="text/javascript" src="ExtJs/ext-all.js"></script>

        <script type="text/javascript" src="ExtJs/bootstrap.js"></script>

        <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

 

    <script type="text/javascript">

            Ext.onReady(function(){

        var panel = new Ext.Panel({

          title: 'SAMPLE',

          renderTo: 'sub1',

          width: '500px',

          html: '<div id="div0" style="height:260px;padding:5px" class="myclass">我是内容部分</div>'

          });

          Ext.util.CSS.createStyleSheet('.myclass{color:red}', 'the');

          var cssObj = Ext.util.CSS.getRule(".myclass", true);

          Ext.Msg.alert("获取的信息", "创建样式表" +

            '<br>获取myclass样式表中规则的字体颜色:' + cssObj.style.color);

      });

    </script>

</head>

<body>

<div id=sub1></div>

</body>

</html>

　　

时间： 2024-10-24 21:44:23

ExtJs之Ext.util.CSS的相关文章

ExtJs之Ext.util.TaskRunner

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

EXTJS之Ext.util.Observable自定义事件

暂时还不会用Ext.mixin.Observable, 催悲的测试了近两个小时.这TMD的语法差距也太大了啊.. 在新版EXTJS里,已去除了addEvents. 弄个出来,大概知道下吧. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 <!DOCTYPE html> <html> <

ExtJs之Ext.util.TextMetrics

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>         <link

ExtJs之Ext.util.MixedCollection

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>        

ExtJs之Ext.util.Format

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8&

ExtJs之Ext.util.ClickRepeater

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         <meta http-equiv="Content-Type" content="text

ExtJS之格式化(Ext.util.Format)

一.Ext.util.Format 类 严格来说,Ext.util.Format 并不是一个类,只是一个对象.所以,调用他的方法时并不需要先行实例化,直接调用即可,类似于java 中的static方法. 如果打开他的源代码,基本结构是这样的: Js代码 Ext.util.Format = function() {      var trimRe = /^\s+|\s+$/g;      return {      // 方法定义在此区      };  }();  Ext.util.Format

ExtJS实用工具类 Ext.util.TaskRunner

TaskRunner 在浏览器提供的 setTimout()/setInterval() 基础上继续完善, 扩展了主要两项功能:执行次数的限制.执行时间的限制(即超时).TaskRunner 旨在利用计时器分时执行方法提供一个相对简易的并行运行机制,其目的不但在于一般的延时执行任务(或者另一个类 DelayedTask 会更合适),还可以同时进行多项任务.这样的话,任意个独立的任务都可以在任何时候开始,并彼此独立地运行.那么是否与多线程的概念有些相近呢?其实不尽然--这里必须说明一下,尽管 Ex

ExtJs之Ext.grid.GridPanel（部分未完）

今天在家休息,年假不用就作费啊. 看了几部香港老电影,陪爸爸看了勇士占奇才, 然后,测试了一下EXTJS未完的内容, 在京东上订了七本历史普及书,近两百块..:) 搞定. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57