`
ootabc
  • 浏览: 108266 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

extjs render

EXT 
阅读更多
Extjs的renderer关健字可以通过一个方法改变当前绑定的数据显示内容

//新闻状态方法
function getStatusText(value)
        {
            var result = '禁用';
            switch(value){
                case 0:
                    result = '禁用';
                    break;
                case 1:
                    result = '启用';
                    break;
            }
            return result;
        }

//返回新闻内容链接地址(value:当前字段值,p:不知道是啥,record表示当前记录,不需要定义)
function getNewsContent(value,p,record)
{
    return String.format(
'<a href=# onclick=alert({0})>'+ GetLeft(value,10,"..") +' (查看)</a>',record.data.ID)
}
var grid = new Ext.grid.GridPanel({
id: 'gridPaging',
renderTo: 'divPaging',
.......
columns:[
selModel,
new Ext.grid.RowNumberer(),     //  自动行号,
                    {
                        header: "新闻ID",
                        dataIndex: 'NewsID',
                        width: 50,
                        hidden: false,
                        sortable: true
                    },{
                        header: '新闻标题',
                        dataIndex: 'Name',
                        width: 100,
                        hidden: false,
                        sortable: true
                    },{
                        header: '新闻状态',
                        dataIndex: 'Status',
                        renderer: getStatusText,   //调用一个方法getStatusText, 通过当前vlaue来改变值
                        width: 50,
                        sortable: true
                    },{
                        header: '新闻内容,
                        dataIndex: 'Status',
                        renderer: getNewsContent,   //调用一个方法getNewsContent,返回一个超级链接                      width: 50,
                        sortable: true
                    }



分享到:
评论

相关推荐

    ExtJS 常用组件样式修改

    这里主要介绍了ExtJS常用组件的样式修改,包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。

    extjs render 用法介绍

    renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子,个人是这么理解,如果你不是可以看下本

    ExtJs4 line chart render by ajax

    Extjs4 中Line chart使用Ajax数据源绘图,具体请参考文章http://blog.csdn.net/cl11404303/archive/2011/05/31/6457951.aspx

    ExtJS4 Grid改变单元格背景颜色及Column render学习

    利用的是Column的render 先看效果图: 代码如下: 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; &lt;...

    Extjs学习笔记之五 一个小细节renderTo和applyTo的区别

    Extjs的组件有两个看起来类似的配置项,applyTo和renderTo,这两个配置项都是用来指定将该extjs组件加载到什么位置。那他们到底有什么区别呢,网上搜了下,有两篇博文也是关于这个的。

    轻松搞定Extjs_原创

    四、组件渲染方法render 50 五、小结 52 第九章:按钮与日期选择器 53 一、开始组件学习之旅 53 二、被设计得面目全非的按钮 53 三、日期选择器Ext.DatePicker 55 四、小结 56 第十章:数据与ComboBox 57 一、数据在...

    jQuery模仿ExtJS之TabPanel最新

    renderTo| jQuery object | NULL&gt; 渲染到某容器 将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 items&lt;array&gt; 选项卡元素集合 选项...

    extjs中验证实例

    renderTo:"myForm", items:[ {xtype:"fieldset", width:500, labelAlign:"right", labelWidth:70, title:"个人信息" , collapsible:true, autoHeight:true, defaultType:"textfield", items:[ {...

    Ext教程(最新extJs教程)限量版

    Ext教程 Ext.onReady(function(){ // shorthand var Tree = Ext.tree; var tree = new Tree.TreePanel({ el:'tree-div', ... // render the tree tree.render(); tree.getRootNode().expand(); });

    Extjs自动填充

    renderTo :'auto', frame : true, items : [ { xtype : 'combo', triggerAction : 'query', forceSelection : true, editable : true, queryParam : 'autoContent',//向后台传递输入框中的值 minChars : 2,...

    ExtJS教程.rar

    ExtJS教程.rar 最不能少的就是submit按钮,它与一小段的错误检测代码块一起被addButton方法加进来。当该按钮被点击,就会调用render方法,传入div标识的“id”,然后在网页的div里把表单显示出来。

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    javascript extjs

    extjs2.0 做的管理系统,每个treepanel里都可以显示不同的内容,并在render里 绑定相应的事件

    ExtJS 2.0 实用简明教程之布局概述

    ExtJS的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS的容器组件包含一个layout及...看代码: 代码如下:Ext.onReady(function(){ new Ext.Panel({ renderTo:”hello”, width:400, heig

    extjs面板设计好的东西哦

    extjs面板设计 var tabs = new Ext.TabPanel({ renderTo: 'tabs1', width:450, activeTab: 0, frame:true, defaults:{autoHeight: true}, items:[ {contentEl:'script', title: 'Short Text'}, {contentEl:'...

    学习ExtJS table布局

    二、应用举例 代码如下: Ext.onReady(function(){ var _panel = new Ext.Panel({ title:”人员信息”, renderTo:Ext.getBody(), width:500, height:200, layout:”table”, layoutConfig: { columns: 3 }, ite

    学习ExtJS form布局

    一、 Form布局由类Ext.layout.FormLayout定义,名称为form,... 代码如下: Ext.onReady(function(){ var _panel = new Ext.Panel({ title:”人员信息”, renderTo:Ext.getBody(), frame:true, width:500, height:300, l

Global site tag (gtag.js) - Google Analytics