`
hellodajun
  • 浏览: 62941 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext DataView tpl

 
阅读更多
  var tpl = new Ext.XTemplate
   (
   '<tpl for=".">',
     '<div class="view-item" >',
      '<table width="100%">',
       '<tr>',
        '<td width="16" class="{[this.getTxtStyle(values)]}">{#}</td>',
        '<td width="16" class="{[this.getTxtStyle(values)]}">',
         '<tpl if=" ATTACHMENT!=null ">',
          '<img src="../images/ico-attch.gif" width=16 height=16/>',
         '</tpl>',
        '</td>',
        '<td width="16" class="{[this.getTxtStyle(values)]}">',
         '<tpl if=" FEEDBACKSTATUS==1">',
          '<img src="../images/taskplan/task_lvl_2.gif" width=16 height=16/>',
         '</tpl>',
         '<tpl if=" FEEDBACKSTATUS==2">',
          '<img src="../images/taskplan/task_lvl_3.gif" width=16 height=16/>',
         '</tpl>',
         '<tpl if=" FEEDBACKSTATUS==3">',
          '<img src="../images/taskplan/task_lvl_1.gif" width=16 height=16/>',
         '</tpl>',
         '<tpl if=" FEEDBACKSTATUS==4">',
          '<img src="../images/taskplan/task_lvl_4.gif" width=16 height=16/>',
         '</tpl>',
         '<tpl if=" FEEDBACKSTATUS==5">',
          '<img src="../images/ico-light-red.gif" width=16 height=16/>',
         '</tpl>',
        '</td>',
        '<td  class="{[this.getTxtStyle(values)]}">{FEEDBACKUSER}</td>',
        '<td width="150" class="txt">{time}</td>',
       '</tr>',
      '</table>',
     '</div>',
   '</tpl>',
   '<div class="x-clear"></div>',
   {
    isRead : function(values)
    {
     return '<img src="/images/communication/feedback_isread_'
      + values.ISREAD +
      '.png" width=16 height=16/>';
    }
   },
   { 
               getTxtStyle : function (values)
               { 
              if(values.OVERTIME == "超期" )
               { 
      return 'redtxt'; 
                 }
                 else
                 {
      return 'txt'; 
                 }         
               } 
           }
  );
  this.dataView = new Ext.DataView
  ({
   cls : 'oa-dataview',
   style : 'overflow:auto',
    tpl : tpl,
    itemSelector : 'div.view-item',
    store : this.store,
    multiSelect : false,
    singleSelect : true,
    overClass : 'view-over',
    selectedClass : 'view-selected',
    deferEmptyText : '暂无',
    prepareData : function(data,num,record)
    {
     data.time = Ext.util.Format.javaDate(data.FEEDBACKTIME,'Y-m-d H:i');
     return data;
    }
  });
分享到:
评论
1 楼 目步 2012-02-14  

相关推荐

    Ext.DataView 图片列表显示

    var dataview = new Ext.DataView({ store: store, tpl : tpl, id: 'phones', itemSelector: 'li.phone', overClass : 'phone-hover', singleSelect: true, multiSelect : false, autoScroll : true }); ...

    Ext Touch 利用DataView 创建树形

    利用DataView 创建多选树形.。前台根据JSON创建node

    dataview组件

    dataview组件在`Ext.Panel`中显示,具有一个顶部工具栏,其中有一个按钮,点击时会更新颜色数据。 **样式配置** dataview组件提供了两种主要的样式配置: 1. `baseCls`:允许为整个dataview组件添加一个CSS类,可以...

    C#中灵活使用DataView

    ### C#中灵活使用DataView #### 一、DataView简介与作用 DataView是.NET框架中的一个核心组件,主要用于对DataSet或DataTable中的数据进行筛选、排序、分组等操作,而无需更改原始数据集。这使得开发人员能够在不...

    DATAVIEW使用

    在ASP.NET的C#开发中,`DataView`是一个非常重要的数据绑定对象,它提供了对数据源的强大排序、筛选和格式化功能。本篇将详细阐述`DataView`的使用方法,包括其基本概念、创建、排序(Sort)、筛选(Filter)等核心...

    dataview 使用ado.net 数据视图

    数据视图(DataView)是ADO.NET框架中的一个重要组件,它是DataSet对象的一个动态视图,提供了灵活的数据筛选、排序和分组功能。在ASP.NET开发中,DataView经常被用作数据绑定源,用于在用户界面展示数据。下面将...

    Dataview转换成Datatable

    在IT领域,尤其是数据处理与分析中,Dataview与Datatable是两个常见的数据结构,它们各自具有独特的功能和用途。Dataview可以看作是Datatable的一个动态视图,它允许用户对数据进行筛选、排序、分组等操作而不会永久...

    详解DataView用法

    详解DataView用法 DataView是ADO.NET中的一种对象,用来表示定制的DataTable的视图。它继承了MarshalByValueComponent并实现了一组接口,使得它在数据绑定控件中可用。DataView对象保留了对表的一个引用,并允许对...

    DataView详解-+实例

    ### DataView详解及应用实例 #### 一、DataView概述 DataView是一种强大的.NET框架类,它主要用于处理DataTable对象。通过DataView,开发人员能够轻松地对DataTable中的数据执行各种操作,如排序、筛选、搜索、...

    [C#]_DataView用法

    ### C#中DataView的使用方法详解 #### 一、DataView简介 在C#编程中,`DataView`是一个非常实用的类,它提供了一种灵活的方式来筛选、排序、分组以及搜索`DataTable`中的数据。对于那些不直接与数据库交互的数据...

    dataView详解

    DataView是.NET框架中用于数据展示和操作的重要组件,尤其在数据绑定场景中非常常见。它提供了一种灵活的方式来处理和控制数据源,如DataTable,允许用户进行排序、筛选、搜索和编辑数据。DataView并不是数据存储...

    asp.net DataView 空间使用方法代码

    ASP.NET中的DataView是.NET Framework提供的一种非常灵活的数据绑定组件,它可以从DataTable对象中创建,并提供了对数据的筛选、排序和分组等功能。在Visual Studio 2005环境下,DataView的使用对于开发动态、交互式...

    Ext 4.0官方最新版下载

    2. **DataView** 和 **GridPanel** 的增强:提供了更强大的数据绑定和渲染功能。 3. **sencha-touch-all.js** 合并:支持移动设备,与Ext JS 4.0一起使用,创建跨平台的应用。 4. **MVC** 模式强化:加强了Model、...

    C#中DataView的应用

    在C#编程环境中,`DataView`是一个非常重要的数据处理组件,主要用来处理和展示`DataTable`中的数据。`DataView`提供了灵活的数据筛选、排序和分组功能,使得开发者可以方便地对数据进行操作。本篇文章将深入探讨`...

    dataView及其用法

    ### DataView及其用法详解 #### 一、DataView概述 DataView是ASP.NET开发中用于表示定制化的DataTable视图的一个重要类。与DataTable不同的是,DataView提供了更强大的功能,尤其是针对数据筛选和排序方面的能力。...

    DataView資料編輯器

    `DataView`是一个在.NET框架中非常重要的数据呈现和操作工具,主要用在Windows Forms环境中,尤其是与数据绑定相关的应用。它提供了灵活的数据过滤、排序和分页功能,使得开发者可以方便地对数据源进行视图级别的...

    Ext组件描述,各个组件含义

    **2.2 DataView (Ext.DataView)** - **xtype**: `dataview` - **功能描述**:DataView 是一个灵活的数据展示组件,可以用来展示列表、网格或图标视图。 - **主要用途**:适合展示大量数据,并且可以根据用户需求...

    把DataView转换成DataTable

    ### 把DataView转换成DataTable 在.NET框架中,`DataView` 和 `DataTable` 都是用于处理数据集(DataSet)的重要组成部分。通常情况下,`DataTable` 是一个内存中的二维表格,它提供了类似数据库表的功能,而 `...

    C#使用DataBinding、DataView进行数据绑定一些实例.rar

    1. 创建DataView:`DataView dataView = new DataView(dataset.Tables[0]);` 2. 应用筛选和排序:`dataView.RowFilter = "FieldName = 'Value'";` 或 `dataView.Sort = "FieldName ASC, FieldName2 DESC";` 3. 将...

Global site tag (gtag.js) - Google Analytics