ExtJs之Ext.XTemplate:模板成员函数


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

<!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 tpl1 = new Ext.XTemplate(

          '<table border=1 cellpadding=1 cellspacing=1>',

          '<tr><td width=90>姓名</td><td width=90>工资</td></tr>',

          '<tpl for=".">',

          '<tpl if="this.check(wage)">',

          '<tr><td>{name}</td><td>{[this.format(values.wage)]}</td></tr>',

          '</tpl></tpl>',

          '</table>',

          {

            check: function(wage) {

              if (wage >1000){

                return true;

              }else {

                return false

              }

            },

            format: function(wage){

              if(wage> 1300){

                return '<font color=red>' + wage + '</font>';

              }else {

                return '<font color=blue>' + wage + '</font>';

              }

            }

          }

        );

        var tplData = [

          {name: '张三', wage: 1320},

          {name: '郴四', wage: 1200},

          {name: '五爷', wage: 1556},

          {name: '老炮', wage: 1134},

          {name: '学军', wage: 1822}

        ]

        tpl1.append('tpl-table1', tplData);

 

 

      });

    </script>

</head>

<body>

<div id='tpl-table1'></div>

<br>

<div id='tpl-table2'></div>

</body>

</html>

　　

时间： 2024-11-02 22:25:41

ExtJs之Ext.XTemplate:模板成员函数的相关文章

ExtJs之Ext.XTemplate:数组填充，访问父对象

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 <!DOCTYPE html> <html> <head>     <title>ExtJs</title>         

ExtJs2.0学习系列(11)--Ext.XTemplate

XTemplate是Extjs里面的模板组件. 下面我们看个最简单的例子. 效果图: js代码: Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{ book:'<<道不远人>>', date:'2007-7-7' },{ book:"<<大话设计模式>>", date:"2006-6-6" }] } //呈现组件 var myp

【C/C++学院】0825-类模板/final_override/类模板与普通类的派生类模板虚函数抽象模板类/类模板友元/位运算算法以及类声明/Rtti 实时类型检测/高级new创建/类以及函数包装器

类模板 类模板多个类型默认类型简单数组模板 #pragma once template <class T=int>//类模板可以有一个默认的值 class myArray { public: myArray(); ~myArray(); }; #include "myArray.h" template <class T=int>//每一个函数都需要加上一个默认的值 myArray<T>::myArray() //类模板成员函数在外部,需要加载类型初始

class-关于类的成员函数问题

问题描述 关于类的成员函数问题 Person::Person(const std::string&ln, const char*fn = "Heyyou") 这是在类申明中的一个成员函数声明,为什么在在定义这个函数的时候会重定义?该怎么解决? 解决方案 重定义要么是同样的函数重载参数形式的函数定义了好几个,要么虽然你没有这么做,但是你重复用include包含了定义函数的源代码. 解决方案二: 类的成员函数类模板成员函数的调用问题c++ 类中的成员函数在内存空间的分配问题

C++中成员函数(member function)模板(template) 详解

成员模板(member template) 既可以在普通类(ordinary class), 也可以在类模板(class template); 在普通类中, 在使用成员函数时, 不用提供模板参数, 函数可以根据使用的参数, 自动推导(deduce)模板实参(template argument)对应模板形参(template parameter); 在类模板中, 成员函数的模板参数(template parameter)可以和类的模板参数不同, 但在定义(definition)中, 必须添加两个模

C++：模板类使用成员函数模板处理隐式(implicit)转换

指针支持隐式转换(implicit conversion), 在动态绑定中,派生类指针可以转换为基类指针. 但是模板的实例化(instantiations)之间, 是单独存在的, 派生类的实例化的模板(SmartPtr<Derived>), 不能转换为基类实例化的模板(SmartPtr<Base>); 需要明确的编写, 因为派生类也可以继续做为基类, 产生派生类, 所以无法直接写出构造函数. 使用成员函数模板(member function template), 再声明一个模板参数

sencha Touch 2.4 学习之 XTemplate模板

XTemplate模板 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../touch/resources/css/sencha-touch.css"> <script type="text/javasc

Ext.Template 及 Ext.XTemplate怎么用呀？

问题描述 我想用模板循环以表格的形式把数据显示到form中.怎么做呀?下面是我找的一点代码: 急呀!高手出来指教一下! 下面的代码为什么显示不出来呢? --ExtJS代码:------------------------ Ext.onReady(function(){   //定义模板 使用标签tpl和操作符for          var tpl1 = new Ext.XTemplate(              '<table border=1 cellpadding=0 cellspac

C++指针探讨(三)成员函数指针

C语言的指针相当的灵活方便,但也相当容易出错.许多C语言初学者,甚至C语言老鸟都很容易栽倒在C语言的指针下.但不可否认的是,指针在C语言中的位置极其重要,也许可以偏激一点的来说:没有指针的C程序不是真正的C程序. 然而C++的指针却常常给我一种束手束脚的感觉.C++比C语言有更严格的静态类型,更加强调类型安全,强调编译时检查.因此,对于C语言中最容易错用的指针,更是不能放过:C++的指针被分成数据指针,数据成员指针,函数指针,成员函数指针,而且不能随便相互转换.而且这些指针的声明格式都不一样: