`

Ext常用renderer

    博客分类:
  • EXT
阅读更多

//列表 跳转 查看页面

function hrefRender(value, cellmeta, record, rowIndex, columnIndex, store){
   var uuid = record.get("uuid");
     return '<a href="'+contextPath+'/messageCenterManagerAction.do?method=getObj&view=view&uuid='+uuid+'">'+value+'</a>';
  }

 

//建立时间
 function dateRender(value, cellmeta, record, rowIndex, columnIndex, store){
     if(value && 'NaN' != value){
      return value.substring(0,10);
     }else{
      return '';
     }
  }
 //日期处理
 function dateRender(value, cellmeta, record, rowIndex, columnIndex, store){
      try{
         var a = value.substring(0,10);
         return Date.parseDate(a,"Y-m-d").format('Y-m-d');
        }
        catch(e){
         return '';
        }
  } 

 

//日期处理
 function dateRender(value, cellmeta, record, rowIndex, columnIndex, store){
     try{
         var a = value.substring(0,10);
         return Date.parseDate(a,"Y-m-d").format('Y年m月d日');
        }
        catch(e){
         return '';
        }
 }

 

{header: "程度", width: 60, dataIndex: 'urgentName',sortable: false},
  store.on('load',function (store,records,options){
   for(var i=0;i<records.length;i++){
     var record= store.getAt(i);
     aacc(record);
   }
  });
 
    function aacc(re){
    if(re.data['urgentId']!=''){
      Ext.Ajax.request({
      url:contextPath+'/sendUpdate.do?method=ajxUrgentName&uuid='+re.data['urgentId'],
      method:'POST',
      callback:function(options,success,response){
       var data = response.responseXML;
       var urgentName='';
        if($(data).text()!=''){
         urgentName = $(data).find("urgentName").text();
        re.set('urgentName',urgentName);
        }
      }
     }
    );
    }
  }

 

 

 

 

 

 

分享到:
评论

相关推荐

    Ext常用功能开发总结

    可以使用`column`配置项中的`renderer`函数来自定义单元格内容和样式。 #### 可编辑表格的实现 通过`Ext.grid.plugin.CellEditing`插件,点击单元格时显示编辑器,完成数据修改后自动保存。 ### 对话框的使用 `Ext...

    Ext 3.0 中文文档.zip

    Ext提供了一系列的Renderer类,允许开发者自定义渲染逻辑。 四、Grid:Grid是Ext最常用的组件之一,用于展示表格数据。它可以处理大量的数据,支持行选择、排序、分页、列调整等功能。Grid的灵活性在于可以通过配置...

    ext grid 合并行

    在EXT JS框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能和灵活性。在某些场景下,用户可能需要合并行或列以更好地组织和呈现数据,例如在显示汇总信息或者创建复杂的报告时。"ext grid ...

    ext可编辑表格

    1. **Ext.onReady**:这是EXTJS中的一个常用方法,当页面DOM加载完成后,它会执行传入的函数。在这个例子中,所有与表格相关的代码都在这个函数内部,确保在操作表格之前DOM已经完全准备就绪。 2. **Ext.QuickTips....

    EXT核心API详解pdf

    下面列出了一些常用的配置参数以及它们的作用: - **align**: 定义列内文本的对齐方式,如 `'left'`, `'center'`, `'right'`。 - **dataIndex**: 指定该列所绑定的数据模型(Store)中的字段名,是获取数据的关键...

    EXTGrid属性方法

    - **renderer**: 自定义渲染函数,用于格式化单元格的显示。 - **value**: 单元格的初始值。 - **metadata**: 单元格的元数据。 - **css**: 应用到单元格`&lt;td&gt;`元素上的CSS类。 - **attr**: HTML属性,如`style=...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    **TabPanel** 是ExtJS中的一个常用组件,可以用来组织多个面板或视图,每个面板可以通过选项卡的形式进行切换展示。在本例中,我们将重点介绍如何在TabPanel中的GridPanel(表格面板)中根据不同条件动态改变行的...

    extgrid属性[文].pdf

    在软件开发中,特别是在构建用户界面时,ExtJS是一个常用且强大的JavaScript库,它提供了丰富的组件,例如Ext.grid,用于创建交互式的表格视图。在处理Ext.grid时,理解其属性、方法和事件是至关重要的。以下是对...

    Extjs4.2 Chart柱状图

    renderer: Ext.util.Format.numberRenderer('0,0') } }] }; ``` 最后,使用`Ext.create`创建并显示图表: ```javascript Ext.create(chartCfg); ``` 以上代码创建了一个基本的柱状图。通过调整配置对象中的...

    Extjs 实现多行合并(rowspan)效果

    GridPanel是ExtJS用于展示数据的常用组件,它由一系列行(rows)和列(columns)组成,每一行对应一个数据对象,每一列对应数据的一个属性。默认情况下,每一行是独立的,没有行间合并的概念。要实现行合并,我们...

    extTreeJSON

    在EXT中,树形结构(Tree)是一种常用的数据展现方式,尤其适用于展现层次关系的数据,如组织结构、文件系统等。 在EXT中实现树形结构,主要涉及到以下几个核心知识点: 1. **EXT TreePanel**: TreePanel是EXT中...

    ExtJS 使用grid显示数据

    它提供了大量的组件和功能,包括网格(Grid)这种常用的数据显示控件。这篇博客文章 "ExtJS 使用grid显示数据" 可能详细阐述了如何利用ExtJS的Grid面板来展示和操作数据。 在ExtJS中,Grid Panel是一种数据驱动的...

    Extjs学习—总结的extjs的一些常用小知识点

    ### Extjs 学习——总结的一些常用知识点 #### 一、概述 Extjs 是一个用于构建 Web 应用程序的强大框架,它提供了大量的 UI 组件和功能,可以帮助开发者快速搭建出高质量的应用界面。本文将根据一个月的学习经验,...

    Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法

    在Extjs中,GridPanel组件是非常常用的一个表格组件,它提供了丰富的功能来展示和操作数据。其中,复选框(checkbox)是交互式元素中用于表示选中状态的常见组件。然而,在某些业务场景中,可能需要根据数据行的特定...

    Extjs中文教程

    - 通过配置`renderer`函数可以实现复杂的数据展示。 #### 十九、行模型与Grid视图 - **行选择模型** - 定义了如何选择表格中的行,包括单选、多选等模式。 - 可以通过配置`selModel`选项来指定。 - **Grid视图...

    JavaScript的ExtJS框架中表格的编写教程

    {header:'创建日期', dataIndex:'createDate', type:'date', renderer: Ext.util.Format.dateRenderer('Y年m月d日')} }); ``` - **创建数据数组**:定义表格中将要显示的数据数组。 ```javascript var data ...

    extjs图形绘制之饼图实现方法分析

    在EXTJS中,饼图是一种常用的可视化工具,用于展示各部分占总体的比例关系。EXTJS框架提供了丰富的图表组件,其中包括饼图的实现。以下是对EXTJS绘制饼图的方法进行详细分析: 首先,创建一个继承自`Ext.panel....

    Extjs根据条件设置表格某行背景色示例

    Ext.onReady()是一个常用的函数,它保证了在页面加载完毕之后才初始化Extjs组件,这是因为在Extjs框架中很多操作依赖于DOM元素的存在。 示例中的代码创建了一个名为myData的数组,包含了用于表格显示的静态数据。...

    mental ray 命令行参数详解(英文)

    #### 常用选项 1. **-help** - 功能:打印帮助信息。 - 示例:`render -help` 2. **-test** - 功能:打印 MEL 命令但不执行它们。 - 示例:`render -test` 3. **-verb** - 功能:在执行前打印 MEL 命令。 -...

Global site tag (gtag.js) - Google Analytics